:root { --ink:#10233f; --paper:#f7f4ee; --cobalt:#3458d4; --coral:#f76a59; --yellow:#f7c852; --muted:#506078; --line:rgba(16,35,63,.16); --radius:22px; }
@media (prefers-color-scheme: dark) { :root { --ink:#eff3fb; --paper:#111d31; --cobalt:#7594ff; --coral:#ff8677; --yellow:#ffd66d; --muted:#c0cbe0; --line:rgba(239,243,251,.18); } }
@media (prefers-color-scheme: dark) { .programs { background:#172b4b; } .site-footer { background:#20375e; color:var(--ink); } .site-footer p { color:#d4def2; } }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:88px; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:ui-rounded,"Avenir Next",Avenir,"Helvetica Neue",sans-serif; font-size:16px; }
a { color:inherit; text-decoration:none; }
img { display:block; height:auto; max-width:100%; object-fit:cover; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { letter-spacing:-.065em; line-height:.96; }
h1 { font-size:clamp(3.7rem,7.5vw,7.1rem); font-weight:900; }
h1 em { color:var(--coral); font-style:normal; }
h2 { font-size:clamp(2.8rem,5.2vw,5.2rem); font-weight:900; }
h3 { font-size:2.1rem; font-weight:900; }
p { color:var(--muted); line-height:1.6; }
.kicker { color:var(--cobalt); font:500 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; text-transform:uppercase; }
.site-header { align-items:center; display:flex; gap:30px; height:76px; padding:0 clamp(22px,5vw,80px); position:absolute; width:100%; z-index:5; }
.brand { align-items:center; display:flex; flex-shrink:0; font-size:.8rem; font-weight:900; letter-spacing:-.035em; line-height:1.03; max-width:178px; }
.brand-mark { display:grid; gap:3px; grid-template-columns:repeat(3,6px); margin-right:10px; transform:rotate(-9deg); }
.brand-mark i { background:var(--ink); display:block; height:18px; width:6px; }
.brand-mark i:nth-child(2) { background:var(--coral); height:25px; margin-top:-4px; }
.brand-mark i:nth-child(3) { background:var(--yellow); height:12px; margin-top:7px; }
.nav-links { display:flex; gap:clamp(18px,2.2vw,36px); margin-left:auto; }
.nav-links a { color:var(--ink); font-size:.88rem; font-weight:800; }
.nav-links a:hover,.text-link:hover { color:var(--cobalt); }
.nav-cta,.button { align-items:center; border:0; border-radius:999px; cursor:pointer; display:inline-flex; font-family:inherit; font-size:.9rem; font-weight:900; justify-content:center; min-height:48px; padding:0 23px; white-space:nowrap; }
.nav-cta { background:var(--ink); color:var(--paper); }
.button-primary { background:var(--cobalt); color:#fff; transition:transform .2s ease, background .2s ease; }
.button-primary:hover { background:var(--ink); transform:translateY(-2px); }
.button-primary:active { transform:scale(.98); }
.nav-toggle { display:none; }
.hero { display:grid; grid-template-columns:minmax(0,.96fr) minmax(470px,1.04fr); min-height:100dvh; overflow:hidden; }
.hero-copy { align-self:center; padding:130px 5vw 70px max(6vw,80px); position:relative; z-index:1; }
.hero-copy .kicker { margin-bottom:22px; }
.hero-copy p:not(.kicker) { font-size:1.14rem; margin-top:28px; max-width:390px; }
.hero-actions { align-items:center; display:flex; flex-wrap:wrap; gap:25px; margin-top:34px; }
.text-link { border-bottom:1px solid var(--ink); font-size:.9rem; font-weight:900; padding-bottom:4px; transition:color .2s ease; }
.text-link span { color:var(--coral); font-size:1.25rem; padding-left:4px; }
.hero-art { min-height:100%; overflow:hidden; position:relative; }
.hero-art img { height:100%; min-height:100dvh; object-position:center; width:100%; }
.hero-shape { border-radius:50%; position:absolute; }
.shape-coral { background:var(--coral); height:90px; left:-45px; top:17%; width:90px; }
.shape-yellow { background:var(--yellow); bottom:8%; height:155px; right:-68px; width:155px; }
.belief-band { background:var(--ink); color:var(--paper); padding:clamp(70px,10vw,150px) 7vw; }
.belief-band p { color:inherit; font-size:clamp(2.3rem,4.9vw,5rem); font-weight:900; letter-spacing:-.06em; line-height:1.02; max-width:950px; }
.belief-band strong { color:var(--yellow); }
.section { padding:clamp(80px,12vw,170px) max(6vw,80px); }
.intro { align-items:center; display:grid; gap:clamp(50px,10vw,160px); grid-template-columns:minmax(260px,.78fr) minmax(300px,.8fr); }
.intro-image { position:relative; }
.intro-image::after { background:var(--yellow); content:""; height:64%; position:absolute; right:-34px; top:11%; width:34px; z-index:-1; }
.intro-image img { aspect-ratio:4/5; border-radius:var(--radius); width:100%; }
.intro-copy { max-width:490px; }
.intro-copy h2 { margin:16px 0 22px; }
.intro-copy .text-link { display:inline-block; margin-top:28px; }
.programs { background:#eaf0ff; color:#10233f; }
.section-heading { max-width:640px; }
.section-heading h2 { margin-top:15px; }
.program-grid { display:grid; gap:20px; grid-template-columns:1.1fr .9fr 1fr; margin-top:55px; }
.program { border-radius:var(--radius); display:flex; flex-direction:column; justify-content:space-between; min-height:520px; overflow:hidden; padding:30px; }
.program h3 { margin:20px 0 10px; }
.program p { color:#263956; font-size:.97rem; max-width:300px; }
.program img { border-radius:14px; margin-top:30px; aspect-ratio:1.18/1; width:100%; }
.program-blue { background:#9fb6ff; }.program-yellow { background:var(--yellow); }.program-coral { background:#f9a79d; }
.program-icon { display:block; height:35px; position:relative; width:35px; }
.icon-sun { border:3px solid #10233f; border-radius:50%; }.icon-spark::before,.icon-spark::after { background:#10233f; content:""; inset:0; margin:auto; position:absolute; transform:rotate(45deg); width:3px; }.icon-spark::after { transform:rotate(-45deg); }.icon-blocks { background:#10233f; box-shadow:16px 8px 0 var(--coral),8px 16px 0 #10233f; height:16px; width:16px; }
.impact { align-items:stretch; background:var(--ink); color:var(--paper); display:grid; grid-template-columns:1.1fr .9fr; }
.impact-image img { height:100%; min-height:590px; width:100%; }
.impact-copy { align-self:center; padding:clamp(70px,10vw,150px) clamp(35px,8vw,125px); }
.impact-copy .kicker { color:var(--yellow); }.impact-copy h2 { margin:16px 0 24px; }.impact-copy p { color:#c8d4ed; }
.impact-points { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.impact-points span { border:1px solid rgba(255,255,255,.4); border-radius:999px; font-size:.78rem; font-weight:800; padding:8px 12px; }
.news { background:#edf1fb; color:#10233f; }
.news .section-heading { max-width:540px; }
.news-intro { font-size:1rem; margin-top:15px; }
.news-status { font-size:.82rem; margin:24px 0 14px; }
.news-grid { display:grid; gap:12px; grid-template-columns:repeat(3,1fr); }
.news-card { background:#fff; border-radius:14px; display:flex; flex-direction:column; min-height:176px; overflow:hidden; padding:21px 22px; position:relative; }
.news-thumbnail { border-radius:8px; height:58px; object-fit:cover; position:absolute; right:18px; top:18px; width:76px; }
.news-card h3 { font-size:1.14rem; letter-spacing:-.04em; line-height:1.02; margin:10px 0; }
.news-card:has(.news-thumbnail) h3 { max-width:calc(100% - 88px); }
.news-card p { color:#506078; display:-webkit-box; font-size:.82rem; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.news-card .text-link { align-self:flex-start; font-size:.78rem; margin-top:auto; padding-top:16px; }
.news-source { color:var(--cobalt)!important; font:500 .7rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; text-transform:uppercase; }
.invite { align-items:start; display:grid; gap:70px; grid-template-columns:1fr minmax(320px,.76fr); }
.invite h2 { margin-top:16px; }
.join-form { display:grid; gap:18px; }
.join-form label { color:var(--ink); display:grid; font:500 .7rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; gap:8px; letter-spacing:.06em; text-transform:uppercase; }
.join-form input,.join-form select { background:transparent; border:1px solid var(--line); border-radius:10px; color:var(--ink); font:600 1rem/1.2 ui-rounded,"Avenir Next",Avenir,"Helvetica Neue",sans-serif; min-height:50px; padding:0 13px; }
.join-form input:focus,.join-form select:focus { border-color:var(--cobalt); outline:2px solid rgba(52,88,212,.22); }
.join-form .button { margin-top:8px; width:100%; }.form-message { color:var(--cobalt); min-height:1.4em; text-align:center; }
.site-footer { background:#dce5fc; color:#10233f; display:grid; gap:20px; grid-template-columns:1fr 1.2fr auto; padding:48px max(6vw,80px); }.site-footer p { color:#263956; max-width:320px; }.site-footer a:not(.brand) { font-size:.9rem; font-weight:800; }.footer-contact { display:grid; gap:5px; justify-items:end; text-align:right; }.footer-contact span { color:#506078; font-size:.86rem; }.site-footer small { grid-column:1/-1; opacity:.7; }
.reveal { opacity:0; transform:translateY(26px); transition:opacity .65s ease,transform .65s cubic-bezier(.16,1,.3,1); }.reveal.is-visible { opacity:1; transform:none; }
@media (max-width:900px) { .site-header { background:var(--paper); height:68px; position:fixed; }.nav-links { background:var(--paper); display:none; left:0; padding:16px 22px 24px; position:absolute; right:0; top:68px; }.site-header.is-open .nav-links { display:grid; gap:20px; }.nav-cta { margin-left:auto; }.nav-toggle { background:transparent; border:0; display:grid; gap:5px; padding:8px; }.nav-toggle span { background:var(--ink); display:block; height:2px; width:24px; }.hero { grid-template-columns:1fr; }.hero-copy { min-height:620px; padding:130px 8vw 70px; }.hero-art { min-height:500px; }.hero-art img { min-height:500px; }.intro,.invite,.impact { grid-template-columns:1fr; }.intro { gap:48px; }.intro-image { max-width:460px; }.program-grid { grid-template-columns:1fr 1fr; }.program:last-child { grid-column:1/-1; min-height:440px; }.impact-image img { min-height:440px; }.news-grid { grid-template-columns:repeat(2,1fr); }.site-footer { grid-template-columns:1fr 1fr; }.footer-contact { justify-items:start; text-align:left; } }
@media (max-width:620px) { h1 { font-size:clamp(3.4rem,16vw,4.6rem); }.nav-cta { display:none; }.section,.belief-band { padding-left:24px; padding-right:24px; }.hero { display:block; min-height:100dvh; position:relative; }.hero-copy { min-height:100dvh; padding-left:24px; padding-right:24px; position:relative; z-index:1; }.hero-art { inset:0; opacity:.28; position:absolute; z-index:0; }.hero-art img { height:100%; min-height:100%; width:100%; }.hero-shape { display:none; }.program-grid,.news-grid { grid-template-columns:1fr; }.program:last-child { grid-column:auto; }.program { min-height:470px; }.site-footer { grid-template-columns:1fr; padding:42px 24px; }.site-footer small { grid-column:auto; }.hero-actions { align-items:flex-start; flex-direction:column; gap:18px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; }.reveal { opacity:1; transform:none; transition:none; }.button-primary { transition:none; } }