@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;500;600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');
/* Header proportions for standalone Get Involved pages. */
body[data-title] header{position:sticky;top:0;z-index:30;background:rgba(251,248,241,.97);border-bottom:1px solid var(--l)}
body[data-title] header .nav{width:min(1180px,92%);height:82px;margin:auto;display:flex;align-items:center;gap:22px}
body[data-title] .logo{display:flex;align-items:center;gap:10px;flex:0 0 225px;color:var(--e);text-decoration:none;line-height:1.2}body[data-title] .logo-mark{display:block;flex:none;width:42px;height:42px}body[data-title] .logo strong{display:block;font-size:15px;letter-spacing:1.1px}body[data-title] .logo small{display:block;margin-top:4px;font-size:9px;font-weight:600;letter-spacing:1px;color:#5c6a63}
body[data-title] nav.links{display:flex;align-items:center;gap:20px;flex:1 1 auto;min-width:0;font-size:14px;font-weight:500}body[data-title] nav.links>a,body[data-title] nav.links .has-mega>a,body[data-title] nav.links .get-involved-trigger{white-space:nowrap;color:var(--i);text-decoration:none}
body[data-title] .page-nav-actions{display:flex!important;align-items:center;gap:9px;flex:none;margin-left:0!important;background:none!important;padding:0!important}body[data-title] .page-nav-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;text-decoration:none;font-size:13px;font-weight:600}body[data-title] .page-nav-language{border:1px solid var(--e);color:var(--e)}body[data-title] .page-nav-cta{background:var(--g);color:#1a1305}
@media(max-width:1080px){body[data-title] .logo{flex-basis:185px}body[data-title] nav.links{gap:13px;font-size:13px}body[data-title] .page-nav-actions a{padding:10px 11px}}@media(max-width:840px){body[data-title] header .nav{height:auto;min-height:72px}body[data-title] .logo{flex-basis:auto;margin-right:auto}body[data-title] nav.links>a:nth-child(-n+4){display:none}body[data-title] nav.links{flex:none;gap:16px}.get-involved-menu{display:flex!important}}@media(max-width:560px){body[data-title] .logo strong{font-size:12px}body[data-title] .logo small{display:none}body[data-title] .logo-mark{width:38px;height:38px}body[data-title] nav.links{gap:10px}.page-nav-language{display:none!important}body[data-title] .page-nav-cta{padding:9px!important;font-size:12px!important}}
:root{--e:#0b3d35;--d:#082722;--g:#c9a45c;--gl:#e3c98a;--p:#fbf8f1;--s:#f5efe1;--i:#12211d;--m:#5c6a63;--l:rgba(11,61,53,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--p);color:var(--i);font:16px/1.7 Inter,Arial,sans-serif}.container{width:min(1180px,92%);margin:auto}h1,h2,h3{font-family:Fraunces,Georgia,serif;line-height:1.12;letter-spacing:-.02em}.btn{display:inline-flex;justify-content:center;padding:13px 21px;background:var(--g);color:#1c160a;text-decoration:none;font-weight:700;font-size:14px;border-radius:3px;transition:.2s}.btn:hover{transform:translateY(-2px)}.page-hero{position:relative;overflow:hidden;background:radial-gradient(95% 130% at 8% 0,#1a6657,var(--d) 67%);color:#fff;padding:104px 0 112px}.page-hero:after{content:"";position:absolute;width:380px;height:380px;right:-100px;top:-130px;border:1px solid rgba(227,201,138,.32);border-radius:50%;box-shadow:0 0 0 45px rgba(227,201,138,.05),0 0 0 90px rgba(227,201,138,.035)}.page-hero .container{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:2px;font:600 12px 'IBM Plex Mono',monospace;color:var(--gl)}.eyebrow:before{content:"";width:24px;height:1px;background:currentColor}.page-hero h1{max-width:700px;margin:18px 0;font-size:clamp(44px,6vw,72px)}.page-hero p{max-width:620px;margin:0;color:#d2e1dc;font-size:18px}.gi-overview{margin-top:-50px;position:relative;z-index:2}.gi-overview-grid{display:grid;grid-template-columns:1.15fr .85fr;background:#fff;box-shadow:0 20px 45px -28px rgba(8,39,34,.55)}.gi-overview-copy,.gi-action{padding:38px 42px}.gi-overview-copy h2{margin:0 0 14px;color:var(--e);font-size:31px}.gi-overview-copy p{margin:0;color:var(--m)}.gi-action{background:var(--g);color:#172019}.gi-action strong{display:block;font-family:Fraunces,Georgia,serif;font-size:25px;line-height:1.15}.gi-action p{margin:8px 0 18px;line-height:1.55}.gi-action .btn{background:var(--e);color:#fff}.gi-section{padding:92px 0}.gi-section.sand{background:var(--s)}.section-heading{max-width:680px;margin-bottom:34px}.section-heading h2{font-size:clamp(31px,4vw,46px);color:var(--e);margin:12px 0}.section-heading p{color:var(--m);margin:0}.benefit-grid,.share-grid,.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefit-card,.share-card,.process-card{background:#fff;padding:28px;border:1px solid var(--l)}.number{font:600 12px 'IBM Plex Mono',monospace;color:var(--g)}.benefit-card h3,.share-card h3,.process-card h3{margin:16px 0 9px;color:var(--e);font-size:23px}.benefit-card p,.share-card p,.process-card p{margin:0;color:var(--m);font-size:14px}.share-card{display:flex;min-height:212px;flex-direction:column;border-top:3px solid var(--g)}.share-card a{margin-top:auto;padding-top:20px;color:var(--e);font-weight:700;text-decoration:none;font-size:14px}.process-card{background:transparent;border:0;padding:10px 16px 10px 0}.process-card .number{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--g);border-radius:50%}.gi-cta{padding:86px 0;text-align:center;background:var(--e);color:#fff}.gi-cta h2{font-size:clamp(32px,4vw,48px);margin:0 0 14px}.gi-cta p{max-width:570px;margin:0 auto 25px;color:#cfe0da}.gi-cta .btn{background:var(--gl)}@media(max-width:850px){.benefit-grid,.share-grid,.process-grid{grid-template-columns:1fr 1fr}.gi-overview-grid{grid-template-columns:1fr}.gi-overview-copy,.gi-action{padding:30px}.page-hero{padding:78px 0 100px}}@media(max-width:600px){.benefit-grid,.share-grid,.process-grid{grid-template-columns:1fr}.page-hero h1{font-size:43px}.page-hero p{font-size:16px}.gi-section{padding:66px 0}.gi-overview-copy,.gi-action{padding:27px}.page-hero:after{opacity:.5}}