.site-header { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid rgba(23, 32, 27, .12); background: var(--color-light); color: var(--color-ink); transition: box-shadow 180ms ease; }
.site-header--solid { background: var(--color-light); color: var(--color-ink); }
.site-header.is-scrolled { box-shadow: 0 .4rem 1.25rem rgba(23, 32, 27, .12); }
.site-header__inner { position: relative; display: flex; min-height: var(--header-height-mobile); flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 1rem; transition: min-height 180ms ease; }
.site-header.is-scrolled .site-header__inner { min-height: 4.25rem; }
.wordmark { flex: 0 0 auto; font-family: var(--font-display); font-size: 1.1rem; text-decoration: none; }
.site-header .wordmark { line-height: 0; }
.site-header__logo { display: block; width: auto; height: clamp(2.875rem, 5.175vw, 4.025rem); }
.site-header__quick-actions { display: flex; align-items: center; gap: .25rem; margin-left: auto; }
.site-header__quick-action { display: inline-flex; min-height: 2.5rem; align-items: center; justify-content: center; padding: .4rem .25rem; border: 0; color: var(--color-ink); font-size: .88rem; font-weight: 400; line-height: 1.1; text-align: center; text-decoration: none; white-space: nowrap; transition: color 180ms ease, text-decoration-color 180ms ease; }
.site-header__quick-action--involve { width: 9.5rem; min-height: 3.15rem; padding-inline: 1rem; border: 1px solid currentColor; border-radius: 999px; color: var(--color-focus); font-weight: 700; transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease; }
.site-header__quick-action--donate { width: 9.5rem; min-height: 3.15rem; padding: .7rem 1.7rem; border: 1px solid var(--color-donate); border-radius: 999px; background: var(--color-donate); color: var(--color-light); font-size: 1rem; font-weight: 700; transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease; }
.site-header__quick-action:not(.site-header__quick-action--donate):hover,
.site-header__quick-action:not(.site-header__quick-action--donate):focus-visible { color: var(--color-clay); text-decoration: underline; text-decoration-thickness: .08em; text-underline-offset: .3em; }
.site-header__quick-action.site-header__quick-action--involve:hover,
.site-header__quick-action.site-header__quick-action--involve:focus-visible { border-color: var(--color-forest); background: var(--color-forest); color: var(--color-ink); text-decoration: none !important; transform: translateY(-1px); }
.site-header__quick-action--involve:focus-visible,
.site-nav__involve:focus-visible { outline-offset: 0; }
.site-header__quick-action--donate:hover,
.site-header__quick-action--donate:focus-visible { border-color: var(--color-action); background: var(--color-action); color: var(--color-ink); transform: translateY(-1px); }
.site-header__quick-actions + .menu-toggle { margin-left: 0; }
.site-nav { flex: 0 0 100%; padding: .65rem 0 1rem; background: var(--color-light); }
.site-nav__list,
.nav-dropdown-menu,
.site-footer__links { padding: 0; margin: 0; list-style: none; }
.site-nav__list,
.site-nav__actions { display: flex; align-items: stretch; flex-direction: column; gap: 0; }
.site-nav a,
.site-nav button { color: inherit; text-decoration: none; }
.site-nav__list > li > a,
.site-nav__dropdown-toggle,
.site-nav__actions > a:not(.site-nav__donate) { transition: color 180ms ease, text-decoration-color 180ms ease; }
.site-nav__list > li > a:hover,
.site-nav__list > li > a:focus-visible,
.site-nav__dropdown-toggle:hover,
.site-nav__dropdown-toggle:focus-visible,
.site-nav__actions > a:not(.site-nav__donate):hover,
.site-nav__actions > a:not(.site-nav__donate):focus-visible { color: var(--color-clay); text-decoration: underline; text-decoration-thickness: .08em; text-underline-offset: .32em; }
.site-nav a[aria-current="page"] { color: var(--color-clay); font-weight: 700; }
.site-nav__list > li > a,
.site-nav__dropdown-toggle,
.site-nav__actions > a { display: flex; width: 100%; min-height: 3rem; align-items: center; justify-content: space-between; padding-inline: .65rem; }
.site-nav__actions { padding: .5rem .65rem 0; border-top: 1px solid rgba(23, 32, 27, .18); }
.site-nav__language { display: flex; min-height: 3rem; align-items: center; justify-content: center; gap: .35rem; padding-inline: .65rem; font-size: .78rem; white-space: nowrap; }
.site-nav__language [lang="es"] { opacity: .62; }
.site-nav__language > span:not(.site-nav__language-separator) { padding: .35rem .45rem; cursor: default; transition: color 160ms ease; }
.site-nav__language > span:not(.site-nav__language-separator):hover { color: var(--color-clay); }
.site-nav__language-separator { opacity: .42; }
.site-nav__language-current { font-weight: 700; text-decoration: underline; text-decoration-thickness: .08em; text-underline-offset: .3em; }
.site-nav a.site-nav__involve { border: 1px solid currentColor; border-radius: 999px; font-weight: 700; transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
.site-nav__involve:hover,
.site-nav__involve:focus-visible { border-color: var(--color-forest); background: var(--color-forest); box-shadow: 0 .35rem .8rem rgba(23, 32, 27, .14); color: var(--color-ink) !important; text-decoration: none !important; transform: translateY(-1px); }
.site-nav__involve[aria-current="page"] { text-decoration: none; }
.site-nav__involve:active { box-shadow: none; transform: translateY(0); }
.site-nav__donate { margin-top: .35rem; border: 1px solid var(--color-donate); border-radius: 999px; background: var(--color-donate); color: var(--color-light) !important; }
.site-nav__actions > .site-nav__donate { min-width: 9.5rem; justify-content: center; gap: .6rem; min-height: 3.35rem; padding-block: .78rem; font-size: 1.06rem; font-weight: 700; transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
.site-nav__donate:hover,
.site-nav__donate:focus-visible { border-color: var(--color-action); background: var(--color-action); box-shadow: 0 .35rem .8rem rgba(23, 32, 27, .2); color: var(--color-ink) !important; transform: translateY(-2px); }
.site-nav__donate:active { box-shadow: none; transform: translateY(0); }
.header-social { display: flex; width: 100%; min-height: 3rem; flex-wrap: wrap; align-items: center; justify-content: center; gap: .35rem; padding: .65rem; }
.header-social__icon { display: inline-grid; width: var(--touch-target); height: var(--touch-target); flex: 0 0 auto; place-items: center; border-radius: 50%; color: currentColor; cursor: default; opacity: .72; transition: background-color 180ms ease, color 180ms ease, opacity 180ms ease, transform 180ms ease; }
.header-social__icon:hover { background: rgba(143, 197, 214, .2); color: var(--color-clay); opacity: 1; transform: translateY(-2px) scale(1.06); }
.header-social__icon svg { width: 1.15rem; height: 1.15rem; }
.site-nav__dropdown { position: relative; }
.site-nav__dropdown-toggle,
.menu-toggle { display: inline-flex; align-items: center; justify-content: center; min-height: var(--touch-target); border: 0; background: transparent; cursor: pointer; }
.site-nav__list > li > a,
.site-nav__dropdown-toggle { justify-content: space-between; padding-block: .5rem; text-align: left; }
.site-nav__dropdown-toggle::after { content: ""; width: .45rem; height: .45rem; margin-left: .55rem; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: translateY(-.14rem) rotate(45deg); transition: transform var(--transition-fast, 160ms ease); }
.site-nav__dropdown-toggle[aria-expanded="true"]::after { transform: translateY(.1rem) rotate(225deg); }
.site-nav__dropdown-toggle[aria-expanded="true"] { color: var(--color-clay); text-decoration: underline; text-decoration-thickness: .08em; text-underline-offset: .32em; }
.site-nav__dropdown-toggle.is-current { color: var(--color-clay); font-weight: 700; }
.nav-dropdown-menu { display: grid; width: auto; gap: .15rem; margin: .25rem .65rem .75rem; padding: .4rem; border: 1px solid rgba(23, 32, 27, .16); border-radius: .75rem; background: var(--color-light); box-shadow: 0 .5rem 1.25rem rgba(23, 32, 27, .1); }
.nav-dropdown-menu--region { width: min(15rem, 100%); max-width: 100%; grid-template-columns: minmax(0, 1fr); }
.nav-dropdown-menu a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 2.75rem; padding: .65rem .75rem; transition: color 160ms ease, text-decoration-color 160ms ease; }
.nav-dropdown-menu a:hover,
.nav-dropdown-menu a:focus-visible { color: var(--color-clay); text-decoration: underline; text-decoration-thickness: .08em; text-underline-offset: .28em; }
.nav-dropdown-menu a[aria-current="page"] { text-decoration: underline; text-decoration-thickness: .08em; text-underline-offset: .28em; }
.site-header__quick-action--donate[aria-current="page"],
.site-nav a.site-nav__donate[aria-current="page"] { border-color: var(--color-action); background: var(--color-action); color: var(--color-ink) !important; }
.menu-toggle { display: none; min-width: var(--touch-target); margin-left: auto; padding: .5rem; color: inherit; }
body.js-enabled .menu-toggle { display: inline-flex; }
body.js-enabled .site-nav { position: absolute; top: 100%; right: max(var(--page-gutter), env(safe-area-inset-right)); left: auto; z-index: 25; display: none; width: min(22rem, calc(100vw - (2 * var(--page-gutter)))); max-height: calc(100vh - var(--header-rendered-height, var(--header-height-mobile))); max-height: calc(100dvh - var(--header-rendered-height, var(--header-height-mobile)) - env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; padding: .65rem; border: 1px solid rgba(23, 32, 27, .2); background: var(--color-light); box-shadow: 0 .8rem 2rem rgba(0, 0, 0, .22); }
body.js-enabled .site-nav.is-open { display: block; }
.menu-toggle__lines,
.menu-toggle__lines::before,
.menu-toggle__lines::after { display: block; width: 1.25rem; height: 1px; background: currentColor; transition: transform var(--transition-fast, 160ms ease); }
.menu-toggle__lines { position: relative; }
.menu-toggle__lines::before,
.menu-toggle__lines::after { position: absolute; left: 0; content: ""; }
.menu-toggle__lines::before { top: -.42rem; }
.menu-toggle__lines::after { top: .42rem; }
.menu-toggle[aria-expanded="true"] .menu-toggle__lines { background: transparent; }
.menu-toggle[aria-expanded="true"] .menu-toggle__lines::before { transform: translateY(.42rem) rotate(45deg); }
.menu-toggle[aria-expanded="true"] .menu-toggle__lines::after { transform: translateY(-.42rem) rotate(-45deg); }
.site-footer { padding: clamp(3rem, 6vw, 4.5rem) 0 2rem; background: var(--color-light); color: var(--color-ink); }
.site-footer__inner { display: grid; }
.site-footer__brand { color: var(--color-ink); }
.site-footer__strapline { max-width: 24rem; margin-top: .85rem; font-size: .82rem; letter-spacing: .04em; line-height: 1.6; }
.newsletter-form { display: grid; gap: .5rem; margin-top: .5rem; }
.newsletter-form input[type="email"],
.newsletter-form button { min-height: var(--touch-target); border: 1px solid rgba(23, 32, 27, .28); font: inherit; }
.newsletter-form input[type="email"] { min-width: 0; padding: .55rem .7rem; background: rgba(143, 197, 214, .08); color: var(--color-ink); }
.newsletter-form input::placeholder { color: var(--color-light-muted); }
.newsletter-form button { padding: .55rem .75rem; background: var(--color-light); color: var(--color-forest); font-size: .8rem; font-weight: 700; }
.newsletter-form button:enabled { background: var(--color-forest); border-color: var(--color-forest); color: var(--color-ink); cursor: pointer; }
.newsletter-form button:enabled:hover { background: var(--color-moss); border-color: var(--color-moss); }
.newsletter-form input:disabled,
.newsletter-form button:disabled { cursor: not-allowed; opacity: .68; }
.newsletter-form__consent { grid-column: 1 / -1; margin: 0; font-size: .78rem; line-height: 1.55; }
.newsletter-form__honeypot { display: none; }
.newsletter-form__verification { grid-column: 1 / -1; min-width: 0; }
.newsletter-form__note { grid-column: 1 / -1; font-size: .75rem; line-height: 1.5; }
.newsletter-form__note:empty { display: none; }
.site-footer__navigation { display: grid; gap: 2.5rem; padding-bottom: clamp(2.5rem, 5vw, 4rem); }
.site-footer__heading { margin: 0 0 .75rem; color: var(--color-ink); font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.site-footer__links { display: grid; gap: .2rem; font-size: .9rem; }
.site-footer__links a { display: inline-flex; min-height: var(--touch-target); align-items: center; color: var(--color-ink); }
.site-footer__links a:hover { color: var(--color-clay); }
.site-footer__links a[aria-current="page"] { color: var(--color-ink); text-decoration-thickness: .08em; text-underline-offset: .28em; }
.site-footer__social { margin-top: .75rem; }
.site-footer__email-link { display: inline-flex; min-height: var(--touch-target); align-items: center; margin-top: 1rem; padding: .6rem .9rem; border: 1px solid var(--color-clay); color: var(--color-light-muted); font-size: .82rem; font-weight: 700; text-decoration: none; }
.site-footer__email-link:hover { background: var(--color-forest); color: var(--color-ink); }
.social-media__icons { display: flex; align-items: center; gap: .75rem; }
.social-icon { display: inline-grid; width: var(--touch-target); height: var(--touch-target); place-items: center; border: 1px solid rgba(23, 32, 27, .28); color: var(--color-light-muted); cursor: default; transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, opacity 180ms ease, transform 180ms ease; }
.social-icon svg { width: 1.15rem; height: 1.15rem; }
.social-icon.is-pending { opacity: .62; }
.social-icon:hover,
.social-icon:focus-visible { border-color: var(--color-clay); background: rgba(143, 197, 214, .2); color: var(--color-clay); opacity: 1; transform: translateY(-2px) scale(1.06); }
@media (prefers-reduced-motion: reduce) {
  .social-icon { transition: none; }
  .social-icon:hover,
  .social-icon:focus-visible { transform: none; }
}
.site-footer__bottom { display: flex; align-items: flex-start; flex-direction: column; gap: 1rem; padding-top: 1.5rem; border-top: 1px solid rgba(23, 32, 27, .15); }
.site-footer__legal,
.site-footer__policy-status { margin: 0; font-size: .75rem; }
.site-footer__policy-status { display: flex; flex-wrap: wrap; gap: .65rem 1.15rem; opacity: .62; }
.eyebrow { font-size: .78rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.image-placeholder { display: grid; place-items: end start; min-height: 18rem; padding: 1rem; border: 1px solid color-mix(in srgb, currentColor 28%, transparent); background: linear-gradient(135deg, rgba(207, 233, 242, .9), var(--color-leaf-mist) 56%, rgba(255, 255, 255, .96)); font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }