.skip-link{position:absolute;left:1rem;top:-4rem;z-index:1000;background:#fff;color:#1b3a2d;padding:.5rem 1rem;border-radius:.3rem}.skip-link:focus{top:1rem}
.nav__logo{white-space:nowrap}.mao-brand__logo{width:48px;height:48px;object-fit:contain;flex:none}.nav__links{margin-left:auto}.nav__links > a{text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}.nav:not(.nav--scrolled) .nav__logo{color:#fff}.nav:not(.nav--scrolled) .nav__link{color:#fff}.nav:not(.nav--scrolled) .nav__link:hover,.nav:not(.nav--scrolled) .nav__link--active{color:var(--terracotta-light)}.nav:not(.nav--scrolled) .nav__toggle span{background:#fff}.nav:not(.nav--scrolled) .nav__toggle--open span{background:var(--forest)}
.mao-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mao-language-control{margin-left:var(--space-lg);position:relative;z-index:1002}
.mao-language-trigger{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:115px;min-height:42px;padding:.55rem .8rem;border:1px solid rgba(27,58,45,.18);border-radius:var(--radius-full);background:rgba(253,248,240,.96);color:var(--forest);font:600 var(--text-sm) var(--font-body);line-height:1.2;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}
.mao-language-trigger:hover,.mao-language-trigger[aria-expanded="true"]{border-color:rgba(27,58,45,.42);background:#fff}
.mao-language-chevron{width:8px;height:8px;flex:none;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .16s ease}
.mao-language-trigger[aria-expanded="true"] .mao-language-chevron{transform:translateY(2px) rotate(225deg)}
.mao-language-menu{position:absolute;top:calc(100% + .55rem);right:0;z-index:1050;width:max-content;min-width:175px;max-width:calc(100vw - 2rem);padding:.35rem;border:1px solid rgba(27,58,45,.12);border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(16,41,31,.16)}
.mao-language-menu[hidden]{display:none!important}
.mao-language-option{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:100%;margin:0;padding:.72rem .8rem;border:0;border-radius:9px;background:transparent;color:var(--forest);font:600 var(--text-sm) var(--font-body);text-align:left;cursor:pointer}
.mao-language-option:hover,.mao-language-option:focus-visible{background:#f2f6ef}
.mao-language-option[aria-pressed="true"]{background:#edf4ed;color:var(--forest)}
.mao-language-check{color:var(--forest);font-size:1rem;opacity:0}
.mao-language-option[aria-pressed="true"] .mao-language-check{opacity:1}
.mao-language-trigger:focus-visible,.mao-language-option:focus-visible{outline:3px solid var(--terracotta);outline-offset:2px}
.nav__donate{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.57rem 1.25rem;border:1px solid rgba(27,58,45,.16);border-radius:var(--radius-full);background:var(--cream);color:var(--forest);font-size:var(--text-sm);font-weight:700;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.nav__donate-icon{display:block;flex:none;width:18px;height:18px;stroke:currentColor;pointer-events:none}.nav__donate:hover{background:#fff;transform:translateY(-2px)}.nav__donate:focus-visible{outline:3px solid var(--terracotta);outline-offset:3px}.nav--scrolled .nav__donate{background:var(--forest);color:#fff}.nav--scrolled .nav__donate:hover{background:#285540}.nav__donate--active{box-shadow:0 0 0 2px rgba(255,255,255,.32)}
.mao-hero{position:relative;min-height:95vh;display:flex;align-items:center;background:linear-gradient(90deg,rgba(13,27,20,.91) 0%,rgba(13,27,20,.72) 40%,rgba(13,27,20,.12) 100%),url('../img/hero-farm.jpg') center/cover no-repeat}
.mao-hero__inner{width:100%;padding-top:10rem;padding-bottom:7rem;position:relative}.mao-hero__title{color:#fff;margin-bottom:var(--space-lg);max-width:750px}.mao-hero__title .accent-text{color:var(--terracotta-light)}.mao-hero__lead{color:rgba(253,248,240,.9);font-size:var(--text-xl);max-width:650px;line-height:1.65;margin-bottom:var(--space-2xl)}.mao-actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}
/* Hero copy enters as each part becomes visible. The motion never loops. */
.mao-hero__title{--hero-entry-y:32px}.mao-hero__lead{--hero-entry-y:24px}.mao-actions{--hero-entry-y:18px}
.mao-hero .rise--visible{animation:mao-hero-reveal 850ms cubic-bezier(.22,1,.36,1) both;transition:none}
.mao-hero__title.rise--visible{animation-delay:80ms}.mao-hero__lead.rise--visible{animation-delay:210ms}.mao-actions.rise--visible{animation-delay:350ms}
@keyframes mao-hero-reveal{from{opacity:0;transform:translate3d(0,var(--hero-entry-y),0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){.mao-hero .rise--visible{animation:none;opacity:1;transform:none}}
section[id]{scroll-margin-top:76px}
.mao-intro{background:var(--white)}.mao-intro__grid{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--space-3xl);align-items:start}.mao-intro h2{margin:var(--space-md) 0}.mao-body-copy p+p{margin-top:var(--space-lg)}.mao-source-note{display:block;color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-lg)}
.mao-programs{background:var(--cream)}.mao-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.mao-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl);min-height:225px;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease}.mao-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.mao-card__number{display:block;color:var(--terracotta);font:500 .8rem var(--font-mono);margin-bottom:var(--space-lg)}.mao-card h3{font-size:var(--text-xl);margin-bottom:var(--space-sm)}.mao-card p{color:var(--text-secondary)}
.mao-mission{background:var(--forest);color:var(--cream)}.mao-mission__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl)}.mao-mission .label{color:var(--sage-light)}.mao-mission h2{color:var(--cream);margin:var(--space-md) 0}.mao-mission p{color:rgba(253,248,240,.8);max-width:570px}
.mao-updates{background:#fff}.mao-updates__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.mao-updates h2{margin:var(--space-md) 0}.mao-updates__list{display:grid;gap:var(--space-xl)}.mao-update-card{overflow:hidden;background:var(--cream);border:1px solid var(--cream-deeper);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.mao-update-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.mao-update-card__body{padding:var(--space-xl)}.mao-update-card__tag{display:inline-block;color:var(--terracotta);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-sm)}.mao-update-card h3{font-size:var(--text-xl);line-height:1.3;margin-bottom:var(--space-sm)}.mao-update-card p{color:var(--text-secondary)}
.mao-contact{background:var(--terracotta);color:#fff}.mao-contact__inner{max-width:900px}.mao-contact .label,.mao-contact h2{color:#fff}.mao-contact h2{margin:var(--space-md) 0}.mao-contact p{max-width:650px}.mao-contact__details{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;margin-top:var(--space-xl)}.mao-contact__details>div{display:flex;flex-direction:column;gap:.25rem}.mao-contact__details>div>span:first-child{font-size:var(--text-sm);opacity:.8}.mao-contact__details a{color:#fff;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.mao-contact__details a:focus-visible{outline:3px solid #fff;outline-offset:3px}.mao-contact__location{display:inline-block;margin-top:var(--space-xl);border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-full);padding:.6rem 1.1rem;font-family:var(--font-mono);font-size:var(--text-sm)}
.mao-footer{background:var(--forest-dark);color:#fff;padding:2.5rem 0 1.25rem}.mao-footer__inner{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.mao-footer__brand{display:flex;align-items:center;gap:.75rem}.mao-footer__brand img{width:65px;height:65px;object-fit:contain}.mao-footer__brand>div,.mao-footer__connect{display:flex;flex-direction:column}.mao-footer__inner strong{font-family:var(--font-display);font-size:1.5rem}.mao-footer__inner span{color:rgba(255,255,255,.8)}.mao-footer__connect{align-items:flex-end;gap:.75rem}.mao-social{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.mao-social a{width:42px;height:42px;border:1px solid rgba(255,255,255,.27);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,transform .2s}.mao-social a:hover{background:var(--terracotta);border-color:var(--terracotta);transform:translateY(-2px)}.mao-social a:focus-visible{outline:3px solid var(--terracotta-light);outline-offset:3px}.mao-social img{width:19px;height:19px;filter:brightness(0) invert(1)}.mao-footer__bottom{border-top:1px solid rgba(255,255,255,.2);margin-top:2rem;padding-top:1rem;text-align:center}.mao-footer__bottom small{color:rgba(255,255,255,.7);font-size:var(--text-xs)}
@media(max-width:800px){.mao-hero{min-height:760px;background:linear-gradient(90deg,rgba(13,27,20,.9),rgba(13,27,20,.45)),url('../img/hero-farm.jpg') 58% center/cover no-repeat}.mao-intro__grid,.mao-mission__grid,.mao-updates__grid{grid-template-columns:1fr;gap:var(--space-2xl)}.mao-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.nav__links{margin-left:0;width:100%;max-width:none}.nav__logo{position:relative;z-index:1002}.nav:has(.nav__links--open) .nav__logo{color:var(--forest)}.nav:has(.nav__links--open) .nav__toggle span{background:var(--forest)}.mao-language-control{margin-left:auto;margin-right:.35rem}.mao-language-trigger{min-width:105px}.nav:not(.nav--scrolled) .nav__links .nav__link{color:var(--forest)}.nav:not(.nav--scrolled) .nav__links .nav__link:hover,.nav:not(.nav--scrolled) .nav__links .nav__link--active{color:var(--terracotta)}.mao-footer__inner{flex-direction:column;gap:1.5rem}.mao-footer__connect{align-items:flex-start}.mao-social{justify-content:flex-start}}
@media(max-width:768px){.nav__donate,.nav--scrolled .nav__donate{background:var(--forest);color:#fff;padding:.75rem 2rem}.nav__donate:hover,.nav--scrolled .nav__donate:hover{background:#285540}}
@media(max-width:560px){.mao-hero{min-height:680px}.mao-hero__inner{padding-top:8rem;padding-bottom:5rem}.mao-hero__title{font-size:clamp(3.4rem,14vw,5rem)}.mao-actions .btn{width:100%;justify-content:center}.mao-card-grid{grid-template-columns:1fr}.mao-footer__inner{flex-direction:column;gap:1.5rem}.mao-footer__connect{align-items:flex-start}.mao-social{justify-content:flex-start}}

.mao-update-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#142b20}

/* One-time home intro: visual-only logo, automatically clears even without JS callback. */
.mao-home-intro{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;background:#fdf8f0;pointer-events:none}
html.mao-home-intro-active .mao-home-intro{display:flex;pointer-events:auto;animation:mao-home-intro-curtain 1350ms ease-in-out both}
.mao-home-intro img{display:block;width:clamp(110px,18vw,165px);max-width:60vw;height:auto;object-fit:contain;animation:mao-home-intro-logo 1350ms cubic-bezier(.2,.8,.2,1) both}
@keyframes mao-home-intro-logo{
  0%{opacity:0;transform:translateY(8px) scale(.94)}
  25%,65%{opacity:1;transform:translateY(0) scale(1)}
  100%{opacity:0;transform:translateY(-4px) scale(1.035)}
}
@keyframes mao-home-intro-curtain{
  0%,70%{opacity:1;visibility:visible}
  99%{opacity:0;visibility:visible}
  100%{opacity:0;visibility:hidden}
}
@media(prefers-reduced-motion:reduce){html.mao-home-intro-active .mao-home-intro{display:none!important}}

/* Mobile navigation: stacked call-to-action buttons matching the requested reference. */
.mao-mobile-nav-actions{display:none}
@media(max-width:768px){
  .nav__links{
    position:fixed;top:0;right:-100%;width:100%;max-width:none;
    height:100vh;height:100dvh;
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
    gap:1rem;overflow-y:auto;overscroll-behavior:contain;
    padding:clamp(6.6rem,14vh,8.2rem) clamp(1.4rem,6vw,2.2rem) max(1.4rem,env(safe-area-inset-bottom));
    --mao-mobile-box:#c35a3c;
    background:#101829;box-shadow:0 10px 45px #050f2266;
  }
  .nav__links--open{right:0}
  .nav__links > .nav__link{
    display:flex;align-items:center;justify-content:center;
    width:100%;min-height:68px;padding:1rem 1.3rem;
    border:2px solid var(--mao-mobile-box);border-radius:1.05rem;
    background:var(--mao-mobile-box);color:#fff!important;
    box-shadow:0 6px 18px #050f2226;
    font:700 clamp(1.12rem,5vw,1.38rem)/1.3 var(--font-body);
    letter-spacing:0;white-space:normal;text-align:center;text-decoration:none;
    box-sizing:border-box;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease
  }
  .nav__links > .nav__link::after{display:none!important}
  .nav__links > .nav__link:hover,.nav__links > .nav__link--active,
  .nav:not(.nav--scrolled) .nav__links > .nav__link:hover,
  .nav:not(.nav--scrolled) .nav__links > .nav__link--active{
    color:#fff!important;border-color:#f7d1c4;
    background:var(--mao-mobile-box);box-shadow:0 0 0 2px #ffffff42
  }
  .nav__links > .nav__link:focus-visible{
    outline:3px solid #b6dfff;outline-offset:3px
  }
  .nav__links > .nav__link[data-i18n="navContact"],
  .nav__links > .nav__donate{display:none}
  .mao-mobile-nav-actions{
    display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;
    width:100%;margin-top:0;padding-top:0
  }
  .mao-mobile-nav-actions .mao-mobile-action{
    display:inline-flex;align-items:center;justify-content:center;
    gap:.7rem;width:100%;min-height:68px;padding:1rem 1.3rem;
    border-radius:1.05rem;font:700 clamp(1.12rem,5vw,1.38rem)/1.3 var(--font-body);
    letter-spacing:0;text-align:center;text-decoration:none;text-transform:none;
    white-space:normal;transition:background .2s ease,border-color .2s ease,transform .2s ease;
    box-sizing:border-box
  }
  .mao-mobile-nav-actions .mao-mobile-action--outline,
  .nav--scrolled .mao-mobile-nav-actions .mao-mobile-action--outline{
    border:2px solid var(--mao-mobile-box);background:var(--mao-mobile-box);color:#fff;
    box-shadow:0 6px 18px #050f2226
  }
  .mao-mobile-nav-actions .mao-mobile-action--outline:hover{background:#aa4d33;transform:none}
  .mao-mobile-nav-actions .mao-mobile-action--primary{
    border:2px solid var(--mao-mobile-box);background:var(--mao-mobile-box);
    color:#fff;box-shadow:0 6px 18px #050f2226
  }
  .mao-mobile-nav-actions .mao-mobile-action--primary:hover{
    background:#aa4d33;transform:none
  }
  .mao-mobile-nav-actions .mao-mobile-action:focus-visible{outline:3px solid #b6dfff;outline-offset:3px}
  .nav:has(.nav__links--open) .nav__logo{color:#fff!important}
  .nav:has(.nav__links--open) .nav__toggle span{background:#fff!important}
  .nav:has(.nav__links--open) .mao-language-control{visibility:hidden;pointer-events:none}
}
@media(max-width:350px){
  .nav__links{padding-left:1rem;padding-right:1rem}
  .nav__links > .nav__link,.mao-mobile-nav-actions .mao-mobile-action{min-height:58px;font-size:1.06rem}
}