/* Visible links and a Join OSI action in a rounded glass header. */
.site-header,.site-header.is-scrolled,.detail-page .site-header{top:12px;width:calc(100% - 40px);max-width:1400px;min-height:82px;padding:11px 18px 11px 22px;gap:18px;border:1.5px solid #ffffffd9;border-radius:999px;background:linear-gradient(110deg,#ffffffb3 0%,#ffffff61 52%,#c8dfbd61 100%);backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%);box-shadow:inset 0 1px 0 #fff,0 5px 24px #163b3108;color:#163b31;transition:background .25s ease,box-shadow .25s ease}
.site-header.is-engaged,.site-header:focus-within,.detail-page .site-header.is-engaged,.detail-page .site-header:focus-within{background:#fff;border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 8px 28px #163b3110}
.site-header .brand{gap:12px;min-width:0;flex-shrink:0;line-height:1.2}.site-header .brand-name{font-size:clamp(16px,1.35vw,23px);font-weight:650;letter-spacing:-.025em;white-space:nowrap}.site-header .brand-community-mark{width:48px;height:50px;flex-basis:48px;border-radius:50%}
.site-header #navigation{display:flex;position:static;flex-direction:row;align-items:center;width:auto;padding:0;margin-left:auto;gap:3px;background:transparent;border:0;border-radius:0;box-shadow:none}
.site-header #navigation>a{display:inline-flex;align-items:center;justify-content:center;padding:11px 12px;border-radius:999px;font-size:clamp(12px,1.05vw,17px);line-height:1.4;font-weight:500;white-space:nowrap;text-decoration:none;color:#304b3d;transition:background-color .2s ease,color .2s ease}
.site-header #navigation>a:hover,.site-header #navigation>a[aria-current="page"],.site-header #navigation>a:focus-visible{background:#163b310e;color:#163b31}
.site-header .nav-join{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:13px 22px;margin:0;border-radius:999px;background:#20543e;color:#fff;font-size:14px;line-height:1.4;font-weight:600;white-space:nowrap}.site-header .nav-join:hover{background:#163b31}.site-header .menu-toggle{display:none}
@media(max-width:1000px) and (min-width:761px){.site-header,.site-header.is-scrolled,.detail-page .site-header{gap:10px;padding-inline:17px}.site-header .brand-name{font-size:14px}.site-header .brand-community-mark{width:40px;height:42px;flex-basis:40px}.site-header .brand{gap:9px}.site-header #navigation>a{padding:10px 8px;font-size:12px}.site-header .nav-join{padding:12px 17px;font-size:13px}}
@media(max-width:760px){.site-header,.site-header.is-scrolled,.detail-page .site-header{top:10px;width:calc(100% - 24px);min-height:0;padding:10px 13px 9px;gap:7px 10px;border-radius:29px;display:grid;grid-template-columns:1fr auto}.site-header .brand{gap:8px}.site-header .brand-community-mark{width:36px;height:38px;flex-basis:36px}.site-header .brand-name{font-size:12px;white-space:normal;max-width:160px;line-height:1.3}.site-header .nav-join{grid-column:2;grid-row:1;padding:11px 16px;font-size:12px}.site-header #navigation{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:0;margin:0;width:100%}.site-header #navigation>a{font-size:12px;padding:8px 9px}.hero.hero-welcome.impact-hero{padding-top:145px}.detail-main{padding-top:155px}html{scroll-padding-top:135px}.mission-section,.join-section{scroll-margin-top:130px}}
@media(max-width:360px){.site-header .brand-name{font-size:11px;max-width:125px}.site-header #navigation>a{font-size:11px;padding-inline:7px}.site-header .nav-join{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.site-header,.site-header.is-scrolled,.detail-page .site-header,.site-header #navigation>a{transition:none}}