:root { --ink:#16113b; --ink-soft:#312a59; --violet:#5d1b70; --violet-deep:#371044; --lavender:#e9d8ec; --cream:#fffaf2; --coral:#ff774b; --lime:#d7f36f; --line:rgba(22,17,59,.18); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--cream); color:var(--ink); font-family:Arial,Helvetica,sans-serif; } a { color:inherit; text-decoration:none; } .shell { width:min(1180px,calc(100% - 48px)); margin:0 auto; } .section { padding:118px 0; }

.hero { position:relative; min-height:820px; overflow:hidden; color:var(--cream); background:var(--violet-deep); isolation:isolate; }.hero::before { content:""; position:absolute; inset:0; z-index:-2; background:radial-gradient(circle at 78% 37%,rgba(215,243,111,.2),transparent 0 13%),linear-gradient(123deg,#381047 3%,#5e1d70 55%,#351043 100%); }.hero::after { content:""; position:absolute; inset:0; z-index:-1; opacity:.2; background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(to right,transparent 20%,black 55%,transparent 100%); }.hero-glow { position:absolute; z-index:-1; border-radius:999px; filter:blur(3px); }.hero-glow-one { width:360px; height:360px; right:5%; bottom:-100px; background:rgba(255,119,75,.15); }.hero-glow-two { width:190px; height:190px; left:22%; top:6%; background:rgba(215,243,111,.08); }
.site-nav { height:92px; width:min(1320px,calc(100% - 48px)); margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid rgba(255,255,255,.25); }.brand { display:inline-flex; align-items:center; gap:11px; min-width:220px; }.brand-mark { display:grid; place-items:center; width:34px; height:34px; border:2px solid currentColor; border-radius:10px 10px 2px 10px; font-family:Georgia,serif; font-size:21px; font-weight:900; line-height:1; }.brand strong,.brand small { display:block; }.brand strong { font-size:14px; letter-spacing:.13em; }.brand small { max-width:220px; margin-top:2px; font-size:9px; line-height:1.25; letter-spacing:.08em; text-transform:uppercase; opacity:.8; }.nav-links { display:flex; gap:30px; font-size:13px; }.nav-links a { opacity:.88; transition:opacity .2s; }.nav-links a:hover { opacity:1; }.nav-action { padding:12px 15px; border:1px solid rgba(255,255,255,.55); border-radius:999px; font-size:12px; white-space:nowrap; }
.hero-content { min-height:590px; display:grid; grid-template-columns:1.04fr .96fr; align-items:center; gap:48px; padding-top:66px; }.hero-copy { max-width:640px; }.eyebrow,.section-kicker { margin:0; color:var(--violet); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }.eyebrow { display:flex; align-items:center; gap:8px; color:var(--lime); }.eyebrow span { width:9px; height:9px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 5px rgba(215,243,111,.13); } h1,h2,h3,p { margin-top:0; } h1 { max-width:700px; margin:23px 0 26px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(54px,6.5vw,94px); font-weight:500; line-height:.92; letter-spacing:-.065em; } h1 em,h2 em { color:var(--lime); font-style:italic; }.hero-intro { max-width:595px; color:rgba(255,250,242,.78); font-size:17px; line-height:1.65; }.hero-actions { display:flex; align-items:center; gap:24px; margin-top:34px; }.button { display:inline-flex; align-items:center; gap:22px; padding:15px 19px; border-radius:999px; font-size:13px; font-weight:700; }.button-primary { color:var(--ink); background:var(--lime); }.text-link { padding-bottom:3px; border-bottom:1px solid rgba(255,255,255,.55); font-size:13px; font-weight:700; }
.hero-network { position:relative; width:min(100%,465px); justify-self:end; padding:14px; border:1px solid rgba(255,255,255,.34); border-radius:29px 29px 7px 29px; background:rgba(44,11,57,.25); box-shadow:0 23px 60px rgba(16,3,24,.18); }.network-label { display:flex; justify-content:space-between; margin:0 3px 13px; color:rgba(255,250,242,.78); font-size:9px; font-weight:700; letter-spacing:.12em; }.network-label b { color:var(--lime); font-size:9px; }.network-grid { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:26px; border-radius:20px 20px 3px 20px; background:rgba(255,255,255,.04); }.network-grid::before,.network-grid::after { content:""; position:absolute; z-index:0; top:50%; left:12%; width:76%; height:1px; background:linear-gradient(90deg,transparent,rgba(215,243,111,.55),transparent); }.network-grid::after { transform:rotate(90deg); }.network-tile { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:space-between; min-height:130px; padding:13px; border:1px solid rgba(255,255,255,.28); border-radius:15px 15px 4px 15px; background:rgba(55,16,68,.88); }.network-tile span { color:var(--lime); font-size:9px; font-weight:700; letter-spacing:.09em; }.network-tile strong { font-family:Georgia,serif; font-size:22px; font-weight:500; line-height:.95; letter-spacing:-.045em; }.network-tile i { color:rgba(255,250,242,.62); font-size:9px; font-style:normal; letter-spacing:.05em; text-transform:uppercase; }.tile-ug { border-color:rgba(255,119,75,.8); }.tile-ug span,.tile-ug i { color:var(--coral); }.tile-in { border-color:rgba(215,243,111,.6); }.tile-np { border-color:rgba(233,216,236,.6); }.network-core { position:absolute; z-index:2; top:50%; left:50%; display:grid; place-content:center; gap:4px; width:128px; height:128px; transform:translate(-50%,-50%); border:8px solid rgba(55,16,68,.94); border-radius:50%; color:var(--ink); background:var(--lime); box-shadow:0 0 0 1px rgba(215,243,111,.65); font-size:10px; font-weight:800; letter-spacing:.06em; text-align:center; }.network-core i { width:18px; height:2px; margin:0 auto; background:var(--ink); transform:rotate(-18deg); }.network-caption { margin:13px 3px 2px; color:rgba(255,250,242,.66); font-size:9px; font-weight:700; letter-spacing:.1em; text-align:center; text-transform:uppercase; }.hero-footer { min-height:120px; display:flex; align-items:end; justify-content:space-between; gap:20px; padding-bottom:24px; }.hero-footer p { max-width:600px; margin:0; color:rgba(255,250,242,.7); font-size:10px; letter-spacing:.1em; line-height:1.6; }.hero-footer a { font-size:10px; font-weight:700; letter-spacing:.1em; }

.intro-band { padding:106px 0; background:var(--lavender); }.intro-grid { display:grid; grid-template-columns:.72fr 2fr .8fr; align-items:start; gap:35px; } h2 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(37px,4.4vw,65px); font-weight:500; line-height:.99; letter-spacing:-.05em; }.intro-grid h2 em,.section-head h2 em,.connect h2 em { color:var(--violet); }.intro-note { padding-left:21px; border-left:1px solid rgba(22,17,59,.35); }.asterisk { color:var(--coral); font-size:29px; line-height:1; }.intro-note p { margin:13px 0 0; font-size:14px; line-height:1.55; }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:42px; }.section-head h2 { margin-top:17px; }.section-aside { width:min(360px,100%); margin:0; color:var(--ink-soft); font-size:14px; line-height:1.6; }.program-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.program-card { position:relative; min-height:346px; padding:21px 23px; overflow:hidden; border-right:1px solid var(--line); border-bottom:1px solid var(--line); transition:background .25s,color .25s; }.program-card:hover { color:var(--cream); background:var(--violet); }.program-card:hover .program-topline,.program-card:hover .arrow { color:var(--lime); }.program-card:hover .program-symbol { border-color:var(--lime); }.program-card:hover .program-symbol span { background:var(--coral); }.program-topline { display:flex; justify-content:space-between; gap:14px; color:var(--violet); font-size:9px; font-weight:700; letter-spacing:.1em; }.program-symbol { position:relative; display:grid; place-items:center; width:70px; height:70px; margin:36px 0 24px; border:2px solid var(--violet); border-radius:24px 24px 4px 24px; transform:rotate(-8deg); }.program-symbol::before,.program-symbol::after,.program-symbol span { content:""; position:absolute; background:currentColor; }.program-symbol::before { width:34px; height:4px; }.program-symbol::after { width:4px; height:34px; }.program-symbol span { width:12px; height:12px; border-radius:50%; background:var(--coral); }.program-card h3 { margin:0 0 9px; font-family:Georgia,serif; font-size:27px; font-weight:500; letter-spacing:-.035em; }.program-card p { max-width:305px; margin:0; font-size:13px; line-height:1.5; }.arrow { position:absolute; right:23px; bottom:21px; color:var(--violet); font-size:24px; }

.activity-strip { padding:98px 0; color:var(--cream); background:var(--ink); }.strip-head { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:32px; }.strip-head .section-kicker,.pathway .section-kicker { color:var(--lime); }.strip-head>p:last-child { max-width:370px; margin:0; color:rgba(255,250,242,.7); font-size:14px; line-height:1.55; }.story-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.story-card { min-height:410px; display:flex; flex-direction:column; color:var(--ink); background:var(--cream); }.story-graphic { position:relative; min-height:230px; overflow:hidden; background-color:#d8c2df; background-image:radial-gradient(circle at 19% 75%,var(--coral) 0 7px,transparent 8px),linear-gradient(125deg,transparent 0 43%,rgba(22,17,59,.75) 43% 45%,transparent 45% 100%),linear-gradient(90deg,rgba(22,17,59,.25) 1px,transparent 1px),linear-gradient(rgba(22,17,59,.25) 1px,transparent 1px); background-size:auto,auto,25px 25px,25px 25px; }.story-scrimmage .story-graphic { background-color:#ddeba6; }.story-cad .story-graphic { background-color:#ffc2a9; }.graphic-label { position:absolute; top:15px; left:16px; font-size:10px; font-weight:700; letter-spacing:.1em; }.graphic-build { position:absolute; top:55%; left:50%; width:126px; height:92px; transform:translate(-50%,-50%); }.graphic-build i { position:absolute; display:block; background:var(--ink); }.graphic-build i:nth-child(1) { top:36px; left:17px; width:88px; height:15px; border-radius:5px; }.graphic-build i:nth-child(2) { top:8px; left:21px; width:24px; height:75px; transform:rotate(27deg); }.graphic-build i:nth-child(3) { top:8px; right:21px; width:24px; height:75px; transform:rotate(-27deg); }.story-copy { padding:20px 21px 24px; }.story-copy p { margin:0 0 11px; color:var(--violet); font-size:9px; font-weight:700; letter-spacing:.1em; }.story-copy h3 { margin:0 0 8px; font-family:Georgia,serif; font-size:28px; font-weight:500; letter-spacing:-.04em; }.story-copy span { display:block; font-size:13px; line-height:1.48; }

.global { background:#f2efe8; }.global-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:85px; }.global-sticky { position:sticky; top:30px; align-self:start; }.global-sticky h2 { margin:18px 0; }.global-sticky h2 em { color:var(--coral); }.global-sticky>p:not(.section-kicker) { max-width:365px; color:var(--ink-soft); font-size:15px; line-height:1.6; }.world-dots { position:relative; width:310px; height:160px; margin-top:50px; opacity:.8; background-image:radial-gradient(var(--violet) 1.7px,transparent 1.7px); background-size:12px 12px; clip-path:polygon(0 23%,19% 7%,35% 22%,52% 11%,64% 27%,90% 21%,100% 46%,86% 55%,79% 85%,50% 96%,36% 79%,19% 88%,4% 66%); }.world-dots i { position:absolute; display:block; width:13px; height:13px; border:3px solid var(--coral); border-radius:50%; background:#f2efe8; }.world-dots i:nth-child(1) { top:42px; left:55px; }.world-dots i:nth-child(2) { top:67px; left:148px; }.world-dots i:nth-child(3) { top:97px; left:195px; }.world-dots i:nth-child(4) { top:73px; left:234px; }.global-list { border-top:1px solid var(--line); }.global-card { position:relative; padding:28px 0 27px 72px; border-bottom:1px solid var(--line); }.global-number { position:absolute; top:31px; left:0; display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--violet); border-radius:50%; color:var(--violet); font-size:10px; font-weight:700; }.place { margin:0 0 10px; color:var(--violet); font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.global-card h3 { margin:0 0 8px; font-family:Georgia,serif; font-size:31px; font-weight:500; letter-spacing:-.04em; }.global-card>p:not(.place) { max-width:530px; margin:0 0 14px; color:var(--ink-soft); font-size:14px; line-height:1.55; }.global-card>span { color:var(--coral); font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }

.pathway { padding:98px 0; color:var(--cream); background:var(--violet); }.pathway-wrap { display:grid; grid-template-columns:.25fr 1.55fr .9fr; align-items:center; gap:34px; }.pathway h2 { margin-top:17px; max-width:780px; }.pathway h2 em { color:var(--lime); }.pathway-mark { display:grid; place-items:center; gap:2px; width:60px; height:60px; border:2px solid var(--lime); border-radius:22px 22px 5px 22px; color:var(--lime); font-size:20px; }.pathway-mark span:nth-child(2) { display:none; }.pathway-mark span:nth-child(3) { transform:translateY(-20px) translateX(15px); }.pathway-steps { display:grid; grid-template-columns:1fr 1fr; gap:19px 30px; }.pathway-steps span { color:var(--coral); font-size:10px; letter-spacing:.12em; }.pathway-steps b { display:inline-block; margin-top:6px; color:var(--cream); font-size:14px; letter-spacing:0; }
.connect { background:var(--cream); }.connect-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:80px; }.connect h2 { margin-top:18px; }.connect-options { border-top:1px solid var(--line); }.connect-options a { display:grid; grid-template-columns:46px 1fr 30px; align-items:center; min-height:83px; border-bottom:1px solid var(--line); transition:padding .2s,color .2s; }.connect-options a:hover { padding-left:9px; color:var(--violet); }.connect-options span { color:var(--violet); font-size:10px; font-weight:700; }.connect-options strong { font-family:Georgia,serif; font-size:25px; font-weight:500; letter-spacing:-.035em; }.connect-options i { color:var(--coral); font-size:22px; font-style:normal; }
.site-footer { padding:46px 0 18px; color:var(--cream); background:var(--ink); }.footer-top { display:grid; grid-template-columns:1fr .95fr 1fr; align-items:center; gap:40px; padding-bottom:40px; }.footer-brand { min-width:0; }.footer-top>p { max-width:350px; margin:0; color:rgba(255,250,242,.7); font-size:13px; line-height:1.5; }.footer-top>a { justify-self:end; padding-bottom:4px; border-bottom:1px solid rgba(255,255,255,.45); font-size:12px; font-weight:700; }.footer-bottom { display:flex; justify-content:space-between; gap:20px; padding-top:18px; border-top:1px solid rgba(255,255,255,.2); color:rgba(255,250,242,.55); font-size:9px; line-height:1.45; }.footer-bottom p { margin:0; }

@media (max-width:850px) { .site-nav { width:min(100% - 32px,1180px); height:78px; }.nav-links { display:none; }.brand { min-width:0; }.brand small { max-width:160px; }.nav-action { font-size:11px; }.hero { min-height:auto; }.hero-content { grid-template-columns:1fr; gap:42px; padding-top:70px; }.hero-network { width:min(82vw,465px); justify-self:center; }.hero-footer { min-height:105px; }.intro-grid,.global-layout,.connect-grid { grid-template-columns:1fr; gap:28px; }.intro-note { max-width:430px; }.section-head,.strip-head { display:block; }.section-aside,.strip-head>p:last-child { margin-top:18px; }.program-grid,.story-grid { grid-template-columns:1fr 1fr; }.program-card { min-height:320px; }.global-sticky { position:static; }.world-dots { margin-top:30px; }.pathway-wrap { grid-template-columns:.2fr 1fr; }.pathway-steps { grid-column:2; }.footer-top { grid-template-columns:1fr 1fr; }.footer-top>a { grid-column:1 / -1; justify-self:start; }.footer-bottom { display:block; }.footer-bottom p+p { margin-top:7px; } }
@media (max-width:570px) { .shell { width:min(100% - 32px,1180px); }.site-nav { width:calc(100% - 32px); }.brand small { display:none; }.nav-action { padding:10px 12px; }.hero-content { padding-top:51px; }.hero-copy { max-width:none; }.hero-intro { font-size:15px; }.hero-actions { display:block; }.text-link { display:inline-block; margin-top:21px; }.hero-network { width:100%; padding:10px; border-radius:22px 22px 5px 22px; }.network-grid { gap:7px; padding:19px; }.network-tile { min-height:112px; padding:10px; }.network-tile strong { font-size:18px; }.network-tile i { font-size:8px; }.network-core { width:92px; height:92px; border-width:6px; font-size:9px; }.hero-footer { align-items:start; padding-top:33px; }.hero-footer a { display:none; }.intro-band,.section { padding:76px 0; }.program-grid,.story-grid { grid-template-columns:1fr; }.program-card { min-height:285px; }.program-symbol { margin:25px 0 19px; }.activity-strip,.pathway { padding:76px 0; }.global-card { padding-left:55px; }.global-card h3 { font-size:28px; }.global-number { width:33px; height:33px; }.pathway-wrap { grid-template-columns:1fr; }.pathway-steps { grid-column:auto; }.pathway-mark { margin-bottom:5px; }.connect-grid { gap:39px; }.connect-options strong { font-size:21px; }.footer-top { grid-template-columns:1fr; }.footer-top>a { grid-column:auto; }.footer-bottom { font-size:8px; } }