/* ================================================================
   Grand American University — website stylesheet v3.4
   Brand: the approved seal + modern lockup. Desktop reference 1920 × 1080.
   ================================================================ */

@font-face{font-family:"Schibsted Grotesk";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/schibsted-grotesk-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Schibsted Grotesk";font-weight:400;font-style:italic;font-display:swap;src:url("../fonts/schibsted-grotesk-latin-400-italic.woff2") format("woff2")}
@font-face{font-family:"Schibsted Grotesk";font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/schibsted-grotesk-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Schibsted Grotesk";font-weight:600;font-style:normal;font-display:swap;src:url("../fonts/schibsted-grotesk-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Schibsted Grotesk";font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/schibsted-grotesk-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Schibsted Grotesk";font-weight:800;font-style:normal;font-display:swap;src:url("../fonts/schibsted-grotesk-latin-800-normal.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/newsreader-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-weight:400;font-style:italic;font-display:swap;src:url("../fonts/newsreader-latin-400-italic.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/newsreader-latin-500-normal.woff2") format("woff2")}

:root{
  --midnight:#0B1B3A;--navy:#0E2A52;--cobalt:#1E4FD8;--cobalt-deep:#1740B0;--azure:#2F7BF5;--sky:#8FC1FF;
  --turquoise:#19B8C8;--turquoise-ink:#0E7F8B;--gold:#D4A53A;--gold-ink:#8A6B22;--amber:#F2B544;--amber-ink:#7A5A12;--coral:#F0715A;
  --mist:#EEF2F8;--cloud:#DCE5F2;--white:#FFFFFF;--ink:#0F1A2E;--body:#2A3650;--slate:#4A5668;
  --on-dark-muted:rgba(255,255,255,.78);--line:rgba(15,26,46,.12);--line-dark:rgba(255,255,255,.16);
  --sans:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;--serif:"Newsreader",Georgia,serif;
  /* grid: wide 1600, content 1440, prose 760 */
  --wide:1600px;--content:1440px;--text:760px;--gutter:clamp(20px,3.2vw,64px);
  --r-ctl:8px;--r-card:16px;--r-media:20px;
  --shadow-1:0 1px 2px rgba(11,27,58,.06),0 10px 28px -12px rgba(11,27,58,.2);
  --shadow-2:0 30px 60px -28px rgba(11,27,58,.45);
  --shadow-cobalt:0 16px 40px -16px rgba(30,79,216,.55);
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);font-size:18px;line-height:1.6;color:var(--body);background:#fff;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,ul,ol,figure,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:3px solid var(--turquoise-ink);outline-offset:3px;border-radius:6px}
.hdr :focus-visible,.menu-panel :focus-visible,.on-dark :focus-visible,.bg-midnight :focus-visible,.bg-cobalt :focus-visible,.online :focus-visible,.closing :focus-visible,.footer :focus-visible,.hero :focus-visible,.fam:focus-visible{outline-color:#fff}
.skip{position:absolute;left:16px;top:-64px;z-index:100;background:var(--amber);color:var(--midnight);padding:10px 16px;border-radius:999px;font-weight:700}
.skip:focus{top:16px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:100%;max-width:var(--content);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.wrap-wide{max-width:var(--wide)}
.measure{max-width:var(--text)}
.prose p+p{margin-top:1em}
.prose a,.link{color:var(--cobalt-deep);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.on-dark .prose a,.on-dark .link{color:#fff;text-decoration-color:var(--turquoise)}

/* ---------- type scale (1920 reference) ---------- */
.t-display{font-weight:800;font-size:clamp(42px,3.9vw,76px);line-height:1.02;letter-spacing:-.03em;text-wrap:balance}
.t-1{font-weight:800;font-size:clamp(34px,2.8vw,54px);line-height:1.06;letter-spacing:-.025em;text-wrap:balance}
.t-2{font-weight:700;font-size:clamp(26px,2.1vw,40px);line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
.t-3{font-weight:700;font-size:clamp(20px,1.3vw,25px);line-height:1.25;letter-spacing:-.01em}
.lede{font-size:clamp(19px,1.2vw,23px);line-height:1.55;font-weight:500}
.body-l{font-size:clamp(17px,1vw,19px);line-height:1.65}
.small{font-size:15px;line-height:1.55}
.muted{color:var(--slate)}
.on-dark{color:#fff}
.on-dark .muted{color:var(--on-dark-muted)}
.on-dark .lede{color:rgba(255,255,255,.92)}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt-deep)}
.eyebrow::before{content:"";width:28px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--cobalt),var(--turquoise))}
.on-dark .eyebrow,.eyebrow.on-dark{color:var(--turquoise)}
.on-dark .eyebrow::before,.eyebrow.on-dark::before{background:linear-gradient(90deg,var(--gold),var(--turquoise))}
.accent{color:var(--cobalt)}
.on-dark .accent{color:var(--turquoise)}
.quote{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(28px,2.4vw,46px);line-height:1.18;color:var(--navy);text-wrap:balance}
.quote b{font-weight:400;color:var(--cobalt)}

/* ---------- controls ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 26px 0 28px;border-radius:999px;font-weight:700;font-size:17px;border:2px solid transparent;transition:transform .25s var(--ease),background-color .25s,color .25s,border-color .25s,box-shadow .25s}
.btn svg{width:18px;height:18px;flex:none;transition:transform .25s var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.btn-primary{background:var(--cobalt);color:#fff;box-shadow:var(--shadow-cobalt)}
.btn-primary:hover{background:var(--cobalt-deep);transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--navy)}
.btn-light:hover{background:var(--mist);transform:translateY(-2px)}
.btn-ghost{border-color:rgba(255,255,255,.6);color:#fff}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.1)}
.btn-outline{border-color:var(--cloud);color:var(--navy)}
.btn-outline:hover{border-color:var(--cobalt);color:var(--cobalt-deep)}
.pill{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 18px 0 14px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.pill::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(242,181,68,.22)}
.pill-status{background:rgba(242,181,68,.14);color:var(--amber-ink);border:1px solid rgba(242,181,68,.55)}
.on-dark .pill-status,.hdr .pill-status{color:#FFE9B8;background:rgba(11,27,58,.45);border-color:rgba(242,181,68,.65)}
.hdr.light .pill-status{color:var(--amber-ink);background:rgba(242,181,68,.14)}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.chip-amber{background:rgba(242,181,68,.16);color:var(--amber-ink)}
.chip-cobalt{background:rgba(30,79,216,.1);color:var(--cobalt-deep)}
.chip-turq{background:rgba(25,184,200,.14);color:var(--turquoise-ink)}
.chip-white{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.25)}
.deg{display:inline-grid;place-items:center;min-width:56px;height:32px;padding:0 12px;border-radius:8px;background:var(--navy);color:#fff;font-weight:800;font-size:14px;letter-spacing:.04em}
.on-dark .deg{background:#fff;color:var(--navy)}
.ic{width:52px;height:52px;border-radius:14px;display:inline-grid;place-items:center;flex:none;background:var(--mist);color:var(--cobalt-deep)}
.ic svg{width:24px;height:24px}
.on-dark .ic{background:rgba(255,255,255,.1);color:var(--turquoise)}

/* ---------- header: seal + lockup ---------- */
.hdr{position:sticky;top:0;z-index:50;color:#fff;background:rgba(11,27,58,0);transition:background-color .35s,box-shadow .35s}
.hdr.solid{background:rgba(11,27,58,.9);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.hdr.light{background:#fff;color:var(--ink);box-shadow:0 1px 0 var(--line)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:92px}
.lockup{display:flex;align-items:center;gap:16px;flex:none}
.lockup img{width:54px;height:54px;flex:none;border-radius:50%;background:#fff}
.lockup .wm{font-weight:700;font-size:18px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;line-height:1}
.lockup .wm small{display:none}
.lockup .sep{width:1px;height:36px;background:rgba(255,255,255,.28)}
.hdr.light .lockup .sep{background:var(--line)}
.nav{display:flex;gap:6px;margin-left:auto}
.nav a{display:inline-flex;align-items:center;min-height:46px;padding:0 16px;border-radius:999px;font-size:16px;font-weight:600;color:rgba(255,255,255,.92);transition:background-color .2s,color .2s}
.nav a:hover{background:rgba(255,255,255,.12);color:#fff}
.nav a[aria-current="page"]{color:#fff;box-shadow:inset 0 -3px 0 var(--turquoise);border-radius:0}
.hdr.light .nav a{color:var(--body)}
.hdr.light .nav a:hover{background:var(--mist);color:var(--ink)}
.hdr.light .nav a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--cobalt)}
.hdr-right{display:flex;align-items:center;gap:14px}
.menu-btn{display:none;width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);place-items:center}
.hdr.light .menu-btn{border-color:var(--line);color:var(--ink)}
.menu-btn svg{width:22px;height:22px}
.menu-panel{display:none;position:fixed;inset:0;z-index:60;background:linear-gradient(170deg,var(--midnight),var(--cobalt-deep));color:#fff;padding:20px var(--gutter) 32px;flex-direction:column}
.menu-panel.open{display:flex}
.menu-panel .top{display:flex;justify-content:space-between;align-items:center;min-height:52px}
.menu-panel .lockup .wm{font-size:13px;letter-spacing:.14em;white-space:normal;line-height:1.2;max-width:180px}
.menu-panel nav{display:flex;flex-direction:column;margin-top:28px}
.menu-panel nav a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line-dark);font-size:24px;font-weight:700;letter-spacing:-.01em}
.menu-panel nav a small{font-size:12px;letter-spacing:.14em;color:var(--turquoise);font-weight:700}
.menu-panel .foot{margin-top:auto;display:flex;flex-direction:column;gap:14px;font-size:14px;color:rgba(255,255,255,.8)}

/* ---------- hero: split composition ---------- */
.hero{position:relative;background:var(--midnight);color:#fff;overflow:hidden;margin-top:-92px;padding-top:92px;min-height:min(100vh,1000px);display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr)}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 600px at 10% 90%,rgba(30,79,216,.55),transparent 60%),radial-gradient(500px 400px at 40% 0%,rgba(25,184,200,.18),transparent 60%);pointer-events:none}
.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:26px;padding:clamp(48px,6vh,96px) clamp(32px,4vw,72px) clamp(56px,7vh,110px) max(var(--gutter),calc((100vw - var(--wide)) / 2 + var(--gutter)))}
.hero-copy .lede{max-width:600px;font-size:clamp(18px,1.15vw,22px)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.hero-media{position:relative;min-height:560px}
.hero-media .main{position:absolute;inset:0}
.hero-media .main img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform:scale(1.05);transition:transform 12s var(--ease)}
.hero.in .hero-media .main img{transform:scale(1)}
.hero-media .main::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--midnight) 0%,rgba(11,27,58,.5) 14%,rgba(11,27,58,0) 40%),linear-gradient(0deg,rgba(11,27,58,.55) 0%,rgba(11,27,58,0) 45%)}
.hero-media .inset{position:absolute;left:-120px;bottom:clamp(40px,7vh,88px);width:clamp(260px,22vw,400px);aspect-ratio:4/3;border-radius:var(--r-media);overflow:hidden;box-shadow:var(--shadow-2);border:5px solid rgba(255,255,255,.92);z-index:3}
.hero-media .inset img{width:100%;height:100%;object-fit:cover}
.hero-media .plate{position:absolute;right:clamp(24px,3vw,64px);bottom:clamp(40px,7vh,88px);z-index:3;background:rgba(11,27,58,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-card);padding:20px 24px;display:flex;align-items:center;gap:18px;max-width:420px}
.hero-media .plate img{width:64px;height:64px;border-radius:50%;background:#fff;flex:none}
.hero-media .plate b{display:block;font-size:17px;line-height:1.3}
.hero-media .plate span{display:block;font-size:14px;color:var(--on-dark-muted);margin-top:4px}

/* ---------- status strip ---------- */
.status{background:#fff;border-bottom:1px solid var(--line)}
.status-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,4vw,80px);padding:clamp(36px,3.5vw,56px) 0;align-items:center}
.status-left{display:flex;flex-direction:column;gap:16px}
.status-chips{display:flex;flex-wrap:wrap;gap:10px}
.status-copy p{font-size:clamp(17px,1.05vw,20px);line-height:1.55;color:var(--ink);font-weight:500}
.status-copy p+p{margin-top:12px;color:var(--slate);font-weight:400;font-size:clamp(16px,.95vw,18px)}

/* ---------- scenes ---------- */
.scene{padding:clamp(64px,6.5vw,120px) 0}
.bg-mist{background:var(--mist)}
.bg-midnight{background:var(--midnight);color:#fff}
.bg-cobalt{background:var(--cobalt);color:#fff}
.head{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(32px,3.5vw,56px)}
.head.center{align-items:center;text-align:center}
.head .lede{max-width:900px}
.ph{position:relative;overflow:hidden;border-radius:var(--r-media);background:var(--cloud)}
.ph img{width:100%;height:100%;object-fit:cover}

/* purpose: full-bleed photo left, copy right */
.purpose{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--mist)}
.purpose .media{position:relative;min-height:720px}
.purpose .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.purpose .media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,27,58,0) 70%,rgba(238,242,248,.0) 100%)}
.purpose .media .tag{position:absolute;left:clamp(24px,3vw,56px);bottom:clamp(24px,3vw,56px);background:var(--cobalt);color:#fff;border-radius:var(--r-card);padding:22px 26px;max-width:380px;box-shadow:var(--shadow-2)}
.purpose .media .tag b{display:block;font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:1}
.purpose .media .tag span{display:block;margin-top:8px;font-size:15px;font-weight:600;color:#CFE0FF;line-height:1.4}
.purpose .copy{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:clamp(56px,6vw,112px) max(var(--gutter),calc((100vw - var(--wide)) / 2 + var(--gutter))) clamp(56px,6vw,112px) clamp(40px,5vw,96px)}
.purpose .copy .prose{max-width:620px}
.purpose .copy .prose p{font-size:clamp(17px,1.05vw,20px);line-height:1.62}
.purpose .copy .prose p:first-child{font-size:clamp(20px,1.3vw,25px);font-weight:500;color:var(--ink)}

/* stats: 25 / 9 / 3 */
.stats{position:relative;overflow:hidden;color:#fff;background:linear-gradient(120deg,var(--cobalt-deep) 0%,var(--cobalt) 50%,var(--azure) 100%)}
.stats .bg{position:absolute;inset:0;z-index:0}
.stats .bg img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;opacity:.22;mix-blend-mode:luminosity}
.stats .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,64,176,.9) 0%,rgba(30,79,216,.55) 55%,rgba(47,123,245,.35) 100%)}
.stats .wrap{position:relative;z-index:1}
.stats-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,4vw,80px);align-items:end;margin-bottom:clamp(40px,4vw,72px)}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,56px)}
.stat{border-top:3px solid rgba(255,255,255,.35);padding-top:28px;display:flex;flex-direction:column;gap:12px}
.stat b{font-size:clamp(96px,9.5vw,184px);font-weight:800;line-height:.86;letter-spacing:-.06em;color:#fff}
.stat .k{font-size:clamp(16px,1.05vw,20px);font-weight:700;line-height:1.3;color:#fff;max-width:320px}
.stat p{color:rgba(255,255,255,.82);font-size:16px;line-height:1.5;max-width:340px}

/* scholarship: 5/7 with sticky left */
.schol{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,5vw,96px);align-items:start}
.schol .left{position:sticky;top:120px;display:flex;flex-direction:column;gap:22px}
.schol .left .prose{max-width:560px}
.levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px}
.level{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:22px 22px 20px;display:flex;flex-direction:column;gap:10px}
.level .k{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt-deep)}
.level p{font-size:16.5px;line-height:1.5;color:var(--ink)}
.schol .right{display:flex;flex-direction:column;gap:20px}
.schol .ph{aspect-ratio:16/9}
.assess{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
.assess .lead{background:var(--midnight);color:#fff;border-radius:var(--r-card);padding:32px 32px 30px;display:flex;flex-direction:column;gap:14px;justify-content:space-between}
.assess .lead h3{font-size:clamp(24px,1.7vw,32px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.assess .lead p{font-size:16.5px;line-height:1.55;color:rgba(255,255,255,.88)}
.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.step{background:var(--mist);border-radius:var(--r-card);padding:22px 22px 20px;display:flex;flex-direction:column;gap:16px}
.step .n{font-size:36px;font-weight:800;letter-spacing:-.04em;color:var(--turquoise-ink);line-height:1}
.step p{font-size:17px;font-weight:600;color:var(--ink);line-height:1.4}

/* families */
.families{position:relative;overflow:hidden}
.families::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 90% 0%,rgba(30,79,216,.45),transparent 60%),radial-gradient(700px 400px at 0% 100%,rgba(25,184,200,.18),transparent 60%);pointer-events:none}
.families .wrap{position:relative}
.fam-row{display:flex;gap:16px;height:680px}
.fam{position:relative;flex:1 1 0;min-width:0;border-radius:var(--r-media);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:36px;color:#fff;transition:flex-grow .7s var(--ease)}
.fam img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.fam .tint{position:absolute;inset:0}
.fam-b .tint{background:linear-gradient(180deg,rgba(30,79,216,.15) 0%,rgba(11,27,58,.92) 100%)}
.fam-e .tint{background:linear-gradient(180deg,rgba(212,165,58,.2) 0%,rgba(11,27,58,.92) 100%)}
.fam-p .tint{background:linear-gradient(180deg,rgba(25,184,200,.2) 0%,rgba(11,27,58,.92) 100%)}
.fam .bar{position:absolute;left:0;top:0;width:100%;height:6px}
.fam-b .bar{background:var(--azure)}.fam-e .bar{background:var(--gold)}.fam-p .bar{background:var(--turquoise)}
.fam .in{position:relative;display:flex;flex-direction:column;gap:12px}
.fam .n{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.fam h3{font-size:clamp(28px,2vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.08}
.fam p{font-size:17px;line-height:1.5;color:rgba(255,255,255,.9);max-width:460px}
.fam .more{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;margin-top:4px}
.fam .more i{width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);display:inline-grid;place-items:center;font-style:normal;transition:background-color .3s,border-color .3s,color .3s}
.fam .more svg{width:16px;height:16px}
.fam:hover,.fam:focus-within{flex-grow:1.8}
.fam:hover img,.fam:focus-within img{transform:scale(1.05)}
.fam:hover .more i{background:#fff;color:var(--midnight);border-color:#fff}

/* programme explorer */
.tabs{display:flex;gap:6px;padding:6px;background:var(--mist);border-radius:999px;width:max-content;max-width:100%;margin:0 auto 44px}
.tab{min-height:52px;padding:0 22px;border-radius:999px;font-weight:700;font-size:16px;color:var(--slate);display:inline-flex;align-items:center;gap:10px;transition:background-color .3s,color .3s,box-shadow .3s;white-space:nowrap}
.tab .c{width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;background:var(--cloud);color:var(--navy)}
.tab[aria-selected="true"]{background:var(--navy);color:#fff;box-shadow:var(--shadow-1)}
.tab[aria-selected="true"] .c{background:var(--turquoise);color:var(--midnight)}
.panel{display:none;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:stretch}
.panel.on{display:grid;animation:fade .5s var(--ease)}
.panel .vis{position:relative;border-radius:var(--r-media);overflow:hidden;min-height:560px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:36px}
.panel .vis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.panel .vis .tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,27,58,.05) 30%,rgba(11,27,58,.9) 100%)}
.panel .vis .in{position:relative;display:flex;flex-direction:column;gap:10px}
.panel .vis h3{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.panel .vis p{color:rgba(255,255,255,.88);font-size:17px;line-height:1.5}
.panel .list{display:flex;flex-direction:column;gap:14px}
.prow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 22px;align-items:center;padding:24px 28px;border-radius:var(--r-card);background:#fff;border:1px solid var(--line);transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.prow:hover{transform:translateX(6px);box-shadow:var(--shadow-1);border-color:rgba(30,79,216,.35)}
.prow .lv{grid-row:1 / span 2;display:flex;align-items:center}
.prow .nm{font-size:24px;font-weight:700;letter-spacing:-.015em;color:var(--ink);line-height:1.2}
.prow .st{grid-column:2;justify-self:start;font-size:14px}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* online by design */
.online{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,var(--midnight) 0%,var(--cobalt-deep) 40%,var(--cobalt) 70%,var(--azure) 100%)}
.online .dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.35) 1px,transparent 1.5px);background-size:32px 32px;opacity:.35;mask-image:radial-gradient(800px 500px at 80% 20%,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(800px 500px at 80% 20%,#000 10%,transparent 70%);pointer-events:none}
.online .wrap{position:relative}
.online-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,5vw,96px);align-items:center}
.online-art{position:relative;height:600px}
.online-art .main{position:absolute;inset:0 0 auto 0;height:500px;border-radius:var(--r-media);box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.online-art .small{position:absolute;left:-40px;bottom:0;width:52%;height:240px;border-radius:var(--r-card);border:4px solid rgba(255,255,255,.9);box-shadow:0 30px 60px -24px rgba(0,0,0,.6)}
.glass{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--r-card)}
.rhythm{margin-top:clamp(40px,4.5vw,80px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.stat-card{grid-column:span 3;padding:30px 28px;border-radius:var(--r-card);display:flex;flex-direction:column;gap:8px;min-height:220px}
.stat-card .num{font-size:96px;font-weight:800;letter-spacing:-.05em;line-height:.9;color:#fff}
.stat-card .num sup{font-size:24px;color:var(--turquoise);margin-left:4px;vertical-align:top}
.stat-card .lbl{font-weight:700;font-size:16px;line-height:1.4}
.stat-card .sub{font-size:14px;color:rgba(255,255,255,.75);line-height:1.5}
.week{grid-column:span 6;padding:30px 28px;border-radius:var(--r-card);display:flex;flex-direction:column;gap:18px}
.week .lbl{font-weight:700;font-size:16px}
.week .sub{font-size:14px;color:rgba(255,255,255,.75)}
.weeks{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:5px}
.weeks span{height:42px;border-radius:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;font-size:12px;font-weight:700;color:rgba(255,255,255,.75)}
.weeks span:nth-child(4n){background:rgba(25,184,200,.35);border-color:rgba(25,184,200,.7);color:#fff}
.wk-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.wk{padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px}
.wk i{width:8px;height:8px;border-radius:50%;background:var(--turquoise);flex:none}
.feat{grid-column:span 3;padding:26px 24px;border-radius:var(--r-card);display:flex;flex-direction:column;gap:14px;transition:transform .35s var(--ease),background-color .35s}
.feat:hover{transform:translateY(-4px);background:rgba(255,255,255,.14)}
.feat p{font-size:16px;line-height:1.5;color:rgba(255,255,255,.9);font-weight:500}
.online-foot{margin-top:28px;display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.18);padding-top:24px}

/* interlude */
.interlude{position:relative;min-height:62vh;display:grid;place-items:center;overflow:hidden;color:#fff;background:var(--midnight)}
.interlude img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.interlude::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,27,58,.35),rgba(11,27,58,.7));}
.interlude .wrap{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:96px;padding-bottom:96px}
.interlude .t-1{max-width:1100px}

/* transparency */
.trust-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,5vw,96px);align-items:start}
.trust-list{display:flex;flex-direction:column;border-top:2px solid var(--navy)}
.trust-row{display:grid;grid-template-columns:52px 220px minmax(0,1fr);gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.trust-row .k{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.trust-row .v{font-size:clamp(19px,1.2vw,23px);font-weight:700;color:var(--ink);line-height:1.3}
.trust-row .ic{background:rgba(25,184,200,.14);color:var(--turquoise-ink)}

/* closing */
.closing{position:relative;color:#fff;background:var(--midnight);overflow:hidden}
.closing .bg{position:absolute;inset:0;z-index:0}
.closing .bg img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.closing .bg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,27,58,.96) 0%,rgba(11,27,58,.8) 50%,rgba(30,79,216,.35) 100%)}
.closing .wrap{position:relative;z-index:1;padding-top:clamp(72px,8vw,136px);padding-bottom:clamp(72px,8vw,136px);display:flex;flex-direction:column;gap:28px}
.closing .t-1{max-width:1080px}
.closing .actions{display:flex;gap:12px;flex-wrap:wrap}

