@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--green:#243b28;--cream:#f6f4e9;--lime:#e9ef70;--orange:#e89168;--ink:#223326;--line:#c9cebc;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}img{display:block;width:100%;height:100%;object-fit:cover}button{border:0}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #c6683c;outline-offset:6px}::selection{background:var(--lime);color:var(--green)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif;font-weight:650;letter-spacing:-.065em;line-height:1.06}h2{font-size:clamp(40px,5.2vw,78px)}h3{font-size:30px;letter-spacing:-.045em}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.skip{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--lime);z-index:100}.skip:focus{top:20px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.section{padding:112px max(5vw,24px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:17px 24px;border-radius:3px;font-weight:600;font-size:14px;line-height:1.5;transition:transform .3s,background .3s;min-height:56px}.button:hover{transform:translateY(-4px)}.button span{font-size:22px;line-height:1;transition:transform .3s}.button:hover span{transform:translate(3px,-3px)}.yellow{background:var(--lime);color:var(--green)}.cream{background:var(--cream);color:var(--green)}.green{background:var(--green);color:var(--cream)}.text-link{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid currentColor;padding:12px 0;background:none;font-size:14px;font-weight:600;text-align:left}.text-link span{font-size:24px}.small-note{font-size:11px;line-height:1.65;opacity:.72}
.concept-banner{display:flex;justify-content:space-between;background:var(--green);color:var(--cream);font-size:10px;letter-spacing:.03em;padding:7px 5vw}.concept-banner a{text-decoration:underline;text-underline-offset:3px}.header{height:100px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--cream);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-family:'Manrope',sans-serif;font-size:23px;line-height:.91;font-weight:800;letter-spacing:-1.3px}.brand-symbol{font-size:62px;line-height:1;display:inline-block}.brand-dot{color:#bc5d37}.header nav{display:flex;align-items:center;gap:38px;font-size:12px;font-weight:600}.header nav>a:not(.nav-give){position:relative}.header nav>a:not(.nav-give):after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--green);transition:width .3s}.header nav>a:hover:after{width:100%}.nav-give{background:var(--green);color:var(--cream);padding:14px 22px;border-radius:3px;display:flex;gap:28px}.menu-toggle{display:none;background:none}
.hero{position:relative;isolation:isolate;min-height:670px;height:calc(100svh - 130px);max-height:1050px;color:var(--cream);overflow:hidden}.hero-images,.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{opacity:0;transition:opacity 1.8s;object-position:center 42%;animation:photo-drift 18s ease-in-out infinite alternate}.hero-image.active{opacity:1}.hero-shade{background:linear-gradient(180deg,rgba(7,24,10,.28) 10%,rgba(7,24,10,.04) 28%,rgba(7,24,10,.77) 100%)}.hero-top{position:absolute;left:5vw;right:5vw;top:30px;display:flex;justify-content:space-between}.hero-top .eyebrow{display:flex;align-items:center;gap:10px}.hero-top i{height:7px;width:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #e9ef7025;animation:pulse 2.5s infinite}.hero-caption{font-size:10px;letter-spacing:.04em}.hero-copy{position:absolute;bottom:69px;left:5vw;right:5vw}.hero-copy>.eyebrow{margin-bottom:20px}.hero h1{font-size:clamp(56px,7.8vw,126px);max-width:1150px;letter-spacing:-.07em;line-height:1.04}.hero h1>span{display:block;animation:arrive 1.1s var(--ease) both}.hero h1>span:nth-child(2){animation-delay:.15s}.hero h1 em{color:var(--lime)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:30px}.hero-bottom p{font-size:13px;line-height:1.7}.hero-seal{position:absolute;right:5vw;top:20%;width:145px;height:145px;border-radius:50%;background:var(--lime);color:var(--green);display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(12deg);animation:seal-rock 7s ease-in-out infinite}.hero-seal span{font-size:8px;font-weight:700;text-align:center;letter-spacing:.08em;line-height:1.4}.hero-seal b{font-size:55px;line-height:1.15;font-weight:400}.hero-controls{position:absolute;bottom:24px;left:5vw;display:flex;gap:9px}.slide-dot{width:28px;height:22px;padding:9px 0;background:transparent;position:relative}.slide-dot:after{content:'';position:absolute;inset:9px 0;background:#ffffff65;border-radius:4px}.slide-dot.selected:after{background:var(--lime)}
.ticker{background:var(--lime);overflow:hidden;padding:18px 0}.ticker-track{display:flex;width:max-content;animation:ticker 32s linear infinite}.ticker-track span{font-family:'Manrope',sans-serif;font-size:17px;font-weight:650;letter-spacing:-.02em;white-space:nowrap;padding-right:30px}.why{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;min-height:770px}.why-heading{max-width:480px}.why .eyebrow,.section-heading .eyebrow,.story-intro .eyebrow,.join-copy .eyebrow,.giving-intro .eyebrow{margin-bottom:28px}.body-copy{margin-top:28px;max-width:430px;font-size:15px;line-height:1.8}.why .text-link{max-width:310px;margin-top:24px}.photo-stack{height:500px;position:relative}.photo-stack figure{position:absolute;background:#fff;padding:10px 10px 0;box-shadow:0 12px 30px #20312018}.photo-stack img{height:calc(100% - 46px)}.stack-back{width:66%;height:340px;right:0;top:15px;transform:rotate(7deg);animation:float-back 8s ease-in-out infinite}.stack-front{width:59%;height:365px;left:0;top:105px;transform:rotate(-8deg);animation:float-front 8s ease-in-out infinite}.photo-stack figcaption{font-size:11px;padding:12px 4px;display:flex;justify-content:space-between;white-space:nowrap}.photo-stack figcaption span{color:#bb5d39;font-size:19px;line-height:1}.handwritten{font:italic 24px Georgia,serif;position:absolute;bottom:-15px;right:0;transform:rotate(-9deg)}
.work{background:#e9eddf;padding-top:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:52px}.section-heading>p{font-size:13px;line-height:1.8;padding-bottom:8px}.program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.program-image{height:370px;position:relative;overflow:hidden}.program-image img{transition:transform 1.2s var(--ease)}.program:hover img{transform:scale(1.065)}.program:nth-child(2){padding-top:60px}.program:nth-child(3){padding-top:120px}.program-number{position:absolute;top:16px;left:16px;width:35px;height:35px;background:var(--cream);border-radius:50%;display:grid;place-items:center;font-size:10px}.program-copy{padding-top:25px}.program-copy .eyebrow{font-size:9px;margin-bottom:14px}.program-copy h3{font-size:clamp(23px,2.2vw,34px);line-height:1.15;min-height:2.3em}.program-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;margin-top:12px;max-width:330px}.program-copy button{margin-top:14px;width:100%;font-size:12px}.manifesto{height:700px;position:relative;color:var(--cream);overflow:hidden}.manifesto>img{object-position:center 46%;animation:photo-drift 22s ease-in-out infinite alternate}.manifesto-shade{position:absolute;inset:0;background:#0a221354}.manifesto-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.manifesto-copy h2{font-size:clamp(48px,6.9vw,110px);margin:25px 0 35px}.manifesto-copy h2 em{color:var(--lime)}.manifesto-note{position:absolute;bottom:30px;left:5vw;font:italic 20px Georgia,serif}.stories{display:grid;grid-template-columns:.85fr 1.6fr;gap:5vw;overflow:hidden;padding-right:0}.story-intro{padding:30px 0}.story-intro h2{font-size:clamp(40px,4vw,62px)}.story-intro>p:not(.eyebrow){max-width:300px;margin-top:25px;font-size:14px}.story-arrows{display:flex;gap:10px;margin-top:30px}.story-arrows button{width:50px;height:50px;display:grid;place-items:center;border:1px solid var(--green);border-radius:50%;background:transparent;font-size:23px;transition:background .3s}.story-arrows button:hover{background:var(--lime)}.story-rail{display:flex;gap:22px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-right:5vw;padding-bottom:15px;overscroll-behavior-x:contain}.story-card{flex:0 0 80%;position:relative;height:550px;scroll-snap-align:start;overflow:hidden}.story-card img{transition:transform 1.2s}.story-card:hover img{transform:scale(1.05)}.story-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#102415da)}.story-card figcaption{position:absolute;bottom:30px;left:26px;right:26px;color:var(--cream);z-index:1}.story-card figcaption>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em}.story-card h3{font-size:38px;margin-top:15px}.story-card p{font-size:12px;margin-top:15px;max-width:270px}
.join{background:var(--orange);display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.join-image{height:620px;position:relative}.join-image img{object-position:50% 35%}.join-sticker{position:absolute;right:-40px;bottom:42px;background:var(--lime);height:150px;width:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:10px;font-weight:700;line-height:1.1;transform:rotate(10deg);border-radius:50%;animation:seal-rock 7s ease-in-out infinite}.join-sticker b{font-size:48px;line-height:.6}.join-copy h2{font-size:clamp(44px,5.3vw,82px)}.join-copy>p:not(.eyebrow){max-width:360px;margin-top:25px;font-size:14px}.join-copy .button{margin-top:28px}.join-copy .small-note{font-size:10px!important;margin-top:12px!important}.giving{background:var(--green);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.giving-intro h2{position:relative;font-size:clamp(48px,5.8vw,88px)}.giving-intro h2>span{position:absolute;right:10px;top:-5px;font-family:sans-serif;font-weight:400;color:var(--lime);font-size:80px;animation:rotate 30s linear infinite}.giving-intro>p:not(.eyebrow){max-width:380px;margin-top:28px;font-size:14px}.giving-note{display:flex;align-items:center;gap:14px;margin-top:36px;max-width:330px}.giving-note>span{font-size:36px;color:var(--lime)}.giving-note p{font-size:11px;opacity:.7}.giving-form{padding:34px;background:#ffffff09;border:1px solid #ffffff30;border-radius:6px}.giving-form fieldset{border:0;margin:0 0 26px;padding:0}.giving-form legend{font-size:12px;margin-bottom:14px;width:100%}.giving-form legend>span{float:right;opacity:.6}.frequency,.amounts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.giving-form button:not(.button){background:transparent;border:1px solid #ffffff60;color:var(--cream);min-height:48px;border-radius:3px;font-size:13px}.giving-form button.selected{background:var(--lime);color:var(--green);border-color:var(--lime)}.frequency span{padding-left:20px}.amounts{grid-template-columns:repeat(4,1fr)}.custom-amount{display:flex;flex-direction:column;gap:8px;font-size:11px;margin-top:17px}.custom-amount>span{display:flex;gap:10px;align-items:center;border-bottom:1px solid #ffffff70;padding:4px}.custom-amount input{width:100%;min-width:0;background:transparent;border:0;color:var(--cream);padding:8px;font-size:13px}.custom-amount input::placeholder{color:#c2c9bd}.giving-summary{font-size:12px;margin-bottom:22px;min-height:20px}.giving-form>.button{width:100%}.giving-form>.small-note{margin-top:12px;text-align:center;font-size:9px}.giving-result{background:var(--cream);color:var(--green);padding:18px;margin-top:20px;font-size:13px;border-radius:3px}.giving-result[hidden]{display:none}.last-word{text-align:center;padding:80px 0 55px;overflow:hidden}.last-word>p{font-size:12px}.last-word-line{font-family:'Manrope',sans-serif;font-weight:650;font-size:clamp(45px,11.5vw,180px);letter-spacing:-.07em;line-height:1.5;white-space:nowrap}.last-word-line span{display:inline-block;font-weight:400;color:#b25d39;animation:rotate 30s linear infinite;margin-left:10px}.last-word .text-link{margin:0 auto;width:max-content;font-size:12px}footer{padding:50px 5vw 70px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:30px;align-items:start}footer .brand{font-size:20px}footer .brand-symbol{font-size:50px}footer p{font-size:12px}footer .small-note{margin-top:10px;font-size:11px}footer a:hover{text-decoration:underline;text-underline-offset:4px}.footer-links{display:flex;flex-direction:column;gap:8px;font-size:11px;align-items:end}.footer-links>span{opacity:.6}.motion-control{position:fixed;bottom:18px;right:18px;background:var(--cream);color:var(--green);box-shadow:0 2px 16px #0002;z-index:25;font-size:10px;padding:11px 16px;border:1px solid #243b2830;border-radius:30px}
dialog{width:min(560px,calc(100% - 36px));padding:44px;background:var(--cream);color:var(--green);border:0;border-radius:8px;max-height:85svh}dialog::backdrop{background:#081b13bb;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:15px;top:12px;background:none;font-size:30px;width:40px;height:40px}dialog h2{font-size:40px;margin:22px 0}dialog p{font-size:14px;margin:18px 0}dialog .small-note{font-size:10px;margin-bottom:0}dialog ul{padding-left:20px;font-size:14px}dialog li{margin:12px 0}.role-options{display:grid;gap:10px;margin:20px 0}.role-options button{padding:15px;border:1px solid var(--line);background:transparent;text-align:left;border-radius:3px}.role-options button:hover,.role-options button.selected{background:var(--lime)}#volunteer-result{padding:18px;background:#e4e8d8;border-radius:4px}.credit-page{max-width:850px;margin:auto;padding:70px 25px}.credit-page h1{font-size:60px;margin:25px 0}.credit-page ul{padding-left:20px}.credit-page li{margin:20px 0}.credit-page a{text-decoration:underline}
.js .reveal{opacity:0;transform:translateY(32px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.js .reveal.visible{opacity:1;transform:none}.program:nth-child(2){transition-delay:.1s}.program:nth-child(3){transition-delay:.2s}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}.paused{scroll-behavior:auto}.paused .reveal{opacity:1;transform:none;transition:none}.paused .hero-image{transition:none}.paused .button,.paused .program-image img,.paused .story-card img{transition:none}.paused .button:hover,.paused .program:hover img,.paused .story-card:hover img{transform:none}
@keyframes photo-drift{from{transform:scale(1)}to{transform:scale(1.075)}}@keyframes pulse{50%{box-shadow:0 0 0 9px #e9ef7000}}@keyframes seal-rock{0%,100%{transform:rotate(10deg)}50%{transform:rotate(-8deg)}}@keyframes arrive{from{opacity:0;transform:translateY(45px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes float-front{50%{transform:translateY(-15px) rotate(-5deg)}}@keyframes float-back{50%{transform:translateY(10px) rotate(10deg)}}@keyframes rotate{to{transform:rotate(360deg)}}
@media(min-width:1600px){.section{padding-left:max(5vw,calc((100vw - 1440px)/2));padding-right:max(5vw,calc((100vw - 1440px)/2))}.stories{padding-right:0}}
@media(max-width:1050px){.header nav{gap:22px}.hero{min-height:650px}.hero-seal{top:15%;width:120px;height:120px}.hero-seal b{font-size:42px}.why{gap:5vw}.photo-stack{height:440px}.stack-back{height:280px}.stack-front{height:320px}.handwritten{bottom:-20px}.program-grid{gap:18px}.program-image{height:300px}.giving{gap:5vw}.giving-intro h2>span{font-size:60px;right:-5px;top:-35px}.giving-form{padding:24px}.story-card{flex-basis:90%}.join{gap:7vw}.join-image{height:550px}.join-sticker{right:-20px;width:125px;height:125px}.stories{gap:3vw}}
@media(max-width:760px){html{scroll-padding-top:20px}.concept-banner{font-size:8px;padding:7px 20px}.concept-banner>span{padding-left:10px}.header{height:84px;padding:0 24px}.brand{font-size:20px}.brand-symbol{font-size:52px}.menu-toggle{display:flex;gap:15px;font-size:12px;align-items:center;padding:12px 0}.header nav{display:none;position:absolute;top:84px;left:0;right:0;background:var(--cream);padding:20px 24px 28px;border-top:1px solid var(--line);box-shadow:0 20px 30px #10241525}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav>a{padding:15px 0}.header nav .nav-give{padding:15px 20px;justify-content:space-between;margin-top:10px}.hero{height:calc(100svh - 114px);min-height:650px;max-height:850px}.hero-image{object-position:53% center}.hero-top{left:24px;right:24px;top:22px}.hero-top .eyebrow{font-size:8px}.hero-caption{font-size:8px}.hero-copy{left:24px;right:24px;bottom:60px}.hero h1{font-size:clamp(47px,10.6vw,80px);line-height:1.1}.hero-copy>.eyebrow{font-size:9px;margin-bottom:18px}.hero-bottom{flex-direction:column;align-items:start;gap:23px;margin-top:24px}.hero-bottom p{font-size:12px}.hero-bottom .button{padding:15px 20px;font-size:12px;min-height:52px}.hero-seal{top:15%;right:25px;width:98px;height:98px}.hero-seal span{font-size:6px}.hero-seal b{font-size:34px}.hero-controls{left:24px;bottom:18px}.ticker{padding:14px 0}.ticker-track span{font-size:14px}.section{padding:70px 24px}.why{display:flex;flex-direction:column;gap:45px;align-items:stretch;min-height:0}.why-heading{max-width:none}.why h2{font-size:52px}.why .eyebrow,.section-heading .eyebrow,.story-intro .eyebrow,.join-copy .eyebrow,.giving-intro .eyebrow{margin-bottom:22px}.body-copy{font-size:14px;max-width:470px}.photo-stack{height:440px;max-width:460px;width:100%;margin:0 auto}.stack-back{height:290px;right:3%}.stack-front{height:320px;left:3%;top:85px}.handwritten{right:4%;bottom:0;font-size:21px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:48px}.section-heading>p{margin-top:25px}.program-grid{grid-template-columns:1fr;gap:44px}.program:nth-child(2),.program:nth-child(3){padding-top:0}.program-image{height:420px}.program-copy h3{min-height:0;font-size:30px}.program-copy>p:not(.eyebrow){max-width:100%;font-size:14px}.program-copy button{font-size:13px}.manifesto{height:560px}.manifesto-copy h2{font-size:clamp(43px,8vw,65px)}.manifesto-copy .eyebrow{font-size:9px}.manifesto-note{font-size:16px;left:24px}.stories{display:block;padding-right:0}.story-intro{padding:0 24px 32px 0}.story-intro h2{font-size:48px}.story-intro>p:not(.eyebrow){max-width:100%}.story-arrows{margin-top:23px}.story-intro>.small-note{margin-top:15px!important;font-size:10px!important}.story-rail{padding-right:24px;gap:16px}.story-card{flex-basis:85%;height:490px}.join{grid-template-columns:1fr;gap:45px}.join-image{height:470px;margin-right:14px}.join-sticker{right:-14px;bottom:30px}.join-copy h2{font-size:56px}.join-copy>p:not(.eyebrow){max-width:100%}.giving{grid-template-columns:1fr;gap:42px}.giving-intro h2{font-size:64px}.giving-intro h2>span{font-size:70px;right:10px;top:20px}.giving-intro>p:not(.eyebrow){max-width:100%}.giving-note{margin-top:24px;max-width:100%}.giving-form{padding:24px 20px}.giving-summary{font-size:11px}.last-word{padding:50px 0 40px}.last-word-line{font-size:11vw;margin:10px 0 20px}.last-word>p{font-size:10px}footer{grid-template-columns:1fr;gap:27px;padding:40px 24px 85px}.footer-links{align-items:start;font-size:11px}.motion-control{bottom:12px;right:12px;padding:10px 14px}dialog{padding:36px 24px}dialog h2{font-size:34px}.credit-page h1{font-size:44px}}
.paused .hero h1>span{animation:none!important;opacity:1;transform:none;filter:none}
@media(max-width:760px){.hero h1 em{white-space:nowrap}}
@media(max-width:380px){.hero h1{font-size:43px}.program-image{height:350px}.photo-stack figcaption{font-size:9px}.giving-intro h2>span{right:-5px;font-size:50px}.giving-form{padding:20px 14px}.amounts{gap:5px}.concept-banner{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:not(.motion-enabled) *{animation:none!important;transition:none!important}body:not(.motion-enabled) .reveal{opacity:1;transform:none}}