/* CWMP editorial motion layer. No framework or third-party runtime. */
:root{--cwmp-ink:#113747;--cwmp-muted:#49636e;--cwmp-ease:cubic-bezier(.16,1,.3,1)}
html{scroll-padding-top:112px}body{color:var(--cwmp-ink)}
.header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(12,47,63,.07);transition:box-shadow .35s,background .35s}
.header.is-scrolled{background:rgba(255,255,255,.97);box-shadow:0 5px 28px rgba(5,33,47,.10)}
.header nav>a:not(.button){font-size:13px;color:#244956;position:relative}
.header nav>a:not(.button)::after{content:'';position:absolute;left:0;right:0;bottom:1px;height:2px;background:#247080;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--cwmp-ease)}
.header nav>a:not(.button):hover::after,.header nav>a.is-active:not(.button)::after{transform:scaleX(1)}
.header nav>a.is-active:not(.button){color:#0b3447}
.reading-progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:linear-gradient(90deg,#397b77,#276c86);transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero{height:690px;min-height:640px;isolation:isolate;background:#092d3e}
.hero-media{position:absolute;inset:-5%;transform:translate3d(0,var(--hero-y,0px),0);pointer-events:none}
.hero-media .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:53% 50%;transform:scale(1.005);transform-origin:61% 62%}


.hero:not(.is-in-view) .hero-photo,.page-hidden .hero-photo{animation-play-state:paused!important}
.hero-shade{background:linear-gradient(90deg,rgba(3,24,36,.89) 0%,rgba(5,29,42,.71) 34%,rgba(7,30,43,.20) 68%,rgba(6,27,39,.20)),linear-gradient(0deg,rgba(3,25,35,.53),transparent 60%)}
.hero-content{padding-top:76px;padding-bottom:105px}
.hero h1{font-size:clamp(48px,4.95vw,76px);line-height:1.075;letter-spacing:-1.9px;color:#fff;font-weight:400;max-width:850px;text-shadow:0 2px 16px rgba(0,0,0,.15)}
.hero-line,.line-inner{display:block}.hero h1 em{color:#deeee6;font-style:normal}
.hero .eyebrow{color:#ecf5f4;font-size:11px;letter-spacing:2.1px}
.hero-intro{color:#f5f9fa;max-width:575px;font-size:18px;line-height:1.65;margin-top:25px}.hero-buttons{margin-top:28px}
.hero-aside{top:auto;bottom:137px;right:0;max-width:none;width:288px;padding:26px 27px;border:1px solid rgba(223,241,245,.27);border-left:2px solid #a5d2c8;background:linear-gradient(135deg,rgba(8,38,54,.97),rgba(10,43,57,.94));border-radius:4px 14px 14px 4px;box-shadow:0 18px 42px rgba(1,19,30,.17);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:24px;line-height:1.4;color:#fff;text-shadow:none}
.aside-eyebrow{display:block;font:600 10px/1.5 Arial,sans-serif;letter-spacing:1.8px;color:#cce9e1;margin-bottom:15px}
.aside-small{font-size:10px;line-height:1.6;letter-spacing:1.35px;color:#e5f0f3;max-width:none;margin-top:17px}
.aside-route{display:flex;align-items:center;gap:11px;margin-top:21px;color:#b3d9d9}.aside-route svg{width:18px;height:18px}.aside-route>span{height:1px;flex:1;background:linear-gradient(90deg,#74ada9,#aacdc7)}
.photo-location{bottom:23px;right:0;background:rgba(5,30,44,.91);padding:11px 14px;border:1px solid rgba(255,255,255,.20);border-radius:8px;color:#fff;font-size:12px;line-height:1.5}.photo-location span span{opacity:1;color:#e2eef2;font-size:11px}
.motion-toggle{position:absolute;left:0;bottom:25px;display:inline-flex;align-items:center;gap:9px;min-height:42px;background:rgba(5,30,44,.88);border:1px solid rgba(255,255,255,.27);border-radius:7px;padding:10px 13px;color:#f3f8fa;font:500 11px/1.2 Arial,sans-serif;cursor:pointer}
.motion-toggle[hidden]{display:none}.motion-toggle svg{width:14px;height:14px}.motion-toggle:hover{background:#103a50}.motion-toggle:disabled{cursor:default}.motion-toggle .play-mark{display:none}.motion-toggle[aria-pressed=true] .play-mark{display:block}.motion-toggle[aria-pressed=true] .pause-mark{display:none}
.hero-scroll{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:12px;color:white;text-decoration:none;font:600 10px/1.4 Arial,sans-serif;letter-spacing:1.7px;text-transform:uppercase;padding:9px 13px;background:rgba(4,29,42,.85);border:1px solid #bad5d44d;border-radius:6px}
.hero-scroll svg{width:17px;height:17px;transform:rotate(90deg);transition:transform .3s}.hero-scroll:hover svg{transform:translateY(3px) rotate(90deg)}
.button{position:relative;border-radius:6px;transition:transform .32s var(--cwmp-ease),box-shadow .32s,background .3s;min-height:48px}.button svg,.text-link svg{transition:transform .3s var(--cwmp-ease)}.button:hover svg,.text-link:hover svg{transform:translateX(4px)}
.button-white{box-shadow:0 4px 20px rgba(0,20,34,.09)}.button-white:hover{box-shadow:0 9px 24px rgba(0,18,30,.22);transform:translateY(-3px)}.button-navy{background:linear-gradient(120deg,#0e3d50,#0b2c40);box-shadow:0 5px 16px #0b34471a}.button-navy:hover{box-shadow:0 9px 23px #0b34472b}
.button-outline{background:rgba(4,31,45,.42);border-color:#c0d5dc}.button-outline:hover{background:rgba(5,36,51,.80)}
.method-strip{background:#f6f9fa;position:relative}.method-grid{padding-top:34px;padding-bottom:34px}.method-grid>div{position:relative;transition:transform .35s var(--cwmp-ease)}
.method-grid strong{font-size:19px;color:#183f51}.method-grid small{font-size:11px;color:#465f6a}.icon-disc{background:#e1eef0;transition:transform .5s var(--cwmp-ease),background .35s,box-shadow .35s}.method-grid>div:hover .icon-disc{transform:translateY(-3px) rotate(-5deg);background:#d0e6e9;box-shadow:0 5px 17px #194b6412}
.mission-copy>p:not(.lead),.research>div>p:not(.eyebrow){font-size:15px;color:#435e6b}.section-top>p{color:#465f6c;font-size:15px}.eyebrow{color:#315969}.step{color:#466571}
.work{background:linear-gradient(150deg,#f3f7f8,#f8faf9)}.work-card{border-radius:10px;border-color:#dbe5e8;box-shadow:0 6px 25px #123d5108;transition:transform .6s var(--cwmp-ease),box-shadow .6s var(--cwmp-ease),border-color .35s;position:relative}
.card-content{position:relative;z-index:1;background:white;padding:28px}.card-content h3{font-size:26px}.card-content p{font-size:14px;color:#445f6c;min-height:108px;line-height:1.8}.card-content .text-link{font-size:13px}.card-visual>img{transition:transform 1.1s var(--cwmp-ease)}
.visual-caption{font-size:10px;background:linear-gradient(transparent,rgba(2,26,36,.92));text-shadow:0 1px 3px #000}.record-sheet{transition:transform .65s var(--cwmp-ease)}.record-sheet>strong{color:#244753}
summary{font-size:14px;padding:23px 4px;color:#234958;transition:color .25s,background .25s}summary:hover{color:#0c566b}.approach-details details>div,.volunteer-details details>p{font-size:14px;color:#496571}
.notice-content{padding-top:78px;padding-bottom:76px}.notice-photo{transform:scale(1.035)}.notice-shade{background:linear-gradient(90deg,rgba(3,31,44,.96),rgba(5,37,48,.87))}
.notice-content>div>p:not(.eyebrow){font-size:15px;color:#e9f2f4}.notice-panel>p{color:#e3eff2;font-size:13px}.notice-panel .fine-print{color:#d1e1e5;font-size:11px!important}.notice-item{font-size:13px;color:#f4f8f9}.notice-item svg{color:#c1e4da}
.research-card{position:relative;border-radius:0 12px 12px 0;background:linear-gradient(145deg,#e8f1f3,#f2f6f6);border-left-color:#437787;box-shadow:0 14px 35px #143b4b07;transition:transform .5s var(--cwmp-ease),box-shadow .5s}
.research-card p{font-size:14px;color:#405f6d}.research-card .fine-print{color:#4b6670;font-size:11px!important}.research-label{color:#426371;font-size:10px}
.volunteer-section{background:radial-gradient(ellipse at 90% 0,rgba(183,213,197,.30),transparent 56%),#eef4f1}.volunteer-grid article{position:relative;border-radius:10px;background:#fff;border-color:#d9e5de;box-shadow:0 6px 20px #16463b06;overflow:hidden;transition:transform .55s var(--cwmp-ease),box-shadow .55s,border-color .35s}
.volunteer-grid article::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(350px circle at var(--mouse-x,50%) var(--mouse-y,50%),#8ec5b426,transparent 65%);transition:opacity .4s}.volunteer-grid article>*{position:relative}
.volunteer-grid p{font-size:14px;color:#42645d}.volunteer-grid .text-link{font-size:13px}.volunteer-grid h3{font-size:25px}.volunteer-section .section-top>p{color:#406359}.volunteer-details details>p{color:#48665e}.volunteer-section .section-top h2 em{color:#346c5d}
.closing{height:370px}.closing-shade{background:linear-gradient(90deg,rgba(3,27,41,.85),rgba(6,31,44,.56))}.closing h2{font-size:40px;color:#fff}.closing .eyebrow{color:#e9f3f4}.footer-main>p{color:#496872;font-size:13px}.footer-main>div{font-size:12px}.footer-bottom{font-size:11px;color:#4b6670}
@media(hover:hover) and (pointer:fine){.work-card:hover{transform:translateY(-7px);border-color:#aec8d0;box-shadow:0 22px 42px #0f34441c}.work-card:hover .card-visual>img{transform:scale(1.065)}.work-card:hover .record-sheet{transform:rotate(-1deg) translateY(-3px)}.volunteer-grid article:hover{transform:translateY(-6px);border-color:#abcbbf;box-shadow:0 20px 35px #1d493918}.volunteer-grid article:hover::before{opacity:1}.volunteer-grid article:hover .icon-disc{transform:rotate(-7deg)}.research-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #143b4b13}}
@media(min-width:1600px){.hero{height:750px}.hero-content{padding-top:95px}.hero h1{font-size:80px}.hero-aside{bottom:162px;width:302px}}
@media(max-width:1150px){.hero{height:660px}.hero-content{padding-top:80px}.hero h1{font-size:57px}.hero-intro{max-width:535px;font-size:17px}.hero-aside{width:240px;padding:23px 22px;bottom:150px;font-size:22px}.aside-small{font-size:9px}.hero-scroll{left:47%}.header nav{gap:20px}.header nav>a:not(.button){font-size:12px}.card-content{padding:23px 21px}.card-content h3{font-size:23px}.card-content p{font-size:13px;min-height:138px}.volunteer-grid article{padding:26px 21px}.volunteer-grid h3{font-size:23px}.volunteer-grid p{min-height:136px}}
@media(max-width:980px){.hero-aside{display:none}.hero-intro{max-width:560px}.hero h1{font-size:61px}.header nav{gap:15px}.header nav>a:not(.button){font-size:11px}.method-grid strong{font-size:17px}.method-grid small{font-size:10px}.hero-scroll{left:52%}.mission-copy>p:not(.lead),.research>div>p:not(.eyebrow){font-size:14px}.card-content p{min-height:164px}.volunteer-grid p{font-size:13px;min-height:150px}}
@media(max-width:700px){html{scroll-padding-top:98px}.header{backdrop-filter:blur(12px)}.header nav>a:not(.button){font-size:14px}.header nav>a:not(.button)::after{bottom:4px;right:auto;width:32px}.hero{height:670px;min-height:0}.hero-content{padding-top:68px;padding-bottom:132px}.hero h1{font-size:clamp(32px,8.55vw,55px);letter-spacing:-1.2px;line-height:1.13}.hero .eyebrow{font-size:9px;max-width:none;letter-spacing:1.3px}.hero-intro{font-size:16px;line-height:1.75;margin-top:23px;max-width:480px}.hero-media{inset:-4%}.hero-media .hero-photo{object-position:46% center}.hero-shade{background:linear-gradient(90deg,rgba(3,25,38,.84),rgba(4,28,41,.61)),linear-gradient(0deg,rgba(4,28,41,.65),transparent 70%)}.hero-buttons{gap:11px;margin-top:25px}.hero-buttons .button{font-size:12px;padding:14px 15px;gap:9px}.hero-scroll{display:none}.motion-toggle{bottom:26px;min-height:41px;font-size:10px;padding:10px 11px}.photo-location{right:0;left:auto;bottom:26px;padding:9px 10px;font-size:10px;gap:6px;max-width:195px}.photo-location span span{font-size:9px}.photo-location svg{width:15px}.method-grid{padding:28px 0}.method-grid strong{font-size:15px}.method-grid small{font-size:10px}.method-grid>div{gap:9px}.method-grid>div:nth-child(2n){padding-left:13px}.method-grid .icon-disc{width:32px;height:32px}.mission-copy>p:not(.lead),.research>div>p:not(.eyebrow){font-size:14px}.section-top>p{font-size:14px}.card-content{padding:27px}.card-content h3{font-size:27px}.card-content p{font-size:14px;min-height:0}.card-content .text-link{font-size:13px}.notice-content{padding:52px 0}.notice-content>div>p:not(.eyebrow){font-size:14px}.notice-panel>p{font-size:14px}.notice-panel .fine-print{font-size:11px!important}.research-card{padding:28px}.volunteer-grid h3{font-size:25px}.volunteer-grid p{min-height:0;font-size:14px}.volunteer-grid article{padding:27px}.volunteer-section .section-top>p{font-size:15px}.closing{height:370px}.closing h2{font-size:30px}.footer-main>p{font-size:12px}.footer-bottom{font-size:10px}summary{font-size:13px;padding:20px 0}.approach-details details>div,.volunteer-details details>p{font-size:13px}}
@media(max-width:360px){.hero .eyebrow{font-size:8px}.hero-intro{font-size:15px}.hero-buttons .button{font-size:11px;padding:13px 10px}.motion-toggle{padding:9px;font-size:9px;gap:6px}.photo-location{font-size:9px;padding:9px;max-width:169px}.method-grid strong{font-size:14px}.method-grid small{font-size:9px}}
html.motion-paused{scroll-behavior:auto}.motion-paused .hero-media{transform:none!important}.motion-paused *{transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-media{transform:none!important}.button:hover,.work-card:hover,.volunteer-grid article:hover,.research-card:hover{transform:none}}
@media print{.header{position:static}.motion-toggle,.hero-scroll,.reading-progress{display:none}.hero-photo{animation:none!important}.hero-media{transform:none!important}}