/* footer */
.footer{background:var(--midnight);color:#fff;border-top:1px solid var(--line-dark)}
.footer-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr);gap:clamp(24px,4vw,64px);padding:clamp(48px,5vw,80px) 0 36px}
.footer .id{display:flex;flex-direction:column;gap:20px}
.footer .addr{font-size:16px;color:rgba(255,255,255,.8);line-height:1.7}
.footer .addr a{color:#fff;text-decoration:underline;text-decoration-color:var(--turquoise);text-underline-offset:4px}
.footer .links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;align-content:start}
.footer .links a{font-size:16px;font-weight:600;padding:10px 0;border-bottom:1px solid var(--line-dark);display:flex;justify-content:space-between}
.footer .links a:hover{color:var(--turquoise)}
.footer .seal{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.footer .seal img{width:120px;height:120px;border-radius:50%;background:#fff}
.footer .notice{border-top:1px solid var(--line-dark);padding:22px 0;font-weight:600;font-size:16px;line-height:1.55;display:flex;gap:12px;align-items:flex-start}
.footer .notice::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--amber);flex:none;margin-top:8px}
.footer .legal{border-top:1px solid var(--line-dark);padding:18px 0 28px;font-size:14px;color:rgba(255,255,255,.6)}

/* ---------- inner pages ---------- */
.page-hero{position:relative;background:var(--midnight);color:#fff;overflow:hidden;margin-top:-92px;padding-top:92px}
.page-hero .bg{position:absolute;inset:0;z-index:0}
.page-hero .bg img{width:100%;height:100%;object-fit:cover;opacity:.5}
.page-hero .bg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,27,58,.97) 0%,rgba(11,27,58,.75) 55%,rgba(30,79,216,.4) 100%)}
.page-hero.plain{background:linear-gradient(135deg,var(--midnight),var(--cobalt-deep) 70%,var(--cobalt))}
.page-hero .wrap{position:relative;z-index:1;padding-top:clamp(48px,5vw,88px);padding-bottom:clamp(48px,5vw,88px);display:flex;flex-direction:column;gap:18px}
.page-hero .lede{max-width:900px}
.page{padding:clamp(48px,5vw,88px) 0}
.page-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:clamp(32px,5vw,96px);align-items:start}
.toc{position:sticky;top:112px;display:flex;flex-direction:column;border-left:2px solid var(--cloud)}
.toc a{padding:10px 0 10px 18px;margin-left:-2px;border-left:2px solid transparent;font-size:16px;font-weight:600;color:var(--slate);transition:color .2s,border-color .2s}
.toc a:hover,.toc a.on{color:var(--cobalt-deep);border-left-color:var(--cobalt)}
.article{display:flex;flex-direction:column;gap:48px;max-width:980px}
.article section{display:flex;flex-direction:column;gap:14px;scroll-margin-top:120px}
.article h2{font-weight:800;font-size:clamp(28px,2.2vw,38px);line-height:1.12;letter-spacing:-.02em;color:var(--ink)}
.article h3{font-weight:700;font-size:21px;line-height:1.3;color:var(--ink);margin-top:8px}
.article p{color:var(--body);max-width:820px}
.callout{background:var(--mist);border-left:4px solid var(--cobalt);padding:20px 24px;border-radius:0 var(--r-ctl) var(--r-ctl) 0;font-weight:600;color:var(--ink)}
.callout-dark{background:var(--midnight);color:#fff;border-radius:var(--r-card);padding:24px 28px;font-weight:500}
.dl{display:grid;grid-template-columns:200px minmax(0,1fr);gap:8px 20px;font-size:17px}
.dl dt{font-weight:700;color:var(--navy)}
.model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.model-card{background:var(--mist);border-radius:var(--r-card);padding:24px 26px;display:flex;flex-direction:column;gap:10px}
.model-card h3{margin:0;font-size:19px}
.model-card p{font-size:16.5px;line-height:1.55}
.gov{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:8px}
.gov-item{border:1px solid var(--line);border-radius:var(--r-card);padding:20px;display:flex;flex-direction:column;gap:8px;background:#fff}
.gov-item b{font-size:16.5px;color:var(--ink)}
.gov-item .chip{align-self:flex-start}
.gov-item p{font-size:15px;color:var(--slate);line-height:1.5}
.today{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.today-item{display:flex;gap:12px;align-items:flex-start;padding:18px 20px;border-radius:var(--r-card);background:var(--mist);font-size:16.5px;font-weight:600;color:var(--ink)}
.today-item i{width:10px;height:10px;border-radius:50%;background:var(--amber);flex:none;margin-top:9px}
.today-item.done i{background:var(--turquoise)}
.acc{border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;background:#fff}
.acc summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px 26px}
.acc summary::-webkit-details-marker{display:none}
.acc summary h3{margin:0;font-size:20px}
.acc summary .st{grid-column:2;font-size:14px}
.acc summary .chev{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--cloud);display:grid;place-items:center;transition:transform .3s,background-color .3s}
.acc summary .chev svg{width:18px;height:18px}
.acc[open] summary .chev{transform:rotate(180deg);background:var(--mist)}
.acc .body{padding:0 26px 26px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line)}
.acc .body p{padding-top:14px}
.acc .status{font-size:15px;color:var(--slate);background:var(--mist);padding:12px 16px;border-radius:var(--r-ctl)}
.fam-block{display:flex;flex-direction:column;gap:14px}
.fam-block .fh{display:flex;align-items:center;gap:14px;padding-bottom:10px;border-bottom:2px solid var(--navy)}
.fam-block .fh h2{margin:0}
.fam-block .fh .bar{width:40px;height:10px;border-radius:3px}
.contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contact-card{background:var(--mist);border-radius:var(--r-card);padding:26px;display:flex;flex-direction:column;gap:10px}
.contact-card h3{margin:0;font-size:18px}
.contact-card .big{font-size:clamp(20px,1.5vw,26px);font-weight:700;color:var(--cobalt-deep);word-break:break-all}

/* ---------- motion ---------- */
.rv{opacity:1;transform:none}
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .rv.in{opacity:1;transform:none}
.js .rv.d1{transition-delay:.1s}.js .rv.d2{transition-delay:.2s}.js .rv.d3{transition-delay:.3s}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rv{opacity:1;transform:none;transition:none}
  .hero-media .main img{transform:none;transition:none}
  .fam img,.fam,.btn,.btn svg,.prow,.feat{transition:none}
  .fam:hover img{transform:none}
  .panel.on{animation:none}
}

