:root{--ink:#101010;--paper:#f7f7f4;--soft:#deded9;--line:#c9c9c3;--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.55}
img{display:block;max-width:100%}
a{color:inherit}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.75rem;z-index:20}
.site-header{height:92px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}
.brand{display:flex;align-items:center;height:100%;overflow:hidden}
.brand img{width:auto;height:62px;object-fit:contain}
.site-header nav{display:flex;align-items:center;gap:26px}
.site-header nav a{text-decoration:none;font-size:.93rem;font-weight:600}
.nav-cta{border:1px solid var(--ink);border-radius:999px;padding:10px 18px}
.menu-button{display:none;background:none;border:1px solid var(--ink);border-radius:999px;padding:9px 15px;font:inherit;font-weight:700}
.hero{max-width:1480px;margin:auto;padding:72px 28px 96px;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800;margin:0 0 22px}
.hero h1,.section h2{font-family:"Manrope",sans-serif;letter-spacing:-.045em;line-height:1.02;margin:0}
.hero h1{font-size:clamp(3.1rem,6vw,6.5rem);font-weight:600}
.hero h1 em{font-style:italic;font-weight:500}
.hero-lead{font-size:1.25rem;max-width:610px;margin:30px 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:999px;text-decoration:none;font-weight:700}
.button-dark{background:var(--ink);color:#fff}
.button-light{border:1px solid var(--ink)}
.hero-image{margin:0}
.hero-image img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center;filter:grayscale(1);border-radius:120px 120px 14px 14px}
.hero-image figcaption{background:var(--ink);color:#fff;padding:18px 22px;border-radius:0 0 14px 14px;font-weight:600}
.section{max-width:var(--max);margin:auto;padding:108px 28px;border-top:1px solid var(--line)}
.section h2{font-size:clamp(2.8rem,5.4vw,5.7rem)}
.statement{display:grid;grid-template-columns:120px 1fr}
.section-number{font:700 1rem "Manrope";padding-top:10px}
.statement-copy{max-width:980px}
.statement-copy>p:not(.eyebrow){font-size:1.23rem;max-width:820px;margin:28px 0 0}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}
.services{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink);border-radius:20px;overflow:hidden}
.service{padding:34px 28px;min-height:330px;border-right:1px solid var(--ink);display:flex;flex-direction:column}
.service:last-child{border-right:0}
.service span{font:800 2rem "Manrope"}
.service h3{font:700 1.35rem "Manrope";line-height:1.15;margin:auto 0 16px}
.service p{margin:0}
.bridge{display:grid;grid-template-columns:.75fr 1.25fr;gap:72px;align-items:center}
.bridge-intro p:last-child{font-size:1.12rem}
.bridge-map{display:grid;grid-template-columns:1fr 1.05fr 1fr;align-items:stretch}
.bridge-map>div{background:#e4e4df;padding:30px 24px;display:flex;flex-direction:column;justify-content:center}
.bridge-map>div:first-child{border-radius:20px 0 0 20px}
.bridge-map>div:last-child{border-radius:0 20px 20px 0}
.bridge-map small{text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:12px}
.bridge-center{background:var(--ink)!important;color:#fff!important;text-align:center;align-items:center;transform:scale(1.06);border-radius:20px!important;box-shadow:0 16px 30px #0002}
.bridge-center img{width:78px;margin-bottom:10px}
.bridge-center strong{font:800 1.15rem "Manrope";margin-bottom:8px}
.bridge-center span{font-size:.9rem}
.purpose{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.photo-stack{margin:0;display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:18px}
.photo-stack img{width:100%;object-fit:cover;filter:grayscale(1);border-radius:18px}
.photo-stack img:first-child{height:410px}
.photo-stack img:last-child{height:300px}
.purpose-copy>p:not(.eyebrow){font-size:1.2rem;margin:30px 0}
.purpose blockquote{margin:38px 0 0;padding:24px 0 0;border-top:1px solid var(--ink);font:600 1.4rem "Manrope"}
.gallery-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:48px}
.gallery-heading>p{font-size:1.12rem;max-width:480px;margin:0 0 5px}
.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:155px;gap:14px}
.gallery-item{grid-column:span 5;grid-row:span 3;position:relative;overflow:hidden;margin:0;border-radius:18px;background:#d9d9d4}
.gallery-item.gallery-wide{grid-column:span 7}
.gallery-item:nth-child(3),.gallery-item:nth-child(4),.gallery-item:nth-child(5){grid-column:span 4}
.gallery-item:nth-child(6){grid-column:span 5}
.gallery-item:nth-child(7){grid-column:span 7}
.gallery-item img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .45s ease,transform .65s ease}
.gallery-item:hover img,.gallery-item:focus-within img{filter:grayscale(0);transform:scale(1.025)}
.gallery-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:65px 22px 20px;background:linear-gradient(transparent,#000c);color:#fff;font:700 1.05rem "Manrope"}
.gallery-item:nth-child(2) img{object-position:center 48%}
.gallery-item:nth-child(3) img{object-position:center 58%}
.gallery-item:nth-child(6) img{object-position:center 62%}
.campaign{max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px));background:var(--ink);color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}
.campaign-intro>p:not(.eyebrow){font-size:1.16rem;max-width:620px;margin:30px 0}
.campaign-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:34px}
.campaign-link{font-weight:700;text-underline-offset:5px}
.campaign-progress{padding:36px;border:1px solid #ffffff40;border-radius:22px;background:#ffffff0d}
.progress-heading{display:flex;justify-content:space-between;gap:24px;align-items:baseline}
.progress-heading span{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}
.progress-heading strong{font:700 1.25rem "Manrope"}
.progress-bar{height:13px;margin:24px 0 18px;background:#ffffff26;border-radius:999px;overflow:hidden}
.progress-bar span{display:block;height:100%;background:#fff;border-radius:inherit}
.campaign-progress>p{margin:0}
.campaign-progress>p strong{font:700 1.8rem "Manrope"}
.case-status{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.case-status article{padding:20px 16px;background:#fff;color:var(--ink);border-radius:14px;display:flex;flex-direction:column}
.case-status article strong{font:700 2.2rem "Manrope";line-height:1}
.case-status article span{font-weight:800;margin:10px 0 6px}
.case-status article small{line-height:1.35;color:#555}
.campaign-updated{margin-top:22px!important;font-size:.78rem;color:#bbb}
.campaign-transparency{grid-column:1/-1;border-top:1px solid #ffffff40;padding-top:55px;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;scroll-margin-top:100px}
.campaign-transparency h3{font:700 clamp(2rem,3.5vw,3.7rem) "Manrope";letter-spacing:-.04em;line-height:1.05;margin:0 0 22px}
.campaign-transparency>div>p:last-child{max-width:570px;color:#d1d1d1}
.campaign-ledger{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff35;border:1px solid #ffffff35;border-radius:16px;overflow:hidden}
.campaign-ledger div{background:#171717;padding:25px 20px}
.campaign-ledger dt{font-size:.77rem;color:#bbb;margin-bottom:14px}
.campaign-ledger dd{margin:0;font:700 1.75rem "Manrope"}
.campaign-note{grid-column:2;margin:0;padding:16px 18px;background:#ffffff12;border-radius:12px;font-size:.88rem;color:#ddd}
.join{max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:0;background:var(--ink);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.join-copy{padding-right:20px}
.join-copy>p:not(.eyebrow){font-size:1.15rem;max-width:690px;margin:28px 0}
.button-white{background:#fff;color:#111}
.button-outline{border:1px solid #fff}
.join-image{margin:0;height:630px}
.join-image img{height:100%;width:100%;object-fit:cover;object-position:center 48%;filter:grayscale(1);border-radius:180px 0 0 180px}
footer{max-width:var(--max);margin:auto;padding:70px 28px 28px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:55px}
footer>div{display:flex;flex-direction:column;gap:8px}
footer a{text-decoration:none}
.footer-brand img{width:64px}
.footer-brand p{max-width:360px}
.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;font-size:.85rem}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.brand img{width:auto;height:54px}
.menu-button{display:block}
.site-header nav{display:none;position:absolute;top:82px;left:18px;right:18px;background:var(--paper);padding:24px;flex-direction:column;align-items:stretch;border:1px solid var(--ink);border-radius:16px}
.site-header nav.open{display:flex}
.hero,.purpose,.bridge,.campaign,.join{grid-template-columns:1fr}
.hero{padding-top:50px}
.hero-image{max-width:600px}
.services{grid-template-columns:1fr 1fr}
.service:nth-child(2){border-right:0}
.service:nth-child(-n+2){border-bottom:1px solid var(--ink)}
.bridge{gap:42px}
.gallery-heading{grid-template-columns:1fr;gap:24px}
.gallery-grid{grid-auto-rows:130px}
.campaign{gap:46px}
.campaign-transparency{grid-template-columns:1fr}
.campaign-note{grid-column:auto}
.join{padding-right:28px}
.join-image{height:470px}
.join-image img{border-radius:120px 120px 0 0}
footer{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){.site-header{height:78px;padding:0 18px}
.brand img{width:auto;height:46px}
.hero,.section{padding-left:20px;padding-right:20px}
.hero{padding-bottom:70px;gap:38px}
.hero h1{font-size:3.25rem}
.hero-actions{flex-direction:column}
.button{width:100%}
.hero-image img{aspect-ratio:3/2}
.statement{grid-template-columns:1fr}
.section-number{margin-bottom:30px}
.services{grid-template-columns:1fr}
.service{border-right:0;border-bottom:1px solid var(--ink)!important;min-height:auto}
.service:last-child{border-bottom:0!important}
.service h3{margin:38px 0 12px}
.bridge-map{grid-template-columns:1fr}
.bridge-map>div{border-radius:0!important}
.bridge-map>div:first-child{border-radius:18px 18px 0 0!important}
.bridge-map>div:last-child{border-radius:0 0 18px 18px!important}
.bridge-center{transform:none;border-radius:0!important}
.photo-stack img:first-child{height:300px}
.photo-stack img:last-child{height:230px}
.gallery-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}
.gallery-item,.gallery-item.gallery-wide,.gallery-item:nth-child(3),.gallery-item:nth-child(4),.gallery-item:nth-child(5),.gallery-item:nth-child(6),.gallery-item:nth-child(7){grid-column:auto;grid-row:auto;aspect-ratio:4/3}
.gallery-item:nth-child(2),.gallery-item:nth-child(3),.gallery-item:nth-child(4){aspect-ratio:3/4}
.gallery-item figcaption{padding:55px 18px 17px}
.campaign{padding-left:20px;padding-right:20px}
.campaign-progress{padding:24px 18px}
.progress-heading{flex-direction:column;gap:8px}
.case-status,.campaign-ledger{grid-template-columns:1fr}
.campaign-transparency{gap:28px}
.join{padding-left:20px;padding-right:20px}
.join-image{height:350px}
footer{grid-template-columns:1fr;padding-left:20px;padding-right:20px}
.copyright{grid-column:auto}
}