:root{--brand:#255d99;--brand-900:#1c467d;--brand-light:#a8bed6;--ink:#121212;--muted:#6b7280;--paper:#fff;--panel:#f2f7fa;--outline:#e6edf3;--radius:14px;--shadow:0 10px 25px #03071214;--max:1120px}*{box-sizing:border-box}html,body{margin:0;padding:0}img{max-width:100%;display:block}body{color:var(--ink);background:var(--paper);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.65}.container{width:min(92vw,var(--max));margin-inline:auto}.container.narrow{width:min(900px,92vw)}.center{text-align:center}.btn{border:2px solid #0000;border-radius:0;padding:.7rem 1.1rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-block}.btn-outline{border-color:var(--brand);color:var(--brand);background:0 0}.btn-outline:hover{background:var(--brand);color:#fff}.btn-sm{padding:.55rem 1rem;font-size:.9rem}.site-header{z-index:60;background:0 0;transition:background .25s,box-shadow .25s,color .25s;position:fixed;top:0;left:0;right:0}.site-header.scrolled{background:#fff;box-shadow:0 8px 24px #00000014}.nav-wrap{align-items:center;gap:1rem;padding:10px 0;display:flex}.brand{align-items:center;gap:.6rem;text-decoration:none;display:flex}.brand-text{letter-spacing:.2px;color:#fff;font-weight:700}.site-header.scrolled .brand-text{color:var(--ink)}.desktop-nav{margin-left:auto}.desktop-nav ul{gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.desktop-nav a{color:#fff;font-weight:600;text-decoration:none;transition:color .25s}.site-header.scrolled .desktop-nav a{color:var(--ink)}.desktop-nav a:hover,.desktop-nav a.active{color:var(--brand)}.btn-donate{color:#fff;background:#0f2d4a;border:2px solid #0000;border-radius:0;margin-left:1rem;padding:.55rem 1rem;font-weight:700;text-decoration:none;transition:background .25s,color .25s,transform 50ms}.btn-donate:hover{background:var(--brand);color:#fff}.btn-donate:active{transform:translateY(1px)}.btn-donate:focus-visible{outline:0;box-shadow:0 0 0 3px #255d9933}.hamburger{background:0 0;border:0;width:44px;height:44px;display:none;position:relative}.hamburger span{background:#fff;height:2px;transition:transform .25s,top .25s,opacity .25s;position:absolute;left:10px;right:10px}.hamburger span:first-child{top:14px}.hamburger span:nth-child(2){top:21px}.hamburger span:nth-child(3){top:28px}.site-header.scrolled .hamburger span{background:var(--ink)}.hamburger.active span:first-child{top:21px;transform:rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){top:21px;transform:rotate(-45deg)}.mobile-drawer{inset-block:0;z-index:70;width:300px;box-shadow:var(--shadow);background:#fff;padding:18px;transition:left .25s;position:fixed;left:-320px}.mobile-drawer.open{left:0}.mobile-drawer ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.mobile-drawer a{color:var(--ink);padding:.7rem .4rem;font-weight:700;text-decoration:none;transition:color .25s;display:block}.mobile-drawer a:hover,.mobile-drawer a.active{color:var(--brand)}.mobile-drawer .drawer-cta{text-align:left;margin-top:.5rem}.mobile-drawer .drawer-cta .btn-donate{color:#fff;background:#0f2d4a;border-radius:0;width:auto;padding:.55rem 1rem;transition:background .25s,color .25s;display:inline-block}.mobile-drawer .drawer-cta .btn-donate:hover{background:var(--brand);color:#fff}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;z-index:65;background:#0f172a52;transition:opacity .25s;position:fixed;inset:0}.drawer-backdrop.show{opacity:1;pointer-events:auto}@media (max-width:900px){.desktop-nav{display:none}.hamburger{display:inline-block}.btn-donate{margin-left:auto}}.page{padding-top:60px}.intro{padding:54px 0 12px}.intro h1{margin:0 0 18px;font-size:clamp(26px,1.2vw + 22px,32px);font-weight:700}.lede{color:#0f172a;margin:0 auto 24px}.hero-figure{margin:12px 0 0}.hero-figure img{-o-object-fit:cover;object-fit:cover;width:100%;height:520px;box-shadow:var(--shadow);border-radius:6px}.mv{padding:100px 0}.mv-grid{grid-template-columns:1fr 1fr;gap:100px;display:grid}.mv-card{background:var(--brand-light);color:#fff;text-align:center;box-shadow:var(--shadow);border-radius:18px;padding:24px 22px}.mv-card h3{color:#fff;letter-spacing:.2px;margin:0 0 6px;font-weight:800}.mv-card p{color:#eef5fb;margin:0}.values{background:var(--panel);padding:150px 0}.values h2{margin:0 0 6px;font-size:clamp(20px,1vw + 16px,24px);font-weight:700}.values-kicker{color:var(--muted);margin:0 0 22px}.values-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:14px;display:grid}.value{text-align:center;color:#111827;background:0 0;border:0;margin:0;padding:28px 22px 20px;position:relative}.value p{margin:0}.value .quo{color:#bfd1e3;font-size:26px;line-height:1;position:absolute}.value .open{top:150px;left:150px}.value .close{bottom:150px;right:150px}.board{padding:150px 0}.board h2{margin:0 0 18px;font-weight:700}.board-figure{margin:0 0 10px}.board-figure img{-o-object-fit:cover;object-fit:cover;width:100%;height:520px;box-shadow:var(--shadow);border-radius:6px}.board-figure figcaption{color:var(--muted);margin-top:8px;font-size:.95rem}.site-footer{background:var(--brand);color:#fff}.footer-grid{grid-template-columns:repeat(4,1fr);gap:24px;padding:36px 0;display:grid}.logo-badge img{background:#fff;border-radius:50%;width:64px;height:64px}.foot-col h4{margin:.2rem 0 .6rem}.foot-col ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.foot-col a{color:#fff;opacity:.95;text-decoration:none}.foot-col a:hover{opacity:1;text-decoration:underline}.socials a{margin-right:.6rem;display:inline-block}.footer-bottom{border-top:1px solid #ffffff26;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.footer-bottom .legal{gap:14px;margin:0;padding:0;list-style:none;display:flex}.footer-bottom a{color:#fff;opacity:.9;text-decoration:none}.footer-bottom a:hover{opacity:1}@media (max-width:900px){.desktop-nav{display:none}.hamburger{display:inline-block}}@media (max-width:1024px){.hero-figure img,.board-figure img{height:440px}.mv-grid{grid-template-columns:1fr;gap:18px}.values-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:18px}}@media (max-width:640px){.hero-figure img,.board-figure img{height:320px}.values-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:12px}.footer-bottom{text-align:center;flex-direction:column;gap:10px}.intro,.values,.board{padding:56px 0}.mv{padding:48px 0}.value .open{top:6px;left:12px}.value .close{bottom:6px;right:12px}}