/* ---------- responsive ---------- */
@media (max-width:1400px){
  .hero-media .inset{left:-60px}
  .lockup .wm{font-size:16px;letter-spacing:.14em}
  .nav a{padding:0 12px;font-size:15px}
}
@media (max-width:1200px){
  .hdr-right .pill{display:none}
  .fam-row{height:580px}
  .rhythm{grid-template-columns:repeat(6,minmax(0,1fr))}
  .gov{grid-template-columns:1fr 1fr}
  .levels{grid-template-columns:1fr}
}
@media (max-width:960px){
  .nav{display:none}.menu-btn{display:grid}
  .hdr-in{min-height:76px}
  .lockup img{width:44px;height:44px}
  .lockup .sep{display:none}
  .lockup .wm{font-size:13px;letter-spacing:.14em;line-height:1.2;white-space:normal;max-width:150px}
  .lockup .wm small{display:block;font-size:11px;letter-spacing:.2em;font-weight:500;opacity:.85}
  .hero{margin-top:-76px;padding-top:76px;grid-template-columns:1fr;min-height:0}
  .hero-copy{padding:40px var(--gutter) 40px;gap:20px}
  .hero-media{min-height:460px;order:-1;margin-top:0}
  .hero-media .main::before{background:linear-gradient(180deg,rgba(11,27,58,.25) 0%,rgba(11,27,58,0) 40%,var(--midnight) 100%)}
  .hero-media .inset{left:var(--gutter);bottom:24px;width:40%}
  .hero-media .plate{right:var(--gutter);bottom:24px;max-width:52%;padding:14px 16px;gap:12px}
  .hero-media .plate img{width:44px;height:44px}
  .hero-media .plate b{font-size:14px}.hero-media .plate span{font-size:12px}
  .status-in,.purpose,.stats-head,.schol,.assess,.online-grid,.panel,.trust-grid{grid-template-columns:1fr}
  .purpose .media{min-height:420px}
  .purpose .copy{padding:48px var(--gutter)}
  .stats-grid{grid-template-columns:1fr;gap:28px}
  .stat b{font-size:clamp(88px,22vw,140px)}
  .schol .left{position:static}
  .fam-row{flex-direction:column;height:auto;gap:12px}
  .fam{height:440px;flex:none;padding:26px}
  .fam:hover,.fam:focus-within{flex-grow:0}
  .tabs{width:100%;overflow-x:auto;scrollbar-width:none}
  .panel .vis{min-height:340px}
  .online-art{height:480px}.online-art .main{height:380px}.online-art .small{left:0;width:56%;height:190px}
  .page-hero{margin-top:-76px;padding-top:76px}
  .page-grid{grid-template-columns:1fr}
  .toc{position:static;flex-direction:row;flex-wrap:wrap;gap:0 8px;border-left:0}
  .toc a{padding:8px 0;border-left:0;margin:0}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer .seal{grid-column:1 / -1}
  .model-grid,.today,.contact,.steps{grid-template-columns:1fr}
  .gov{grid-template-columns:1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .hero-actions .btn,.closing .actions .btn{width:100%}
  .hero-media{min-height:380px}
  .hero-media .inset{display:none}
  .hero-media .plate{max-width:none;left:var(--gutter)}
  .status-chips{flex-direction:column;align-items:flex-start}
  .purpose .media .tag{left:16px;bottom:16px;padding:16px 18px}
  .purpose .media .tag b{font-size:30px}
  .rhythm{grid-template-columns:1fr}
  .stat-card,.week,.feat{grid-column:span 1}
  .stat-card .num{font-size:64px}
  .weeks{grid-template-columns:repeat(8,minmax(0,1fr))}
  .wk-row{grid-template-columns:1fr 1fr}
  .trust-row{grid-template-columns:44px minmax(0,1fr);row-gap:4px}
  .trust-row .v{grid-column:2}
  .prow{grid-template-columns:1fr}.prow .lv{grid-row:auto}.prow .st{grid-column:1}
  .footer-grid{grid-template-columns:1fr}
  .footer .links{grid-template-columns:1fr}
  .dl{grid-template-columns:1fr;gap:2px 0}.dl dd{margin-bottom:10px}
  .acc summary{grid-template-columns:auto minmax(0,1fr)}
  .acc summary .chev{display:none}
}

.hero-media .inset{left:clamp(24px,2.5vw,48px)}
.hero-copy .lede{max-width:560px}
@media (max-width:1400px){.hero-media .inset{left:24px}}

/* ---------- v3.2 polish: gold signature, seal-derived ring, campaign grade ---------- */
.gold-mark{width:28px;height:28px;border-radius:50%;border:2px solid var(--gold);position:relative;flex:none}
.gold-mark::after{content:"";position:absolute;inset:6px;border-radius:50%;border:1px dashed var(--gold)}
.gold-rule{display:block;width:72px;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}
.ring{position:absolute;z-index:1;pointer-events:none;opacity:.35}
.stats .ring{width:min(62vw,900px);right:-14%;top:-30%}
.closing .ring{width:min(48vw,720px);right:6%;top:50%;transform:translateY(-50%);opacity:.3}
.stats .wrap{z-index:2}
.closing .wrap{z-index:2}
.status{border-top:3px solid var(--gold);border-image:linear-gradient(90deg,var(--gold) 0 24%,var(--cobalt) 24% 62%,var(--turquoise) 62%) 1}
.head .t-1::after,.purpose .copy .t-1::after{content:"";display:block;width:56px;height:3px;margin-top:22px;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--turquoise))}
.on-dark .head .t-1::after{background:linear-gradient(90deg,var(--gold),#fff)}
.schol .left .t-1::after{content:"";display:block;width:56px;height:3px;margin-top:22px;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--turquoise))}
.fam .n{color:var(--gold)}
.tab[aria-selected="true"]{box-shadow:var(--shadow-1),inset 0 -3px 0 var(--gold)}
.trust-list{border-top:2px solid var(--gold)}
.footer .notice{border-top:1px solid rgba(212,165,58,.45)}
.footer .seal img{box-shadow:0 0 0 2px var(--gold),0 0 0 10px rgba(212,165,58,.12)}
.hero-media .main img{object-position:50% 45%}
.purpose .media img{object-position:50% 40%}
.stats .bg img{opacity:.3}
.stats .bg::after{background:linear-gradient(90deg,rgba(23,64,176,.92) 0%,rgba(30,79,216,.6) 55%,rgba(47,123,245,.4) 100%)}
.fam-e img{object-position:50% 30%}

