/* About page: isolated visual layer built on the shared JNEXT design system. */
.about-page{overflow-x:hidden;background:#fff}
.about-page .site-header{position:sticky}
.about-page main{overflow:hidden}
.about-page h2 em,.about-page h1 em{color:var(--gold2);font-style:normal}
.about-page [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.about-page [data-reveal-delay="1"]{transition-delay:.14s}
.about-page [data-reveal].is-visible{opacity:1;transform:none}

/* Hero */
.about-hero{position:relative;min-height:610px;display:flex;align-items:center;overflow:hidden;color:#fff;background:var(--navy3)}
.about-hero__media{position:absolute;inset:0}
.about-hero__media::before{position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(90deg,rgba(2,18,36,.97) 0%,rgba(3,29,57,.9) 43%,rgba(3,29,57,.35) 75%,rgba(3,29,57,.15)),linear-gradient(0deg,rgba(2,18,36,.65),transparent 48%)}
.about-hero__media::after{position:absolute;z-index:2;inset:0;content:"";opacity:.12;background-image:linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,#000,transparent 72%)}
.about-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.82) contrast(1.06);transform:scale(1.02)}
.about-hero__glow{position:absolute;z-index:2;top:-170px;left:33%;width:540px;height:540px;background:radial-gradient(circle,rgba(221,164,38,.19),transparent 68%);border-radius:50%}
.about-hero__inner{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);align-items:end;gap:72px;padding-block:72px 94px}
.about-hero__copy{max-width:720px}
.about-hero__copy h1{max-width:690px;margin:4px 0 20px;color:#fff;font-size:clamp(2.15rem,3.15vw,3.35rem);letter-spacing:-.045em;line-height:1.04}
.about-hero__copy h1 em{display:block;margin-top:6px;font-size:clamp(1.75rem,2.55vw,2.7rem)}
.about-hero__copy>p{max-width:600px;margin-bottom:24px;color:#d9e7f2;font-size:.98rem;line-height:1.55}
.about-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.button--glass{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.38);backdrop-filter:blur(8px)}
.button--glass:hover{color:var(--navy3);background:#fff;border-color:#fff}
.about-hero__note{position:relative;min-height:205px;display:flex;justify-content:flex-end;flex-direction:column;padding:26px;background:rgba(4,37,70,.72);border:1px solid rgba(255,255,255,.2);border-top:3px solid var(--gold2);border-radius:0 20px 0 20px;box-shadow:0 28px 70px rgba(0,0,0,.28);backdrop-filter:blur(12px)}
.about-hero__note>span{margin-bottom:15px;color:var(--gold2);font-size:.65rem;font-weight:800;letter-spacing:.17em}
.about-hero__note p{margin:0;color:#fff;font:700 1.38rem/1.45 "Manrope",sans-serif}
.about-hero__note i{position:absolute;top:24px;right:24px;color:rgba(241,196,90,.7);font-size:2rem}
.about-hero__scroll{position:absolute;z-index:4;right:max(25px,calc((100vw - 1180px)/2));bottom:24px;display:flex;align-items:center;gap:11px;color:#d7e4ef;font-size:.69rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.about-hero__scroll i{width:34px;height:34px;display:grid;place-items:center;color:var(--navy3);background:var(--gold2);border-radius:50%}

/* Story */
.story{position:relative;padding-block:72px;background:#fff}
.story::before{position:absolute;top:70px;left:-125px;width:280px;height:280px;content:"";border:1px solid rgba(5,43,82,.08);border-radius:50%;box-shadow:0 0 0 48px rgba(5,43,82,.025)}
.story__grid{position:relative;display:grid;grid-template-columns:90px minmax(0,1fr) minmax(370px,.85fr);align-items:center;gap:34px}
.story__index{align-self:start;display:grid;justify-items:center;gap:10px;padding-top:8px}
.story__index::after{width:1px;height:145px;content:"";background:linear-gradient(var(--gold),transparent)}
.story__index span{color:var(--gold);font:800 1.25rem "Manrope",sans-serif}
.story__index small{color:var(--navy);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}
.story__copy{padding-right:15px}
.story__copy h2{max-width:600px;margin-bottom:19px;font-size:clamp(1.75rem,2.7vw,2.45rem)}
.story__lead{color:var(--ink);font-size:1.04rem;font-weight:600;line-height:1.72}
.story__copy>p:not(.story__lead){font-size:.91rem;line-height:1.75}
.story__modes{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.story__modes span{display:flex;align-items:center;gap:9px;padding:10px 13px;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:7px;font-size:.72rem;font-weight:700}
.story__modes i{color:var(--gold)}
.story__visual{position:relative;padding:0 0 32px 32px}
.story__image{height:390px;overflow:hidden;border-radius:3px 40px 3px 3px;box-shadow:0 24px 60px rgba(5,43,82,.2)}
.story__image img{width:100%;height:100%;object-fit:cover;object-position:center}
.story__stamp{position:absolute;bottom:0;left:0;width:168px;height:138px;display:flex;justify-content:center;flex-direction:column;padding:24px;color:#fff;background:linear-gradient(140deg,var(--navy3),var(--navy2));border-bottom:4px solid var(--gold2);box-shadow:0 18px 38px rgba(3,29,57,.24)}
.story__stamp b{color:var(--gold2);font:800 1.05rem "Manrope",sans-serif;letter-spacing:.13em}
.story__stamp span{margin-top:9px;font-size:.69rem;line-height:1.45}

/* Programmes */
.programmes{position:relative;padding-block:76px;background:linear-gradient(145deg,#f3f8fb,#fff 58%,#fff8e9)}
.programmes::before{position:absolute;top:-120px;right:-100px;width:360px;height:360px;content:"";background:radial-gradient(circle,rgba(241,196,90,.16),transparent 67%);border-radius:50%}
.programmes__head{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:end;gap:64px;margin-bottom:34px}
.programmes__head h2{max-width:720px;margin:0;font-size:clamp(1.75rem,2.7vw,2.45rem)}
.programmes__head p{margin:0;font-size:.9rem;line-height:1.65}
.programmes__grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.programme-card{position:relative;min-height:250px;display:flex;align-items:flex-start;flex-direction:column;padding:25px;background:#fff;border:1px solid #dbe6ee;border-radius:15px;box-shadow:0 12px 30px rgba(5,43,82,.07);transition:transform .25s ease,box-shadow .25s ease}
.programme-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(5,43,82,.13)}
.programme-card--featured{grid-row:span 2;min-height:515px;justify-content:flex-end;padding:32px;color:#dce9f3;background:linear-gradient(145deg,var(--navy3),var(--navy2));border-color:transparent;overflow:hidden}
.programme-card--featured::before{position:absolute;top:-95px;right:-85px;width:300px;height:300px;content:"";border:1px solid rgba(241,196,90,.2);border-radius:50%;box-shadow:0 0 0 45px rgba(241,196,90,.04)}
.programme-card__icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:auto;color:var(--navy);background:var(--cream);border:1px solid #f1dfb8;border-radius:14px;font-size:1.3rem}
.programme-card--featured .programme-card__icon{width:70px;height:70px;margin-bottom:110px;color:var(--navy3);background:linear-gradient(135deg,#ffe499,var(--gold2));border:0;font-size:1.75rem}
.programme-card>span{position:absolute;top:27px;right:27px;color:#9aabba;font:800 .65rem "Manrope",sans-serif;letter-spacing:.08em}
.programme-card--featured>span{color:#83a2ba}
.programme-card h3{margin:18px 0 9px;font-size:1.1rem}
.programme-card--featured h3{color:#fff;font-size:1.55rem}
.programme-card p{margin:0 0 18px;font-size:.78rem;line-height:1.58}
.programme-card a{display:inline-flex;align-items:center;gap:9px;margin-top:auto;color:var(--navy2);font-size:.73rem;font-weight:800}
.programme-card--featured a{color:var(--gold2)}
.programmes__boards{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:16px;padding:22px 26px;color:#dce9f3;background:linear-gradient(100deg,#0b3d6d,#052b52);border-radius:13px;box-shadow:0 14px 34px rgba(5,43,82,.13)}
.programmes__boards>div{display:flex;align-items:center;gap:16px}.programmes__boards>div>i{width:48px;height:48px;display:grid;place-items:center;color:var(--navy3);background:var(--gold2);border-radius:12px;font-size:1.25rem}.programmes__boards span{display:grid}.programmes__boards small{color:var(--gold2);font-size:.6rem;font-weight:800;letter-spacing:.13em}.programmes__boards b{color:#fff;font:700 .9rem "Manrope",sans-serif}
.programmes__boards ul{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none}.programmes__boards li{padding:8px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:99px;font-size:.68rem;font-weight:700;white-space:nowrap}

/* Pathway */
.pathway{position:relative;padding-block:76px;color:#d8e6f2;background:linear-gradient(135deg,#031d39 0%,#06345f 60%,#0b477a 100%)}
.pathway::before{position:absolute;inset:0;content:"";opacity:.055;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:22px 22px}
.pathway__head{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:90px;margin-bottom:48px}
.pathway__head h2{max-width:650px;margin:0;color:#fff;font-size:clamp(1.75rem,2.7vw,2.45rem)}
.pathway__head h2 em{display:block}
.pathway__head p{margin:0;font-size:.88rem;line-height:1.75}
.pathway__track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pathway__track::before{position:absolute;top:47px;right:5%;left:5%;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--gold2),transparent)}
.path-step{position:relative;min-height:235px;padding:23px;color:#c8d9e7;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:16px;backdrop-filter:blur(8px);transition:border-color .25s,transform .25s,background .25s}
.path-step:hover{transform:translateY(-7px);background:rgba(255,255,255,.1);border-color:rgba(241,196,90,.55)}
.path-step__top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}
.path-step__top span{width:47px;height:47px;display:grid;place-items:center;color:var(--navy3);background:var(--gold2);border:5px solid rgba(3,29,57,.72);border-radius:50%;font:800 .68rem "Manrope",sans-serif;box-shadow:0 0 0 1px var(--gold2)}
.path-step__top>i{color:rgba(241,196,90,.78);font-size:1.55rem}
.path-step h3{margin-bottom:12px;color:#fff;font-size:1.35rem}
.path-step p{margin:0;font-size:.78rem;line-height:1.62}
.path-step__arrow{position:absolute;z-index:3;top:32px;right:-29px;width:42px;height:30px;display:grid;place-items:center;color:var(--gold2);font-size:.65rem}
.pathway__statement{position:relative;display:flex;align-items:center;justify-content:center;gap:17px;margin:39px 0 0;color:#bacddc;font:700 .74rem "Manrope",sans-serif;letter-spacing:.09em;text-transform:uppercase}
.pathway__statement i{width:42px;height:1px;background:rgba(255,255,255,.25)}
.pathway__statement strong{color:var(--gold2)}

/* Academic focus */
.academic{padding-block:76px;background:#f6f9fb}
.academic .section-head{margin-bottom:38px}
.academic .section-head>div{max-width:650px}
.academic .section-head h2{font-size:clamp(1.75rem,2.7vw,2.45rem)}
.focus-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:15px}
.focus-card{position:relative;min-height:190px;grid-column:span 3;display:grid;grid-template-columns:52px 1fr;align-content:start;gap:5px 15px;overflow:hidden;padding:24px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 30px rgba(5,43,82,.06);transition:transform .25s ease,box-shadow .25s ease}
.focus-card:nth-child(n+5){grid-column:span 4}
.focus-card::before{position:absolute;top:-52px;right:-52px;width:128px;height:128px;content:"";background:var(--soft);border-radius:50%;transition:transform .35s ease}
.focus-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(5,43,82,.12)}
.focus-card:hover::before{transform:scale(1.2)}
.focus-card>i{position:relative;z-index:1;grid-row:1/3;width:52px;height:52px;display:grid;place-items:center;color:var(--navy);background:linear-gradient(135deg,#fff2d1,#f6d98e);border-radius:13px;font-size:1.25rem}
.focus-card__number{position:absolute;right:22px;bottom:17px;color:#d0dbe3;font:800 2.25rem "Manrope",sans-serif;letter-spacing:-.08em}
.focus-card h3{position:relative;align-self:end;margin:4px 35px 1px 0;font-size:1rem}
.focus-card p{position:relative;grid-column:1/-1;margin:20px 32px 0 0;font-size:.78rem;line-height:1.55}
.focus-card--large,.focus-card--wide{grid-column:span 3;grid-row:auto;padding:24px;background:#fff}
.focus-card--large::after{display:none}
.focus-card--large h3{font-size:1rem}
.focus-card--large p{max-width:none;font-size:.78rem}
.focus-card--accent{color:#d5e4f0;background:linear-gradient(145deg,var(--navy3),var(--navy2));border-color:transparent}
.focus-card--accent::before{background:rgba(255,255,255,.07)}
.focus-card--accent h3{color:#fff}
.focus-card--accent .focus-card__number{color:#83a3bd}
.focus-card--accent>i{color:var(--navy3);background:linear-gradient(135deg,#ffe59c,var(--gold2))}

/* Parent partnership */
.partnership{padding-block:76px;background:#fff}
.partnership__grid{display:grid;grid-template-columns:minmax(350px,.9fr) minmax(0,1.1fr);align-items:center;gap:78px}
.partnership__visual{position:relative;min-height:500px;padding:22px 42px 0 0}
.partnership__visual::before{position:absolute;top:0;right:0;width:76%;height:78%;content:"";background:linear-gradient(145deg,#fff4db,#f4d68e);border-radius:0 52px 0 0}
.partnership__visual::after{position:absolute;right:10px;bottom:50px;width:115px;height:115px;content:"";border:1px solid rgba(5,43,82,.16);border-radius:50%;box-shadow:0 0 0 24px rgba(5,43,82,.035)}
.partnership__visual>img{position:relative;width:100%;height:450px;object-fit:cover;object-position:center;border-radius:3px 42px 3px 3px;box-shadow:0 25px 55px rgba(5,43,82,.18)}
.partnership__caption{position:absolute;right:0;bottom:0;width:245px;padding:23px 25px;color:#dce8f2;background:var(--navy3);border-left:4px solid var(--gold2);box-shadow:0 18px 38px rgba(3,29,57,.22)}
.partnership__caption span{display:block;margin-bottom:8px;color:var(--gold2);font-size:.6rem;font-weight:800;letter-spacing:.14em}
.partnership__caption b{color:#fff;font:700 .9rem/1.45 "Manrope",sans-serif}
.partnership__content h2{max-width:600px;margin-bottom:20px;font-size:clamp(1.75rem,2.7vw,2.45rem)}
.partnership__content>p{max-width:630px;font-size:.92rem;line-height:1.75}
.visibility-list{display:grid;grid-template-columns:1fr 1fr;margin:30px 0 31px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.visibility-list span{min-height:68px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:12px 14px;color:var(--ink);border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.75rem;font-weight:700}
.visibility-list b{color:#9cadba;font-size:.58rem}
.visibility-list i{width:22px;height:22px;display:grid;place-items:center;color:#168161;background:#e5f6ef;border-radius:50%;font-size:.58rem}

/* Purpose */
.purpose{position:relative;padding-block:78px;overflow:hidden;color:#c7d9e7;background:linear-gradient(120deg,#02182f,#06345f)}
.purpose::before{position:absolute;inset:0;content:"";opacity:.06;background:linear-gradient(115deg,transparent 49.8%,#fff 50%,transparent 50.2%)}
.purpose__orb{position:absolute;border:1px solid rgba(241,196,90,.14);border-radius:50%}
.purpose__orb--one{top:-260px;right:-100px;width:570px;height:570px;box-shadow:0 0 0 85px rgba(241,196,90,.025)}
.purpose__orb--two{bottom:-150px;left:-70px;width:310px;height:310px}
.purpose__inner{position:relative;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:stretch;gap:42px}
.purpose__intro{display:flex;justify-content:center;flex-direction:column}
.purpose__intro h2{margin-bottom:18px;color:#fff;font-size:clamp(1.75rem,2.7vw,2.45rem)}
.purpose__intro h2 em{display:block}
.purpose__intro p{margin:0;font-size:.88rem;line-height:1.7}
.purpose__cards{display:grid;grid-template-rows:1fr 1fr;gap:15px}
.purpose__cards article{min-height:190px;display:grid;grid-template-columns:72px 1fr;align-items:center;gap:24px;padding:26px 28px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.15);border-radius:17px;box-shadow:0 16px 38px rgba(0,0,0,.13);backdrop-filter:blur(9px)}
.purpose__cards article:nth-child(2){background:linear-gradient(120deg,rgba(221,164,38,.15),rgba(255,255,255,.065))}
.purpose__icon{width:68px;height:68px;display:grid;place-items:center;color:var(--navy3);background:linear-gradient(135deg,#ffe59c,var(--gold2));border-radius:18px;font-size:1.65rem;box-shadow:0 12px 26px rgba(241,196,90,.14)}
.purpose__cards span{color:var(--gold2);font-size:.62rem;font-weight:800;letter-spacing:.15em}
.purpose__cards h3{max-width:570px;margin:8px 0;color:#fff;font-size:1.05rem;line-height:1.35}
.purpose__cards p{max-width:620px;margin:0;font-size:.78rem;line-height:1.62}

@media(max-width:1120px){
    .about-hero__inner{gap:42px}.story__grid{grid-template-columns:55px 1fr 330px;gap:25px}.programmes__head{gap:40px}.pathway__head{gap:50px}.partnership__grid{gap:45px}.purpose__inner{gap:28px}
}
@media(max-width:900px){
    .about-hero{min-height:700px}.about-hero__media::before{background:linear-gradient(0deg,rgba(2,18,36,.98) 0%,rgba(3,29,57,.86) 57%,rgba(3,29,57,.25))}.about-hero__media img{object-position:61% center}.about-hero__inner{grid-template-columns:1fr;align-items:center;padding-block:60px 92px}.about-hero__note{display:none}.about-hero__copy{align-self:end;margin-top:180px}.about-hero__copy h1{font-size:clamp(2rem,6.8vw,2.8rem)}.about-hero__copy h1 em{font-size:clamp(1.55rem,5.3vw,2.2rem)}
    .story__grid{grid-template-columns:55px 1fr}.story__visual{grid-column:2}.story__image{height:410px}
    .programmes__head{grid-template-columns:1fr;gap:15px}.programmes__head p{max-width:680px}.programmes__grid{grid-template-columns:1fr 1fr}.programme-card--featured{grid-row:auto;grid-column:1/-1;min-height:330px}.programme-card--featured .programme-card__icon{margin-bottom:55px}.programmes__boards{align-items:flex-start;flex-direction:column}.programmes__boards ul{flex-wrap:wrap}
    .pathway__head{grid-template-columns:1fr;gap:22px}.pathway__head p{max-width:700px}.pathway__track{grid-template-columns:1fr 1fr}.pathway__track::before,.path-step__arrow{display:none}.path-step{min-height:235px}.path-step__top{margin-bottom:35px}
    .focus-grid{grid-template-columns:repeat(2,1fr)}.focus-card,.focus-card:nth-child(n+5),.focus-card--large,.focus-card--wide{grid-column:auto}
    .partnership__grid{grid-template-columns:1fr}.partnership__visual{width:min(600px,100%);margin-inline:auto}.partnership__content{max-width:720px}
    .purpose__inner{grid-template-columns:1fr}.purpose__intro{max-width:680px}.purpose__cards{grid-template-columns:1fr 1fr;grid-template-rows:auto}.purpose__cards article{min-height:310px;grid-template-columns:1fr;align-content:start}.purpose__icon{margin-bottom:12px}
}
@media(max-width:620px){
    .about-page [data-reveal]{transform:translateY(18px)}
    .about-hero{min-height:680px}.about-hero__inner{padding-block:45px 88px}.about-hero__copy{margin-top:165px}.about-hero__copy h1{font-size:clamp(1.65rem,8vw,2.15rem)}.about-hero__copy h1 em{font-size:clamp(1.22rem,6vw,1.65rem)}.about-hero__copy>p{font-size:.85rem;line-height:1.55}.about-hero__actions{display:grid}.about-hero__actions .button{width:100%}.about-hero__scroll span{display:none}
    .story{padding-block:58px}.story__grid{grid-template-columns:1fr}.story__index{display:none}.story__visual{grid-column:auto;padding:0 0 28px 18px}.story__image{height:350px}.story__stamp{width:150px;height:120px;padding:20px}
    .programmes{padding-block:58px}.programmes__grid{grid-template-columns:1fr}.programme-card,.programme-card--featured{grid-column:auto;min-height:230px;padding:23px}.programme-card--featured{min-height:320px}.programme-card--featured .programme-card__icon{margin-bottom:48px}.programmes__boards{padding:21px}.programmes__boards>div{align-items:flex-start}.programmes__boards ul{width:100%;display:grid;grid-template-columns:1fr}.programmes__boards li{text-align:center}
    .pathway{padding-block:70px}.pathway__track{grid-template-columns:1fr}.path-step{min-height:210px}.pathway__statement{gap:8px;font-size:.59rem}.pathway__statement i{width:14px}
    .academic{padding-block:60px}.focus-grid{grid-template-columns:1fr}.focus-card,.focus-card:nth-child(n+5),.focus-card--large,.focus-card--wide{grid-column:auto;grid-row:auto;min-height:175px}
    .partnership{padding-block:62px}.partnership__visual{min-height:440px;padding:16px 26px 0 0}.partnership__visual>img{height:395px}.partnership__caption{width:215px;padding:19px}.visibility-list{grid-template-columns:1fr}
    .purpose{padding-block:64px}.purpose__cards{grid-template-columns:1fr}.purpose__cards article{min-height:0;grid-template-columns:58px 1fr;gap:17px;padding:22px}.purpose__icon{width:56px;height:56px;margin:0;border-radius:14px;font-size:1.3rem}
}
@media(prefers-reduced-motion:reduce){.about-page [data-reveal]{opacity:1;transform:none;transition:none}}