.closing .accent{color:var(--turquoise)}
.prow .lv small{display:none}

/* ================================================================
   v3.3 — About page flagship scenes + Planned Programmes portfolio tiles
   ================================================================ */
.subnav{position:sticky;top:92px;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.subnav .toc{position:static;flex-direction:row;flex-wrap:wrap;gap:0 6px;border-left:0;top:auto}
.subnav .toc a{padding:16px 14px;margin:0;border-left:0;border-bottom:3px solid transparent;font-size:15px;color:var(--slate)}
.subnav .toc a:hover,.subnav .toc a.on{color:var(--cobalt-deep);border-left-color:transparent;border-bottom-color:var(--gold)}
.hero-marks{display:flex;align-items:center;gap:16px;margin-top:6px}

/* About hero */
.about-hero{position:relative;background:var(--midnight);color:#fff;overflow:hidden;margin-top:-92px;padding-top:92px;min-height:min(78vh,760px);display:flex;align-items:flex-end}
.about-hero .bg{position:absolute;inset:0;z-index:0}
.about-hero .bg img{width:100%;height:100%;object-fit:cover;object-position:50% 32%}
.about-hero .bg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,27,58,.96) 0%,rgba(11,27,58,.82) 38%,rgba(23,64,176,.45) 70%,rgba(25,184,200,.12) 100%),linear-gradient(0deg,rgba(11,27,58,.75) 0%,rgba(11,27,58,0) 50%)}
.about-hero .ring{width:min(46vw,760px);right:-6%;top:50%;transform:translateY(-44%);opacity:.32;z-index:1}
.about-hero .wrap{position:relative;z-index:2;padding-top:clamp(56px,7vw,120px);padding-bottom:clamp(56px,6vw,96px);display:flex;flex-direction:column;gap:20px}
.about-hero .lede{max-width:820px}

/* who */
.who{background:#fff}
.who-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,5vw,96px);align-items:center}
.who-media{position:relative}
.who-media .ph{aspect-ratio:4/5;border-radius:var(--r-media);box-shadow:var(--shadow-2)}
.who-media .ph img{object-position:50% 30%}
.ring-sm{position:absolute;right:-30px;bottom:-30px;width:150px;height:150px;border-radius:50%;border:1.5px solid var(--gold);pointer-events:none;background:rgba(255,255,255,.85)}
.ring-sm::before{content:"";position:absolute;inset:14px;border-radius:50%;border:2px dashed rgba(212,165,58,.7)}
.ring-sm::after{content:"";position:absolute;inset:50px;border-radius:50%;background:var(--gold);opacity:.9}
.who-copy{display:flex;flex-direction:column;gap:22px}
.who-copy .t-1::after{content:"";display:block;width:56px;height:3px;margin-top:22px;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--turquoise))}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:10px}
.facts div{border-top:2px solid var(--gold);padding-top:14px;display:flex;flex-direction:column;gap:6px}
.facts dt{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt-deep)}
.facts dd{font-size:16.5px;font-weight:600;color:var(--ink);line-height:1.4}

/* purpose */
.purpose-s{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,var(--midnight) 0%,var(--cobalt-deep) 45%,var(--cobalt) 80%,var(--azure) 100%)}
.purpose-s .dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.35) 1px,transparent 1.5px);background-size:32px 32px;opacity:.35;mask-image:radial-gradient(800px 500px at 85% 15%,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(800px 500px at 85% 15%,#000 10%,transparent 70%);pointer-events:none}
.purpose-s .wrap{position:relative}
.purpose-top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,5vw,96px);align-items:center}
.purpose-top .copy{display:flex;flex-direction:column;gap:20px}
.purpose-top .t-1::after{content:"";display:block;width:56px;height:3px;margin-top:22px;border-radius:2px;background:linear-gradient(90deg,var(--gold),#fff)}
.purpose-top .mission{font-size:clamp(21px,1.5vw,28px);line-height:1.45;font-weight:500;max-width:820px}
.purpose-top .follow{font-size:17px;color:rgba(255,255,255,.8)}
.purpose-top .media .ph{aspect-ratio:4/3;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.18)}
.commits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(40px,4vw,72px)}
.commit{position:relative;padding:32px 30px 30px;display:flex;flex-direction:column;gap:14px;transition:transform .35s var(--ease),background-color .35s}
.commit:hover{transform:translateY(-4px);background:rgba(255,255,255,.14)}
.commit .n{font-size:14px;font-weight:700;letter-spacing:.16em;color:var(--gold)}
.commit .gold-mark{position:absolute;right:26px;top:26px}
.commit h3{font-size:clamp(22px,1.5vw,28px);font-weight:800;letter-spacing:-.02em;line-height:1.15;text-transform:none}
.commit h3::first-letter{text-transform:uppercase}
.commit p{font-size:16.5px;line-height:1.55;color:rgba(255,255,255,.9)}

/* governance */
.gov-s{background:#fff}
.gov-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,5vw,96px);align-items:start}
.gov-copy{display:flex;flex-direction:column;gap:18px;position:sticky;top:160px}
.callout-gold{border-left:4px solid var(--gold);padding:16px 22px;background:rgba(212,165,58,.08);border-radius:0 var(--r-ctl) var(--r-ctl) 0;font-weight:600;color:var(--ink);font-size:17px;line-height:1.5}
.legend{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px;font-weight:600;color:var(--slate)}
.legend span{display:inline-flex;align-items:center;gap:8px}
.legend i{width:12px;height:12px;border-radius:50%;border:2px solid var(--amber);background:rgba(242,181,68,.25)}
.legend i.k-const{border-color:var(--turquoise);background:var(--turquoise)}
.diagram{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:var(--r-media);padding:clamp(22px,2.2vw,36px);background:linear-gradient(180deg,#fff,var(--mist))}
.tier{display:flex;flex-direction:column;gap:14px;position:relative}
.tier-l{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt-deep);display:inline-flex;align-items:center;gap:10px}
.tier-l::before{content:"";width:22px;height:2px;background:var(--gold)}
.gnodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gnode{position:relative;border:1.5px dashed rgba(242,181,68,.9);background:#fff;border-radius:var(--r-card);padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px}
.gnode b{font-size:16px;color:var(--ink);line-height:1.3}
.gnode p{font-size:14px;color:var(--slate);line-height:1.45}
.gnode .chip{align-self:flex-start;min-height:28px;font-size:11.5px;padding:0 10px;margin-top:auto}
.gnode.owner{border:1.5px solid var(--navy);background:var(--midnight);color:#fff;max-width:420px}
.gnode.owner b{color:#fff}.gnode.owner p{color:rgba(255,255,255,.8)}
.gnode.rev{border-color:rgba(25,184,200,.8)}
.sep{position:relative;display:flex;align-items:center;gap:14px;padding:18px 0 18px 10px;font-size:13.5px;font-style:italic;color:var(--slate)}
.sep::before{content:"";width:2px;height:100%;position:absolute;left:0;top:0;background:linear-gradient(180deg,var(--gold),var(--turquoise))}
.sep span{padding-left:12px}

/* academic model */
.model-s{position:relative;overflow:hidden;color:#fff;background:linear-gradient(160deg,var(--midnight) 0%,var(--navy) 50%,var(--cobalt-deep) 100%)}
.model-s .ring{width:min(56vw,860px);left:-16%;bottom:-30%;opacity:.22;z-index:0}
.model-s .wrap{position:relative;z-index:1}
.mgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.mgrid>*{grid-column:span var(--span,4)}
.mphoto{position:relative;margin:0;border-radius:var(--r-card);overflow:hidden;min-height:300px;grid-row:span var(--rows,1)}
.mphoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mphoto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,27,58,0) 50%,rgba(11,27,58,.55) 100%);pointer-events:none}
.mcard{padding:28px 28px 26px;display:flex;flex-direction:column;gap:14px;transition:transform .35s var(--ease),background-color .35s}
.mcard:hover{transform:translateY(-3px);background:rgba(255,255,255,.12)}
.mcard h3{font-size:clamp(20px,1.3vw,24px);font-weight:800;letter-spacing:-.015em;line-height:1.15}
.mcard p{font-size:16px;line-height:1.55;color:rgba(255,255,255,.88)}
.mcard .nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:4px 0 6px}
.mcard .nums div{border-top:2px solid rgba(212,165,58,.7);padding-top:12px;display:flex;flex-direction:column;gap:6px}
.mcard .nums b{font-size:clamp(44px,3.4vw,64px);font-weight:800;letter-spacing:-.05em;line-height:.9;color:#fff}
.mcard .nums span{font-size:13.5px;line-height:1.4;color:rgba(255,255,255,.78)}
.mcard .wk-row{margin:4px 0 6px}
.mcard .wk{font-size:13.5px}

/* what exists today */
.today-s{position:relative;overflow:hidden;color:#fff;background:var(--midnight)}
.today-s::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 600px at 85% 20%,rgba(30,79,216,.55),transparent 60%),radial-gradient(600px 400px at 5% 100%,rgba(25,184,200,.18),transparent 60%);pointer-events:none}
.today-s .ring{width:min(42vw,620px);right:-8%;top:-20%;opacity:.3;z-index:0}
.today-s .wrap{position:relative;z-index:1}
.today-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,5vw,96px);align-items:start}
.today-copy{display:flex;flex-direction:column;gap:22px;position:sticky;top:160px}
.today-copy .t-1::after{content:"";display:block;width:56px;height:3px;margin-top:22px;border-radius:2px;background:linear-gradient(90deg,var(--gold),#fff)}
.today-copy .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.status-list{display:flex;flex-direction:column;border-top:2px solid var(--gold)}
.status-list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line-dark);font-size:clamp(18px,1.2vw,22px);font-weight:600;line-height:1.35}
.status-list li i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--amber);background:rgba(242,181,68,.12)}
.status-list li i::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--amber)}
.status-list li.done i{border-color:var(--turquoise);background:rgba(25,184,200,.18);color:var(--turquoise)}
.status-list li.done i::after{display:none}
.status-list li.done i svg{width:20px;height:20px}
.status-list li:not(.done) span{color:rgba(255,255,255,.9)}

/* ---------- Planned Programmes ---------- */
.prog-hero{min-height:min(70vh,640px);display:flex;align-items:flex-end}
.prog-hero{background:linear-gradient(120deg,var(--midnight) 0%,var(--cobalt-deep) 60%,var(--cobalt) 100%)}
.prog-hero .bg img{opacity:.42;object-position:50% 45%;mix-blend-mode:luminosity}
.prog-hero .bg::before{background:linear-gradient(90deg,rgba(11,27,58,.92) 0%,rgba(11,27,58,.6) 45%,rgba(23,64,176,.25) 80%,rgba(25,184,200,.08) 100%),linear-gradient(0deg,rgba(11,27,58,.8) 0%,rgba(11,27,58,0) 55%)}
.prog-hero .ring{width:min(44vw,700px);right:-4%;top:50%;transform:translateY(-40%);opacity:.3;z-index:1}
.prog-hero .t-display{max-width:1100px}
.warn-s{padding:clamp(36px,3.5vw,56px) 0;background:#fff;border-bottom:1px solid var(--line)}
.warn{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start;padding:26px 30px;border-radius:var(--r-card);background:rgba(242,181,68,.1);border:1.5px solid rgba(242,181,68,.6)}
.warn-i{width:14px;height:14px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 6px rgba(242,181,68,.22);margin-top:9px}
.warn p{font-size:clamp(17px,1.05vw,19.5px);line-height:1.55;font-weight:600;color:var(--ink);max-width:none}
.famsec{padding:clamp(56px,5.5vw,96px) 0}
.famsec+.famsec{border-top:1px solid var(--line)}
.f-business{background:#fff}
.f-education{background:linear-gradient(180deg,#fff,rgba(25,184,200,.06))}
.f-public{background:linear-gradient(180deg,#fff,rgba(212,165,58,.06))}
.fband{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);border-radius:var(--r-media);overflow:hidden;color:#fff;min-height:360px;box-shadow:var(--shadow-2)}
.fmedia{position:relative;min-height:320px}
.fmedia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fmedia .tint{position:absolute;inset:0}
.fcopy{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(32px,3.5vw,56px)}
.fcopy .t-1{font-size:clamp(32px,2.6vw,48px)}
.fcopy .eyebrow .fn{color:var(--gold);margin-right:4px}
.fdesc{font-size:clamp(17px,1.1vw,20px);line-height:1.55;color:rgba(255,255,255,.9);max-width:640px}
.flevels{display:flex;gap:8px;flex-wrap:wrap}
.flevels span{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px}
.f-business .fcopy{background:linear-gradient(135deg,var(--midnight),var(--cobalt-deep))}
.f-business .fmedia .tint{background:linear-gradient(90deg,rgba(30,79,216,.15),rgba(11,27,58,.55))}
.f-education .fcopy{background:linear-gradient(135deg,var(--cobalt-deep),var(--azure) 70%,var(--turquoise))}
.f-education .fmedia .tint{background:linear-gradient(90deg,rgba(25,184,200,.2),rgba(23,64,176,.55))}
.f-public .fcopy{background:linear-gradient(135deg,var(--midnight),var(--navy) 60%,#123A6E)}
.f-public .fmedia .tint{background:linear-gradient(90deg,rgba(212,165,58,.22),rgba(11,27,58,.6))}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.ptile{position:relative;overflow:hidden;border-radius:var(--r-media);color:#fff;min-height:520px;padding:30px 30px 28px;display:flex;flex-direction:column;gap:16px;isolation:isolate;transition:transform .4s var(--ease),box-shadow .4s}
.ptile::before{content:"";position:absolute;inset:0;z-index:-2}
.ptile::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(520px 320px at 100% 0%,rgba(255,255,255,.14),transparent 60%);opacity:.9;transition:opacity .4s}
.ptile .ring{width:420px;right:-150px;top:-130px;opacity:.28;z-index:-1;transition:transform 1.2s var(--ease),opacity .4s}
.ptile:hover{transform:translateY(-6px);box-shadow:0 30px 60px -24px rgba(11,27,58,.55)}
.ptile:hover .ring{transform:rotate(22deg);opacity:.45}
.ptop{display:flex;justify-content:space-between;align-items:center}
.ptop .lvl{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.ptile .deg{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.3)}
.ptile h3{font-size:clamp(24px,1.7vw,32px);font-weight:800;letter-spacing:-.02em;line-height:1.12;margin-top:8px}
.ptile h3::after{content:"";display:block;width:44px;height:3px;margin-top:18px;border-radius:2px;background:linear-gradient(90deg,var(--gold),rgba(255,255,255,.5))}
.ptile .summ{font-size:16px;line-height:1.55;color:rgba(255,255,255,.88)}
.pbot{margin-top:auto;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.ptile .pill-status{font-size:13px;white-space:normal;min-height:38px;padding-top:6px;padding-bottom:6px;line-height:1.25}
.ptile .more{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:15px}
.ptile .more i{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);display:inline-grid;place-items:center;font-style:normal;transition:background-color .3s,color .3s,border-color .3s}
.ptile .more svg{width:16px;height:16px}
.ptile:hover .more i,.ptile .more:focus-visible i{background:#fff;color:var(--midnight);border-color:#fff}
/* level × family colour fields */
.f-business .lv-b::before{background:linear-gradient(160deg,var(--azure) 0%,var(--cobalt) 60%,var(--cobalt-deep) 100%)}
.f-business .lv-m::before{background:linear-gradient(160deg,var(--cobalt) 0%,var(--cobalt-deep) 60%,var(--navy) 100%)}
.f-business .lv-d::before{background:linear-gradient(160deg,var(--navy) 0%,var(--midnight) 70%,#06122A 100%)}
.f-education .lv-b::before{background:linear-gradient(160deg,var(--turquoise) 0%,#1A8FD8 55%,var(--azure) 100%)}
.f-education .lv-m::before{background:linear-gradient(160deg,var(--azure) 0%,var(--cobalt) 65%,var(--cobalt-deep) 100%)}
.f-education .lv-d::before{background:linear-gradient(160deg,var(--cobalt-deep) 0%,var(--navy) 60%,var(--midnight) 100%)}
.f-public .lv-b::before{background:linear-gradient(160deg,#1E5EA8 0%,var(--navy) 60%,var(--midnight) 100%)}
.f-public .lv-m::before{background:linear-gradient(160deg,var(--navy) 0%,var(--midnight) 60%,#071633 100%)}
.f-public .lv-d::before{background:linear-gradient(160deg,var(--midnight) 0%,#07122B 60%,#040C1E 100%)}
.f-public .ptile .ring{opacity:.4}
.f-public .lv-d .ring{stroke:#D4A53A;opacity:.55}
.f-education .ptop .lvl{color:#FFE9B8}
.pdetails{margin-top:28px;display:flex;flex-direction:column;gap:12px}
.pd-h{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt-deep);display:flex;align-items:center;gap:12px;margin-bottom:4px}
.pd-h::before{content:"";width:28px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--turquoise))}
.pdetail{border:1px solid var(--line);border-radius:var(--r-card);background:#fff;overflow:hidden;scroll-margin-top:170px;transition:border-color .3s,box-shadow .3s}
.pdetail[open]{border-color:rgba(30,79,216,.35);box-shadow:var(--shadow-1)}
.pdetail summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 24px}
.pdetail summary::-webkit-details-marker{display:none}
.pdetail .dt{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.pdetail .ttl{font-size:19px;font-weight:700;color:var(--ink);line-height:1.3}
.pdetail .dt .pill{min-height:34px;font-size:13px}
.pdetail .chev{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--cloud);display:grid;place-items:center;transition:transform .3s,background-color .3s}
.pdetail .chev svg{width:18px;height:18px}
.pdetail[open] summary .chev{transform:rotate(180deg);background:var(--mist)}
.pdetail .body{padding:0 24px 24px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.pdetail .body p{padding-top:14px;max-width:none;font-size:17px;line-height:1.6}
.pdetail .pstatus{font-size:15.5px;color:var(--ink);background:rgba(242,181,68,.1);border-left:4px solid var(--amber);padding:12px 16px!important;border-radius:0 var(--r-ctl) var(--r-ctl) 0}
.statement-s{position:relative;overflow:hidden;color:#fff;background:var(--midnight)}
.statement-s::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 600px at 90% 10%,rgba(30,79,216,.5),transparent 60%);pointer-events:none}
.statement-s .ring{width:min(40vw,600px);left:-10%;bottom:-40%;opacity:.25;z-index:0}
.statement-s .wrap{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px}
.statement-s .t-1::after{content:"";display:block;width:56px;height:3px;margin-top:22px;border-radius:2px;background:linear-gradient(90deg,var(--gold),#fff)}
.st-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,4vw,72px);margin-top:16px;align-items:start}
.st-main{font-size:clamp(20px,1.4vw,26px);line-height:1.5;font-weight:600;border-top:2px solid var(--gold);padding-top:22px}
.st-note{font-size:17px;line-height:1.6;color:rgba(255,255,255,.86);border-top:1px solid var(--line-dark);padding-top:22px}

@media (max-width:1200px){
  .tiles{grid-template-columns:1fr 1fr}
  .mgrid>*{grid-column:span 6}
  .mphoto{grid-row:span 1}
  .gnodes{grid-template-columns:1fr}
}
@media (max-width:960px){
  .subnav{top:76px}
  .subnav .toc{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .subnav .toc a{white-space:nowrap}
  .about-hero{margin-top:-76px;padding-top:76px;min-height:0}
  .about-hero .bg::before{background:linear-gradient(0deg,rgba(11,27,58,.96) 0%,rgba(11,27,58,.75) 50%,rgba(11,27,58,.35) 100%)}
  .who-grid,.purpose-top,.gov-grid,.today-grid,.fband,.st-grid{grid-template-columns:1fr}
  .who-media .ph{aspect-ratio:4/3}
  .ring-sm{right:-10px;bottom:-16px;width:110px;height:110px}
  .facts{grid-template-columns:1fr}
  .commits{grid-template-columns:1fr}
  .gov-copy,.today-copy{position:static}
  .mgrid>*{grid-column:span 12}
  .mphoto{min-height:260px}
  .fmedia{min-height:240px}
  .tiles{grid-template-columns:1fr}
  .ptile{min-height:0}
}
@media (max-width:640px){
  .about-hero .wrap{padding-top:40px}
  .hero-marks{flex-wrap:wrap}
  .mcard .nums{grid-template-columns:1fr}
  .warn{grid-template-columns:1fr;padding:20px}
  .warn-i{display:none}
  .today-copy .actions .btn{width:100%}
  .pdetail summary{grid-template-columns:auto minmax(0,1fr)}
  .pdetail .chev{display:none}
  .pdetail .pstatus{padding:12px 16px!important}
}
.ptile .pill-status{background:rgba(255,255,255,.94);color:var(--amber-ink);border-color:rgba(255,255,255,.94)}
.fcopy .pill-status,.statement-s .pill-status{color:#FFE9B8}
.prog-hero .bg img{opacity:.26}
.prog-hero .bg::before{background:linear-gradient(90deg,rgba(11,27,58,.85) 0%,rgba(11,27,58,.45) 45%,rgba(23,64,176,.15) 80%,rgba(25,184,200,.06) 100%),linear-gradient(0deg,rgba(11,27,58,.7) 0%,rgba(11,27,58,0) 55%)}
.page-hero .pill-status,.about-hero .pill-status{color:#FFE9B8;background:rgba(11,27,58,.55);border-color:rgba(242,181,68,.7)}
.statement-s .link,.model-s .link,.today-s .link,.purpose-s .link{color:#fff;text-decoration-color:var(--turquoise)}
.statement-s :focus-visible,.model-s :focus-visible,.today-s :focus-visible,.purpose-s :focus-visible,.about-hero :focus-visible,.ptile :focus-visible,.fband :focus-visible{outline-color:#fff}
.prog-hero .bg img{opacity:.85;mix-blend-mode:multiply;object-position:50% 50%}
.prog-hero .bg::before{background:linear-gradient(90deg,rgba(11,27,58,.9) 0%,rgba(11,27,58,.5) 45%,rgba(23,64,176,.1) 80%,rgba(25,184,200,0) 100%),linear-gradient(0deg,rgba(11,27,58,.75) 0%,rgba(11,27,58,0) 55%)}
@media (max-width:640px){
  .pdetail .dt .pill,.hero-marks .pill{white-space:normal;min-height:0;padding:7px 12px;line-height:1.3}
}

.gnode p small{display:block;font-size:13px;color:var(--slate);margin-top:4px}
.about-hero .bg img{object-position:50% 6%}
.about-hero{min-height:min(84vh,880px)}.about-hero .bg img{object-position:50% 0%}
.about-hero .bg img{object-position:50% 38%}
.about-hero .bg::before{background:linear-gradient(90deg,rgba(11,27,58,.95) 0%,rgba(11,27,58,.78) 40%,rgba(23,64,176,.35) 72%,rgba(25,184,200,.1) 100%),linear-gradient(0deg,rgba(11,27,58,.7) 0%,rgba(11,27,58,0) 55%)}
.who-media .ph img{object-position:12% 50%}
.about-hero .bg img{opacity:.8}
.about-hero .bg::before{background:linear-gradient(180deg,rgba(11,27,58,.9) 0%,rgba(11,27,58,.45) 30%,rgba(11,27,58,.2) 60%,rgba(11,27,58,.75) 100%),linear-gradient(90deg,rgba(11,27,58,.92) 0%,rgba(11,27,58,.7) 38%,rgba(23,64,176,.3) 70%,rgba(25,184,200,.08) 100%)}
.page-hero .bg::before,.about-hero .bg::before{z-index:1}
.page-hero .bg img,.about-hero .bg img{position:relative;z-index:0}
.about-hero .bg img{opacity:1}
.about-hero .bg::before{background:linear-gradient(180deg,rgba(11,27,58,.78) 0%,rgba(11,27,58,.3) 32%,rgba(11,27,58,.15) 60%,rgba(11,27,58,.7) 100%),linear-gradient(90deg,rgba(11,27,58,.9) 0%,rgba(11,27,58,.62) 38%,rgba(23,64,176,.28) 70%,rgba(25,184,200,.06) 100%)}
.prog-hero .bg img{opacity:.9}
.prog-hero .bg::before{background:linear-gradient(90deg,rgba(11,27,58,.8) 0%,rgba(11,27,58,.35) 45%,rgba(23,64,176,.05) 80%,rgba(25,184,200,0) 100%),linear-gradient(0deg,rgba(11,27,58,.65) 0%,rgba(11,27,58,0) 55%)}

/* ================================================================
   v3.4 — accessibility and technical corrections only
   ================================================================ */
/* 1. on-dark eyebrow treatment for the dark About scenes (turquoise #19B8C8 on midnight/cobalt-deep ≥ 4.5:1; gold→turquoise rule kept) */
.purpose-s .eyebrow,.model-s .eyebrow,.today-s .eyebrow,.statement-s .eyebrow{color:var(--turquoise)}
.purpose-s .eyebrow::before,.model-s .eyebrow::before,.today-s .eyebrow::before,.statement-s .eyebrow::before{background:linear-gradient(90deg,var(--gold),var(--turquoise))}
/* 2. computed-contrast corrections (WCAG 2.1 AA: 4.5:1 normal text, 3:1 large text) — identities preserved, fields darkened where text sits */
:root{--turquoise-light:#7EDEE4;--gold-light:#FFE9B8}
.on-dark .eyebrow,.eyebrow.on-dark,.purpose-s .eyebrow,.model-s .eyebrow,.today-s .eyebrow,.statement-s .eyebrow{color:var(--turquoise-light)}
.on-dark .accent,.closing .accent{color:var(--turquoise-light)}
.stat-card .num sup{color:var(--turquoise-light)}
.fam .n,.commit .n,.ptop .lvl,.fcopy .eyebrow .fn,.f-education .ptop .lvl{color:var(--gold-light)}
/* homepage families: text sits lower on the photo — darker lower tint */
.fam-b .tint{background:linear-gradient(180deg,rgba(30,79,216,.15) 0%,rgba(11,27,58,.55) 42%,rgba(11,27,58,.96) 100%)}
.fam-e .tint{background:linear-gradient(180deg,rgba(212,165,58,.2) 0%,rgba(11,27,58,.55) 42%,rgba(11,27,58,.96) 100%)}
.fam-p .tint{background:linear-gradient(180deg,rgba(25,184,200,.2) 0%,rgba(11,27,58,.55) 42%,rgba(11,27,58,.96) 100%)}
/* homepage cobalt band: glass panels and small labels */
.glass{background:rgba(11,27,58,.22)}
.feat:hover,.commit:hover,.mcard:hover{background:rgba(11,27,58,.32)}
.stat-card .sub,.week .sub{color:rgba(255,255,255,.92)}
.weeks span{background:rgba(11,27,58,.28);color:#fff}
.weeks span:nth-child(4n){background:rgba(25,184,200,.22);border-color:rgba(25,184,200,.7)}
.wk{background:rgba(11,27,58,.26)}
.stat p{color:#fff}
.stats-head .lede{color:#fff}
.hdr .pill-status{background:rgba(11,27,58,.72)}
/* closing band: darker scrim so the accent line meets 3:1 across its width */
.closing .bg::before{background:linear-gradient(90deg,rgba(11,27,58,.97) 0%,rgba(11,27,58,.9) 55%,rgba(23,64,176,.6) 100%)}
/* page heroes: top band under the transparent header, stronger mobile scrim */
.prog-hero .bg::before{background:linear-gradient(180deg,rgba(11,27,58,.88) 0%,rgba(11,27,58,.3) 220px,rgba(11,27,58,0) 50%),linear-gradient(90deg,rgba(11,27,58,.82) 0%,rgba(11,27,58,.4) 45%,rgba(23,64,176,.08) 80%,rgba(25,184,200,0) 100%),linear-gradient(0deg,rgba(11,27,58,.7) 0%,rgba(11,27,58,0) 55%)}
/* programme tiles: bachelor's fields deepened one step; family identities kept (business cobalt→midnight, education teal→cobalt→midnight, public navy/gold) */
.ptile::after{background:radial-gradient(520px 320px at 100% 0%,rgba(255,255,255,.07),transparent 60%)}
.f-business .lv-b::before{background:linear-gradient(160deg,var(--cobalt) 0%,var(--cobalt-deep) 60%,var(--navy) 100%)}
.f-business .lv-m::before{background:linear-gradient(160deg,var(--cobalt-deep) 0%,#12367F 60%,var(--navy) 100%)}
.f-education .lv-b::before{background:linear-gradient(160deg,#0B6A75 0%,#135BA6 55%,var(--cobalt-deep) 100%)}
.f-education .lv-m::before{background:linear-gradient(160deg,var(--cobalt) 0%,var(--cobalt-deep) 65%,var(--navy) 100%)}
.f-education .fcopy{background:linear-gradient(135deg,var(--midnight) 0%,var(--cobalt-deep) 55%,#0E7F8B 100%)}
.f-education .fmedia .tint{background:linear-gradient(90deg,rgba(25,184,200,.2),rgba(11,27,58,.6))}
.ptile .deg{background:rgba(11,27,58,.35)}
@media (max-width:960px){
  .page-hero .bg::before,.prog-hero .bg::before,.about-hero .bg::before{background:linear-gradient(180deg,rgba(11,27,58,.9) 0%,rgba(11,27,58,.72) 40%,rgba(11,27,58,.9) 100%)}
  .closing .bg::before{background:linear-gradient(180deg,rgba(11,27,58,.95),rgba(11,27,58,.9))}
}
@media (max-width:960px){
  .fam .tint{background:linear-gradient(180deg,rgba(11,27,58,.2) 0%,rgba(11,27,58,.82) 30%,rgba(11,27,58,.97) 100%)}
  .panel .vis .tint{background:linear-gradient(180deg,rgba(11,27,58,.15) 0%,rgba(11,27,58,.85) 35%,rgba(11,27,58,.95) 100%)}
}
.subnav .toc a:focus-visible{outline-offset:-4px;border-radius:8px}
.hero-media .main img{object-position:55% 80%}

/* ================================================================
   v3.5 — header lockup rebalance + lighter About/Programmes section nav
   ================================================================ */
:root{--hdr-h:96px}
.hdr-in{min-height:var(--hdr-h);gap:40px}
.lockup{gap:18px;margin-right:24px}
.lockup img{width:66px;height:66px;box-shadow:0 0 0 1.5px rgba(212,165,58,.55)}
.lockup .wm{font-size:23px;font-weight:600;letter-spacing:.045em;line-height:1}
.lockup .sep{display:none}
.nav{gap:4px;margin-left:auto}
.nav a{font-size:16px;padding:0 15px;min-height:44px}
.hdr-right{gap:14px;margin-left:8px}
.hero,.page-hero,.about-hero{margin-top:calc(-1 * var(--hdr-h));padding-top:var(--hdr-h)}
.menu-panel .lockup .wm{font-size:14px;letter-spacing:.06em}
.footer .lockup img{width:56px;height:56px}
.footer .lockup .wm{font-size:18px}
/* section navigation: lighter, subordinate to the main header */
.subnav{top:var(--hdr-h);background:rgba(255,255,255,.86);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid rgba(15,26,46,.08);box-shadow:0 1px 0 rgba(255,255,255,.6) inset}
.subnav .toc{gap:0 4px;min-height:54px;align-items:stretch}
.subnav .toc a{display:inline-flex;align-items:center;padding:0 12px;font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--slate);border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.subnav .toc a:hover{color:var(--cobalt-deep);border-bottom-color:rgba(30,79,216,.25)}
.subnav .toc a.on{color:var(--cobalt-deep);border-bottom-color:var(--gold)}
.subnav .toc a:focus-visible{outline-offset:-4px;border-radius:8px}
.toc{top:calc(var(--hdr-h) + 20px)}
.pdetail{scroll-margin-top:calc(var(--hdr-h) + 80px)}
.article section{scroll-margin-top:calc(var(--hdr-h) + 28px)}
@media (max-width:1400px){
  .lockup .wm{font-size:20px;letter-spacing:.04em}
  .lockup img{width:60px;height:60px}
  .nav a{padding:0 11px;font-size:15px}
}
@media (max-width:1200px){
  .lockup{margin-right:8px}
}
@media (max-width:960px){
  :root{--hdr-h:76px}
  .hdr-in{min-height:76px}
  .lockup{gap:12px;margin-right:0}
  .lockup img{width:50px;height:50px}
  .lockup .wm{font-size:14px;letter-spacing:.06em;line-height:1.15;max-width:190px;white-space:normal}
  .lockup .wm small{display:block;font-size:11.5px;letter-spacing:.14em;font-weight:500;opacity:.85;margin-top:2px}
  .hero,.page-hero,.about-hero{margin-top:-76px;padding-top:76px}
  .subnav .toc{min-height:48px}
  .subnav .toc a{padding:0 10px;font-size:13.5px;white-space:nowrap}
}
.nav a{white-space:nowrap}
.hdr-in{gap:32px}
.prog-hero .bg::before{background:linear-gradient(180deg,rgba(11,27,58,.88) 0%,rgba(11,27,58,.35) 220px,rgba(11,27,58,.1) 50%),linear-gradient(90deg,rgba(11,27,58,.9) 0%,rgba(11,27,58,.55) 45%,rgba(23,64,176,.1) 80%,rgba(25,184,200,0) 100%),linear-gradient(0deg,rgba(11,27,58,.75) 0%,rgba(11,27,58,0) 55%)}
@media (max-width:960px){.prog-hero .bg::before{background:linear-gradient(180deg,rgba(11,27,58,.92) 0%,rgba(11,27,58,.8) 40%,rgba(11,27,58,.92) 100%)}}

/* ================================================================
   v3.6 — 404 page (additive; no change to existing pages)
   ================================================================ */
.nf{position:relative;overflow:hidden;color:#fff;background:var(--midnight);margin-top:calc(-1 * var(--hdr-h));padding-top:var(--hdr-h);min-height:calc(100vh - 0px);display:flex;align-items:center}
.nf::before{content:"";position:absolute;inset:0;background:radial-gradient(1000px 640px at 12% 92%,rgba(30,79,216,.55),transparent 60%),radial-gradient(640px 460px at 88% 8%,rgba(25,184,200,.16),transparent 60%);pointer-events:none}
.nf .ring{width:min(54vw,860px);right:-10%;top:50%;transform:translateY(-50%);opacity:.32;z-index:1}
.nf-glow{position:absolute;left:38%;top:50%;width:min(40vw,640px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(212,165,58,.14),transparent 62%);filter:blur(10px);pointer-events:none}
.nf-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,96px);align-items:center;padding-top:clamp(56px,7vh,110px);padding-bottom:clamp(64px,8vh,120px)}
.nf-code{display:flex;align-items:center;justify-content:center;gap:clamp(6px,.6vw,12px);font-weight:800;font-size:clamp(150px,15.5vw,300px);line-height:.85;letter-spacing:-.07em;color:#fff;text-shadow:0 30px 80px rgba(0,0,0,.45)}
.nf-code .o{position:relative;display:inline-grid;place-items:center;width:.78em;height:.78em;margin:0 .02em}
.nf-code .o::before{content:"";position:absolute;inset:0;border-radius:50%;border:.045em solid var(--gold)}
.nf-code .o::after{content:"";position:absolute;inset:.1em;border-radius:50%;border:.012em dashed rgba(212,165,58,.75)}
.nf-code .o i{width:.26em;height:.26em;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--turquoise-light),var(--turquoise) 60%,var(--turquoise-ink));box-shadow:0 0 40px rgba(25,184,200,.55)}
.nf-copy{display:flex;flex-direction:column;gap:22px;max-width:720px}
.nf-copy .t-display{font-size:clamp(38px,3.4vw,66px)}
.nf-copy .t-display::after{content:"";display:block;width:56px;height:3px;margin-top:22px;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--turquoise))}
.nf-copy .lede{max-width:600px;color:rgba(255,255,255,.9)}
.nf-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.nf-status{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px;padding-top:22px;border-top:1px solid rgba(212,165,58,.35);font-size:15px;color:rgba(255,255,255,.82);max-width:640px}
.nf :focus-visible{outline-color:#fff}
@media (max-width:1200px){.nf-code{font-size:clamp(140px,13vw,220px)}}
@media (max-width:960px){
  .nf{min-height:0;align-items:flex-start}
  .nf-grid{grid-template-columns:1fr;gap:28px;padding-top:40px;padding-bottom:56px}
  .nf-code{justify-content:flex-start;font-size:clamp(120px,30vw,180px)}
  .nf .ring{width:120vw;right:-50%;top:0;transform:none;opacity:.22}
  .nf-glow{display:none}
}
@media (max-width:640px){
  .nf-actions .btn{width:100%}
  .nf-code{font-size:clamp(104px,28vw,140px)}
  .nf-status{flex-direction:column;align-items:flex-start;gap:10px}
}
.nf-code .o{flex:none;width:.8em;height:.8em}
.nf .pill-status{color:#FFE9B8;background:rgba(11,27,58,.6);border-color:rgba(242,181,68,.7)}