/* Layout: the Doris Duke Foundation grammar on white. Edge-to-edge wordmark masthead, 40px gutters,
   50/50 splits with the title left and the content right, hairline tables, image cards without frames,
   one serif moment per page, and a per-outcome colour that floods the footer and fills project tiles.
   Motion follows dorisduke.org: one opening sequence, 0.6s image fades and hovers, stacked sticky panels,
   titles that sharpen in. Native scrolling throughout. Single light theme by design. */
:root{
  --bg:#ffffff; --ink:#14162F; --grey:#646884; --line:#E3E4EB; --line-2:#C9CAD6; --soft:#F7F3EE;
  --accent:#3285c6; --accent-ink:#2a72ad;
  /* the Future Ready Schools palette, site-wide since 27 Oct 2026 (night anchor, one orange action, warm white) */
  --night:#1C1F4A; --night-2:#272B63; --text-c:#3E4160; --orange:#FF7A3D; --orange-t:#C2410C; --sun:#FFC83D; --warm:#FFF7EF;
  --flood:#1C1F4A; --flood-on:#ffffff; --tint:#FFF7EF; --mark:#1C1F4A; --tone:#1C1F4A; --tone-ink:#1C1F4A;
  --on-image:#ffffff;
  --display:"Inter Tight","Helvetica Neue",Helvetica,Arial,sans-serif;
  --text:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --logo-box:#b4613c; --paper:#FFF7EF; --sand:#e9dfd2; --clay:#e2c7b3; --clay-2:#d9b49b; --terra:#9c4f2d;
  --g:40px; --bar:120px; --float:84px; --tabs-h:58px;
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-dd:cubic-bezier(.25,1,.5,1);
  color-scheme:light;
}
@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}}
@media (max-width:1100px){:root{--g:28px}}
@media (max-width:760px){:root{--g:16px;--bar:84px;--float:68px}}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
html.mega-on{overflow:hidden}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/24px var(--text);letter-spacing:.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;letter-spacing:inherit}
h1,h2,h3,h4,p,ul,ol,figure,dl,dd{margin:0}
ul,ol{list-style:none;padding:0}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.on-image :focus-visible{outline-color:var(--on-image)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:12px;top:12px;z-index:10000;padding:12px 18px;border-radius:999px;background:#1C1F4A;color:#fff;font:600 16px/20px var(--text);transform:translateY(-200%)}
.skip:focus{transform:none;outline:2px solid #fff;outline-offset:2px}
#main:focus{outline:none}

/* ---------- opening sequence ---------- */
.intro{display:none}
html.intro-live{overflow:hidden}
html.intro-live .intro{display:block;position:fixed;inset:0;z-index:200}
.intro__bg{position:absolute;inset:0;background:var(--bg)}
.intro__mark{position:absolute;left:50%;top:50%;width:clamp(112px,10.4vw,150px);height:auto;translate:-50% -50%;color:var(--ink);overflow:visible;display:block}
.intro__dot{transform-box:fill-box;transform-origin:50% 50%;scale:0}
.intro__win{position:absolute;inset:0;visibility:hidden;clip-path:inset(50% 50% 50% 50% round 0px)}
.intro__imgs{position:absolute;inset:0}
.intro__imgs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.intro__imgs img.on{opacity:1}
.intro__shade{position:absolute;inset:0;background:rgba(0,0,0,.34)}
.intro__cap{position:absolute;left:16px;right:16px;top:50%;translate:0 -50%;text-align:center;color:#fff;font:600 clamp(20px,1.7vw,26px)/1.3 var(--text);letter-spacing:.005em;text-shadow:0 1px 2px rgba(0,0,0,.45),0 0 24px rgba(0,0,0,.5);opacity:0}
.intro__m{display:none}
@media (max-width:759px){.intro__cap{left:calc(7vw + 12px);right:calc(7vw + 12px);font-size:14px;font-weight:500}.intro__m{display:inline}}
.intro__ink{position:absolute;inset:0;background:var(--ink);opacity:0}
.intro__skip{position:absolute;right:var(--g);bottom:calc(20px + env(safe-area-inset-bottom,0px));font:400 14px/20px var(--text);color:var(--grey);padding:8px 0;z-index:3}
.intro__skip:hover{color:var(--ink)}
html.intro-live .mast .wm-dot,html.intro-live .bar .wm-dot{opacity:0}

/* ---------- type ---------- */
.t-title{font:600 clamp(32px,3.56vw,52.8px)/1.02 var(--display);letter-spacing:-.022em;text-wrap:balance}
.t-h2{font:600 clamp(28px,2.38vw,34.2px)/1.26 var(--display);letter-spacing:-.006em;text-wrap:balance}
.t-h2s{font:600 clamp(24px,1.98vw,28.8px)/1.25 var(--display);letter-spacing:-.006em;text-wrap:balance}
.t-h3{font:600 22px/32px var(--display);letter-spacing:-.002em;text-wrap:balance}
.t-lead{font:400 clamp(20px,1.72vw,25px)/1.38 var(--display);letter-spacing:-.003em;text-wrap:pretty}
.t-label{font:400 19px/30px var(--text);color:var(--grey);letter-spacing:.005em}
.t-intro{font:400 19px/30px var(--text);letter-spacing:.004em;text-wrap:pretty}
.t-body{font:400 16px/24px var(--text);letter-spacing:.006em;text-wrap:pretty}
.t-small{font:400 14px/20px var(--text);letter-spacing:.012em}
.t-eyebrow{font:700 12px/14px var(--text);letter-spacing:.17em;text-transform:uppercase;color:var(--ink)}
.t-source{font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase}
.t-caps{font:400 16px/20px var(--text);letter-spacing:.02em;text-transform:uppercase}
.t-serif{font:400 clamp(30px,2.8vw,40px)/1.2 var(--serif);letter-spacing:-.015em;text-wrap:balance}
.muted{color:var(--grey)}
.ul{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.ul:hover{text-decoration-thickness:2px}
.links{display:flex;flex-wrap:wrap;gap:12px 28px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 20px;border:1px solid currentColor;font:400 16px/24px var(--text);letter-spacing:.006em;transition:background .6s var(--ease-dd),color .6s var(--ease-dd),border-color .6s var(--ease-dd);text-align:center}
.btn:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.btns{display:flex;flex-wrap:wrap;gap:16px}
.ico{width:20px;height:20px;flex:none}
.ico-s{width:14px;height:14px;flex:none;display:inline-block;vertical-align:-1px}

/* ---------- header ---------- */
.mast{padding:40px var(--g) 0}
.mast__mark{display:block;color:var(--ink)}
.mast__mark svg{display:block;width:100%;height:auto}
.mast__nav{display:flex;justify-content:flex-end;padding-top:24px}
.bar{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--bar);padding-inline:var(--g)}
.bar__logo svg{display:block;height:50px;width:auto}
.bar__logo .isac-lock{height:clamp(44px,4vw,60px);width:auto}
.float .bar__logo .isac-lock{height:46px}
.sheet__top .isac-lock{height:40px;width:auto}
@media (max-width:760px){.bar__logo .isac-lock,.float .bar__logo .isac-lock{height:32px}.sheet__top .isac-lock{height:30px}}
/* very narrow phones (320px): the logo gives way so Menu always fits */
@media (max-width:420px){.bar{gap:12px}.bar__logo{flex:1 1 auto;min-width:0;margin-right:0}.bar__logo .isac-lock,.float .bar__logo .isac-lock{height:auto;width:100%;max-width:230px;max-height:32px}}
.bar.is-over{position:absolute;inset:0 0 auto 0;z-index:6;color:var(--on-image)}
.wm-dot{transform-box:fill-box;transform-origin:50% 58%}
.isac-box{fill:currentColor}
/* over a photo the wordmark is white, so the box is white too and the mark inside turns black */

.isac-logo .wm-dot{fill:#fff}
.nav{display:flex;align-items:center;gap:10px}
.nav a,.nav button{font:400 15px/20px var(--text);letter-spacing:.006em;white-space:nowrap}
/* the links sit together in one soft capsule; the current page is a solid capsule inside it */
.nav__pill{display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:#F4F0F7}
.nav__pill > a,.nav__pill > button{padding:9px clamp(11px,1vw,16px);border-radius:999px;color:#1C1F4A;transition:background-color .25s var(--ease-dd),color .25s var(--ease-dd)}
.nav__pill > a:hover,.nav__pill > button:hover,.nav__pill > button[aria-expanded="true"]{background:rgba(0,0,0,.07)}
.nav__pill > a[aria-current="page"],.nav__pill > button.is-current{background:#1C1F4A;color:#fff}
.nav .nav__search{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color .25s var(--ease-dd)}
.nav .nav__search:hover,.nav .nav__search[aria-expanded="true"]{background:#F4F0F7}
.bar.is-over .nav__pill{background:rgba(0,0,0,.34)}
.bar.is-over .nav__pill > a,.bar.is-over .nav__pill > button{color:#fff}
.bar.is-over .nav__pill > a:hover,.bar.is-over .nav__pill > button:hover{background:rgba(255,255,255,.16)}
.bar.is-over .nav__pill > a[aria-current="page"],.bar.is-over .nav__pill > button.is-current{background:#fff;color:#1C1F4A}
.bar.is-over .nav .nav__search{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.bar.is-over .nav .nav__search:hover{background:rgba(255,255,255,.16)}
.bar__logo{margin-right:clamp(24px,3vw,56px)}
@media (max-width:1560px){.bar__logo svg{height:40px}.bar__logo{margin-right:24px}.nav__pill > a,.nav__pill > button{padding-inline:12px}}
@media (max-width:1440px){.bar__logo svg{height:36px}.bar__logo{margin-right:20px}.nav__pill > a,.nav__pill > button{padding-inline:10px}.nav a,.nav button{font-size:14px}.nav{gap:8px}}
@media (max-width:1360px){.bar__logo svg{height:32px}.nav__pill > a,.nav__pill > button{padding-inline:8px}}
@media (max-width:1280px){.bar__logo{margin-right:0}}
.menu-btn{display:none;font:400 17px/24px var(--text);min-width:44px;min-height:44px;padding-inline:4px;align-items:center;justify-content:center;flex:0 0 auto}
.float{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);transform:translateY(-101%);transition:transform .45s var(--ease)}
.float.is-on{transform:none}
.float .bar{height:var(--float)}
.float .bar__logo svg{height:38px}
@media (max-width:1280px){.bar .nav,.mast__nav .nav{display:none}.menu-btn{display:inline-flex}.mast__nav{padding-top:18px}}
@media (max-width:760px){.bar__logo svg{height:34px}.float .bar__logo svg{height:30px}}
.sheet{position:fixed;inset:0;z-index:80;background:var(--bg);padding:calc(env(safe-area-inset-top,0px) + 20px) var(--g) 40px;display:flex;flex-direction:column;gap:36px;overflow:auto}
.sheet__top{display:flex;justify-content:space-between;align-items:center}
.sheet__top svg{height:34px;width:auto;display:block}
.sheet nav{display:grid;gap:6px}
.sheet nav a{font:600 clamp(27.2px,6.4vw,38.4px)/1.1 var(--display);letter-spacing:-.005em}

/* scroll line: crisp segments of the seven Centre colours under the nav, revealed as you read (a Centre's own colour on its pages) */
.sline{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);height:4px;z-index:55;pointer-events:none;opacity:0;transition:opacity .4s var(--ease-dd),top .45s var(--ease)}
.sline.is-on{opacity:1}
body.float-on .sline{top:calc(env(safe-area-inset-top,0px) + var(--float) - 1px)}
.sline i{display:block;height:100%;background:var(--sgrad);clip-path:inset(0 100% 0 0)}
html.intro-live .sline,html.mega-on .sline{opacity:0}

/* Donate: a warm yellow box. It never moves: on hover its colour simply deepens */
.nav a.donate,.donate{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:9px;padding:10px 18px 10px 15px;background:#FF7A3D;color:#1C1F4A;font:500 16px/22px var(--text);text-decoration:none;border-radius:10px;min-height:44px}
.donate__fill{display:none}
.donate__ic{display:flex;font-size:16px;color:#fff;filter:drop-shadow(0 0 .5px rgba(0,0,0,.35))}
.nav a.donate:hover,.donate:hover,.donate:focus-visible{text-decoration:none;background:#ffe100}
.donate.is-current{box-shadow:inset 0 -2px 0 #1C1F4A}
.bar.is-over .donate{color:#1C1F4A}
.sheet nav a.sheet__donate{display:inline-flex;align-self:flex-start;margin-top:12px;font-size:clamp(28px,7vw,40px);padding:10px 22px;background:#FF7A3D;color:#1C1F4A;border-radius:12px}

/* ---------- menu + search panel ---------- */
/* the platforms strip: a slim dark-grey bar above every page's header, one small lettered box per ISAC platform */
.pbar{background:#12143A;color:#d9d9d9;padding-inline:var(--g);display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}
.pbar__h{margin:0;font:600 11px/14px var(--text);letter-spacing:.16em;text-transform:uppercase;color:#a6a6a6;white-space:nowrap}
.pbar__l{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
.pbar__a{display:flex;align-items:center;min-height:44px;padding-inline:2px;border-radius:9px}
.pbar__a:focus-visible{outline:none}
.pbar__t{display:grid;place-items:center;height:28px;min-width:34px;padding-inline:9px;border-radius:8px;background:#272B63;color:#f2f2f2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font:700 12px/1 var(--display);letter-spacing:.06em;white-space:nowrap;transition:background-color .25s var(--ease-dd),color .25s var(--ease-dd),translate .25s var(--ease-dd)}
.pbar__a:hover .pbar__t{background:#fff;color:#1C1F4A;translate:0 -1px}
.pbar__a:focus-visible .pbar__t{outline:2px solid #fff;outline-offset:2px}
@media (max-width:600px){.pbar{justify-content:center}}
@media (prefers-reduced-motion:reduce){.pbar__t{transition:none}.pbar__a:hover .pbar__t{translate:none}}
.mega{position:fixed;left:0;right:0;top:var(--mega-top,120px);bottom:0;z-index:70;background:var(--bg);border-top:1px solid var(--line);overflow:auto;opacity:0;transition:opacity .3s var(--ease-dd);container-type:size}
.mega.is-open{opacity:1}
.mega__top{display:flex;justify-content:space-between;align-items:baseline;padding:22px var(--g) 0}
.mega ul{display:grid;gap:12px}
.mega li{opacity:0;translate:0 8px;transition:opacity .45s var(--ease-dd),translate .45s var(--ease-dd);transition-delay:calc(var(--i,0)*22ms)}
.mega.is-open li{opacity:1;translate:0 0}
.mega__close{font:400 14px/20px var(--text)}
.mega__search{display:grid;gap:28px;padding:28px var(--g) 64px}
.sbox input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
@media (max-width:1280px){.mega{display:none}}

/* Our Work: a numbered index of the seven outcomes on the left, and on the right the outcome's photo hanging from
   the index's first hairline to the right edge, over a band of its tint that holds the 2030 goal.
   Every row carries its colour dot; the lit row's tint grows out of that dot into the ISAC capsule (a capsule with
   a dot at its left end, as in the mark). One grid runs the whole panel: the photo shares the list's rows and the
   goal band shares the Global Initiatives rows, so their edges meet on the same hairlines. Rows share whatever
   height the panel has (minmax(min-content,1fr)), so the index fills the space under any header without scrolling. */
.mw{--cg:clamp(56px,6vw,128px);--colw:calc((100cqw - 2 * var(--g) - var(--cg)) / 2);
  --nw:clamp(40px,3vw,64px);--tx:clamp(40px,2.9vw,64px);--dl:clamp(16px,1.2vw,26px);
  --fs:clamp(17px,min(1.68vw,3.3cqh,(var(--colw) - var(--nw) - var(--tx) - 32px) / 22),40px);
  --cfs:clamp(13px,.86vw,17px);--ds:clamp(8px,calc(var(--fs) * .36),13px);
  --rp:clamp(3px,.8cqh,14px);--pt:clamp(12px,2.6cqh,34px);--pb:clamp(12px,3.2cqh,48px);--gp:clamp(3px,1cqh,14px);
  --small:clamp(14px,.92vw,19px);--lmax:calc((var(--colw) + var(--g)) / 1.1);
  display:grid;height:100cqh;
  grid-template-columns:var(--g) minmax(0,1fr) var(--cg) minmax(0,1fr) var(--g);
  grid-template-rows:auto minmax(min-content,var(--lmax)) auto minmax(var(--pb),1fr)}
.mw__top{grid-column:2/5;grid-row:1;display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:var(--pt) 0 clamp(10px,2.2cqh,26px);font:400 var(--small)/1.45 var(--text);letter-spacing:.012em}
.mw__close{position:relative;padding:12px;margin:-12px}
/* index */
.mega .mw__list{grid-column:2;grid-row:2;display:grid;grid-template-rows:repeat(var(--n,7),minmax(min-content,1fr));border-top:1px solid var(--line)}
.mw__row{position:relative;isolation:isolate;display:grid;grid-template-columns:var(--nw) var(--tx) minmax(0,1fr);align-content:center;align-items:baseline;padding-block:var(--rp);border-bottom:1px solid var(--line)}
.mw__cap{position:absolute;z-index:-1;inset:0 0 0 var(--nw);border-radius:999px;background:var(--t);clip-path:inset(50%)}
.mw__row.is-on .mw__cap{clip-path:none}
.mw__n{font:400 clamp(12px,.8vw,15px)/1 var(--text);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--grey);transition:color .3s var(--ease-dd)}
.mw__dot{display:block;justify-self:start;width:var(--ds);height:var(--ds);margin-left:calc(var(--dl) - var(--ds) / 2);border-radius:50%;background:var(--m);translate:0 calc(var(--ds) / 2 - var(--fs) * .36)}
.mw__body{display:grid;gap:clamp(2px,.4cqh,6px);justify-items:start;min-width:0}
.mw__t{font:300 var(--fs)/1.1 var(--display);letter-spacing:-.005em;text-transform:uppercase;text-wrap:balance}
.mw__t::after{content:"";position:absolute;inset:0 0 0 var(--nw);border-radius:999px}
.mw__c{position:relative;z-index:1;font:400 var(--cfs)/1.4 var(--text);letter-spacing:.006em;color:var(--grey);transition:color .3s var(--ease-dd)}
.mw__c:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.mw__row.is-on .mw__n{color:var(--ink)}
.mw__row.is-on .mw__c{color:var(--tk)}
/* Global Initiatives: same voice as the outcomes, a size down */
.mw__gi{grid-column:2;grid-row:3;padding-top:clamp(10px,2.4cqh,36px)}
.mw__h{font:400 clamp(13px,.82vw,15px)/18px var(--text);letter-spacing:.012em;color:var(--grey);margin-bottom:clamp(6px,1cqh,12px)}
.mega .mw__gi ul{display:block;gap:0;border-top:1px solid var(--line)}
.mw__gi li{border-bottom:1px solid var(--line)}
.mw__g{position:relative;isolation:isolate;display:grid;grid-template-columns:var(--nw) var(--tx) minmax(0,1fr) auto;align-items:baseline;padding-block:var(--gp)}
.mw__g::before{content:"";position:absolute;inset:0 0 0 var(--nw);z-index:-1;border-radius:999px;background:var(--soft);opacity:0;transition:opacity .35s var(--ease-dd)}
.mw__g:hover::before,.mw__g:focus-visible::before{opacity:1}
.mw__g:hover .mw__gb,.mw__g:focus-visible .mw__gb{color:var(--ink)}
.mw__gt{grid-column:3;font:300 max(17px,calc(var(--fs) * .76))/1.3 var(--display);letter-spacing:.004em;text-transform:uppercase}
.mw__gb{grid-column:4;padding:0 clamp(18px,1.5vw,30px) 0 16px;font:400 var(--cfs)/1.4 var(--text);color:var(--grey);white-space:nowrap;transition:color .3s var(--ease-dd)}
/* preview: photo on the list's rows, goal band on the Global Initiatives rows; both run out to the right edge */
.mw__fig{grid-column:4/6;grid-row:2/5;display:grid;grid-template-rows:subgrid;min-width:0;clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--ease-dd) .05s}
.mega.is-open .mw__fig{clip-path:inset(0)}
.mw__img{position:relative;overflow:hidden;background:var(--soft)}
.mw__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s ease}
.mw__img img.is-off{opacity:0}
.mw__band{grid-row:2/4;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:clamp(8px,2.4cqh,34px) var(--g) calc(var(--pb) + var(--gp)) clamp(24px,2.3vw,48px);background:var(--t);transition:background-color .6s var(--ease-dd)}
.mw__bm{display:block;width:clamp(24px,1.7vw,36px);aspect-ratio:12/5;border-radius:999px;background:var(--m);margin-bottom:clamp(8px,1.8cqh,22px);transition:background-color .6s var(--ease-dd)}
.mw__goal{display:grid;gap:clamp(4px,.9cqh,10px);min-width:0}
.mw__gn{font:600 clamp(34px,min(3.8vw,7cqh),92px)/.9 var(--display);letter-spacing:-.014em;text-transform:uppercase;white-space:nowrap}
.mw__gu{font:400 clamp(15px,1vw,20px)/1.45 var(--text);letter-spacing:.006em;color:var(--tk);transition:color .6s var(--ease-dd)}
.mw__gus{display:grid}
.mw__gus .mw__gu{grid-area:1/1}
.mw__gus .mw__gu.is-off{visibility:hidden}
/* focus: a dark ring with a white inner line, so it reads on white, on tint and next to the photo */
.mw__t:focus-visible{outline:none}
.mw__t:focus-visible::after{outline:2px solid var(--ink);outline-offset:0;box-shadow:inset 0 0 0 4px var(--bg)}
.mw__c:focus-visible,.mw__top :focus-visible{outline:2px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 5px var(--bg)}
.mw__close:focus-visible{outline-offset:-8px;box-shadow:none}
.mw__g::after{content:"";position:absolute;inset:0 0 0 var(--nw);border-radius:999px}
.mw__g:focus-visible{outline:none}
.mw__g:focus-visible::after{outline:2px solid var(--ink);outline-offset:0;box-shadow:inset 0 0 0 4px var(--bg)}
/* refined: outcome tiles instead of numbers, sentence case, no hairlines, a rounded preview with target and progress */
.mw{--nw:0px;--ts:clamp(30px,2.6vw,46px);--tx:calc(var(--ts) + clamp(14px,1.2vw,22px));--pb:clamp(32px,6cqh,72px)}
.mega .mw__list{border-top:0;gap:clamp(2px,.5cqh,6px)}
.mw__row{grid-template-columns:var(--tx) minmax(0,1fr) auto;align-items:center;padding:var(--rp) clamp(12px,1vw,18px);border-bottom:0}
.mw__n{display:none}
.mw__dot{width:var(--ts);height:var(--ts);margin:0;translate:none;background:none;border-radius:clamp(8px,.8vw,12px);overflow:hidden;align-self:center}
.mw__geo{display:block;width:100%;height:100%}
.mw__t{font-weight:400;text-transform:none;letter-spacing:-.018em}
.mw__go{display:flex;opacity:0;translate:-8px 0;transition:opacity .3s var(--ease-dd),translate .3s var(--ease-dd);color:var(--tk)}
.mw__go .ico{width:20px;height:20px}
.mw__row.is-on .mw__go{opacity:1;translate:0 0}
.mega .mw__gi ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border-top:0}
.mw__gi li{border-bottom:0}
.mw__g{display:flex;align-items:center;gap:12px;height:100%;padding:8px 12px;border-radius:18px;background:#FFF7EF;transition:background-color .3s var(--ease-dd)}
.mw__g::before{display:none}
.mw__g:hover,.mw__g:focus-visible{background:#F6E9DC}
.mw__gl{display:grid;place-items:center;flex:0 0 auto;width:clamp(40px,3.2vw,52px);aspect-ratio:1;border-radius:12px;background:#fff;overflow:hidden}
.mw__gl img{width:78%;height:auto}
.mw__gl svg{width:88%;height:auto}
.mw__gtx{display:grid;gap:2px;min-width:0}
.mw__gt{grid-column:auto;font:600 clamp(16px,0.99vw,17.1px)/1.2 var(--display);letter-spacing:-.01em;text-transform:none}
.mw__gb{grid-column:auto;padding:0;font:400 13px/18px var(--text);white-space:normal}
.mw__fig{grid-column:4/5;grid-row:2/4;border-radius:28px;overflow:hidden;clip-path:inset(0 0 100% 0 round 28px)}
.mega.is-open .mw__fig{clip-path:inset(0 round 28px)}
.mw__band{grid-row:2/3;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px;padding:clamp(16px,2.6cqh,34px) clamp(20px,2vw,32px)}
.mw__goal,.mw__pr{display:grid;gap:clamp(4px,.8cqh,8px);min-width:0}
.mw__pr{justify-items:end;text-align:right;max-width:46%}
.mw__k{font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--tk)}
.mw__gn{text-transform:none;letter-spacing:-.03em}
.mw__trk{display:block;width:clamp(120px,12vw,200px);height:8px;border-radius:999px;background:color-mix(in srgb,var(--tk) 18%,transparent);overflow:hidden}
.mw__trk i{display:block;height:100%;width:calc(var(--p) * 1%);min-width:8px;border-radius:999px;background:var(--tk);transition:width .6s var(--ease-dd)}
.mw__pv{font:400 clamp(13px,.9vw,15px)/1.35 var(--text);color:var(--tk);text-wrap:balance}

/* ---------- expressive layer ---------- */
.colo{display:grid;grid-template-columns:repeat(var(--cols,5),minmax(0,1fr));gap:10px 18px;font:400 10px/13px var(--text);letter-spacing:.01em;color:#1C1F4A}
.colo__c{display:grid;gap:2px;align-content:start;min-width:0}
.colo__h{font-weight:600}
.colo p{text-wrap:pretty}
.colo a{text-decoration:underline;text-underline-offset:2px}
@media (max-width:760px){.colo{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* hero: the sentence spread across the page with small photo tiles and outcome dots */
.hx-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,72px);margin:clamp(24px,3vw,48px) 0 clamp(36px,4vw,60px)}
.hx-logo{display:block;width:clamp(200px,22vw,340px);height:auto;aspect-ratio:1}
@media (max-width:760px){.hx-row{grid-template-columns:minmax(0,1fr)}.hx-logo{order:-1;width:clamp(120px,36vw,160px)}}
.hx{margin:0;max-width:15.5em;font:600 clamp(30.4px,4vw,64px)/1.08 var(--display);letter-spacing:-.032em;text-wrap:balance}
.hx__l{display:inline}
.hx__cap{display:inline-block;width:1.9em;height:.74em;border-radius:999px;overflow:hidden;vertical-align:-.04em;margin-inline:.06em;background:var(--m);outline:3px solid transparent;outline-offset:3px;transition:outline-color .3s var(--ease-dd)}
.hx__cap + .hx__cap{width:.74em}
.hx__earth{position:relative;width:1.05em!important;height:1.05em;vertical-align:-.2em;background:#3385c7}
.hx__earth canvas{position:absolute;inset:0;width:100%;height:100%;display:none}
.hx__earth.is-gl canvas{display:block}
.hx__earth.is-gl img{display:none}
.hx__earth.is-gl{background:none;overflow:visible}

.hx__cap img{width:100%;height:100%;object-fit:cover;transition:scale .7s var(--ease-dd)}
.hx__cap:hover,.hx__cap:focus-visible{outline-color:var(--m)}
.hx__cap:hover img,.hx__cap:focus-visible img{scale:1.1}
.js .hero .hx__cap{animation:capin 1.1s var(--ease) both;animation-delay:calc(.25s + var(--d,0) * 90ms)}
@keyframes capin{from{width:0;margin-inline:0}}
.js .hero .hx__cap + .hx__cap{animation-name:capin2}
@keyframes capin2{from{width:0;margin-inline:0}}
@media (prefers-reduced-motion:reduce){.js .hero .hx__cap{animation:none}}

.pill{display:inline-flex;align-items:center;gap:14px;padding:12px 20px 12px 24px;border-radius:999px;background:#1C1F4A;color:#fff;font:500 16px/22px var(--text);transition:background .4s var(--ease-dd),translate .35s var(--ease-dd)}
.pill .ico{width:18px;height:18px;transition:translate .35s var(--ease-dd)}
.pill:hover,.pill:focus-visible{translate:0 -2px}
.pill:hover .ico,.pill:focus-visible .ico{translate:4px 0}
.pill--lemon{background:#FF7A3D;color:#1C1F4A}

/* Outrider-style colour blocks over photos */


/* goal sheet */
.geo{display:block;overflow:hidden;line-height:0}
.geo svg{display:block;width:100%;height:100%}
.geo .g-a{transform-box:fill-box;transform-origin:center;transition:scale .7s cubic-bezier(.3,1.5,.5,1)}
a:hover .geo .g-a,button:hover .geo .g-a,a:focus-visible .geo .g-a,.gt:hover .g-a,.phead__art .geo:hover .g-a{scale:1.22}
.geo--s{width:46px;height:46px;border-radius:10px;flex:0 0 auto}
.geo--m{width:100%;aspect-ratio:1;border-radius:clamp(10px,1vw,14px)}
@media (prefers-reduced-motion:reduce){.geo .g-a{transition:none}}
/* goal tiles: the outcome's tile beside its 2030 goal */
.gt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:clamp(32px,4vw,56px) var(--g)}
.gt__art{aspect-ratio:1;border-radius:28px}
.gt__goal{display:grid;grid-template-rows:1fr auto;gap:12px}
.gt__goal .st{border-radius:28px}
.gt__k{display:flex;align-items:center;gap:10px;font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase}
.gt__num{align-self:center;display:flex;align-items:baseline;font:600 clamp(96px,12vw,192px)/.8 var(--display);letter-spacing:-.055em;margin:0}
.gt__num span + span{font-size:.5em;letter-spacing:-.02em;margin-left:.06em}
.gt__g{font:600 clamp(22px,1.8vw,27px)/1.15 var(--display);letter-spacing:-.012em;max-width:18em;text-wrap:balance}
.gt__trk{max-width:440px;margin-top:18px}
.gt__trk .trk__seg,.gt__trk .trk__dot{background:var(--gd)}
.gt__trk .trk::before{background:color-mix(in srgb,var(--gd) 22%,transparent)}
.gt__prog{font:400 14px/20px var(--text);margin-top:10px}
.gt__counts{font:400 13px/19px var(--text);max-width:40em;color:var(--grey);padding:0 6px}
.gt__counts a{color:inherit}
@media (max-width:760px){.gt{grid-template-columns:minmax(0,1fr)}.gt__num{font-size:clamp(96px,30vw,150px)}.gt__art,.gt__goal{border-radius:20px}}
/* page-head art */
.phead__art{display:flex;gap:8px;align-content:start;align-items:flex-start}
.phead__art > *{flex:0 1 92px;min-width:0}
.phead__art > a > .geo{width:100%}
.phead__art > a{display:block}
@media (max-width:860px){.phead__art{order:2}}
/* project dots */
.plcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.4vw,22px)}
.plc{position:relative;display:grid;grid-template-rows:auto 1fr;border-radius:24px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6;transition:box-shadow .3s var(--ease-dd),translate .3s var(--ease-dd)}
.plc:has(.plc__a):hover{translate:0 -3px;box-shadow:inset 0 0 0 1px #d6d1c6,0 22px 40px -28px rgba(17,17,17,.45)}
.plc__stage{display:grid;place-items:center;aspect-ratio:16/10;padding:10%;background:#FFF7EF;transition:background-color .4s var(--ease-dd)}
.plc:hover .plc__stage{background:var(--l)}
.plc__stage img{display:block;width:100%;max-width:300px;height:100%;max-height:120px;object-fit:contain}
.plc__stage--icon img{width:auto;max-height:150px;border-radius:14px}
.plc__mono{display:grid;place-items:center;width:clamp(120px,11vw,160px);aspect-ratio:1;border-radius:28px;background:var(--mm);color:#fff;font:600 clamp(43.2px,4vw,60.8px)/1 var(--display);letter-spacing:-.04em}
.plc__tx{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,2vw,28px);color:#1C1F4A}
.plc__h{font:600 clamp(26px,1.98vw,30.6px)/1.05 var(--display);letter-spacing:-.022em}
.plc__a{color:inherit}
.plc__a::after{content:"";position:absolute;inset:0;z-index:1}
.plc__a:focus-visible{outline:none}
.plc:has(.plc__a:focus-visible){outline:2px solid #1C1F4A;outline-offset:3px}
.plc__p{font:400 15px/22px var(--text);color:#3E4160;text-wrap:pretty}
.plc__cs{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.plc__cs li{position:relative;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border-radius:999px;background:#FFF7EF;font:500 13px/18px var(--text)}
.plc__cs i{width:8px;height:8px;border-radius:50%;background:var(--m);flex:0 0 auto}
.plc__cs a{color:inherit}
.plc__cs li:hover{background:#F6E9DC}
.plc__go{margin-top:auto;padding-top:14px;border-top:1px solid #eeebe5}
.plc__visit{display:inline-flex;align-items:center;gap:6px;font:500 14px/18px var(--text)}
.plc__visit svg{width:12px;height:12px;transition:translate .25s var(--ease-dd)}
.plc:hover .plc__visit svg{translate:2px -2px}
@media (max-width:1100px){.plcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.plcs{grid-template-columns:minmax(0,1fr)}}
.pdc{position:relative;margin:0;display:grid;gap:18px;max-width:600px}
.pdc__cols{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(6px,1vw,14px);align-items:end}
.pdc__col{display:grid;justify-items:center;gap:10px;min-width:0}
.pdc__stack{display:grid;gap:6px;padding:6px;width:min(100%,64px);border-radius:999px;background:var(--l)}
.pdc__d{display:block;aspect-ratio:1;border-radius:50%;background:var(--c);outline:2px solid transparent;outline-offset:2px;transition:outline-color .25s}
.pdc__d:hover,.pdc__d:focus-visible{outline-color:#1C1F4A}
.pdc__lab{font:500 12px/16px var(--text);color:#3E4160;text-align:center;white-space:nowrap}
.pdc__lab:hover{text-decoration:underline;text-underline-offset:3px}
.pdc__cap{font:400 13px/18px var(--text);color:var(--grey);min-height:18px}
.pdc__d::after{content:attr(data-t);position:absolute;left:0;right:0;bottom:0;background:var(--bg);color:#1C1F4A;font:500 13px/18px var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .2s;pointer-events:none}
.pdc__d:hover::after,.pdc__d:focus-visible::after{opacity:1}
@media (max-width:560px){.pdc__lab{writing-mode:vertical-rl;rotate:180deg;font-size:11px;text-align:end;height:80px}}
@media (max-width:860px){.gsh__grey .colo{width:100%}.gsh__col{margin:200px 0 0 22%}.gsh__num{font-size:120px}}

/* featured Centre: white sheet with the photo, grey sheet with the numeral, colour sheet with the name */
.fcx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0 var(--g) clamp(64px,7vw,104px);background:var(--l);color:var(--d);border-radius:28px;overflow:hidden}
.fcx__img{display:block;min-height:clamp(420px,40vw,600px)}
.fcx__img img{width:100%;height:100%;object-fit:cover;transition:scale .8s var(--ease-dd)}
.fcx:hover .fcx__img img{scale:1.03}
.fcx__tx{display:flex;flex-direction:column;gap:18px;padding:clamp(28px,3.4vw,56px)}
.fcx__k{display:flex;align-items:center;gap:10px;font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase}
.fcx__h{font:600 clamp(28.8px,2.88vw,44.8px)/1.02 var(--display);letter-spacing:-.024em;text-wrap:balance}
.fcx__h a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
.fcx__p{font:400 16px/24px var(--text);max-width:34em;text-wrap:pretty}
.fcx__goal{display:grid;gap:6px;margin-top:auto;padding-top:12px}
.fcx__n{font:600 clamp(38.4px,4vw,60.8px)/.95 var(--display);letter-spacing:-.03em}
.fcx__u{font:400 14px/20px var(--text)}
.fcx__trk{max-width:420px;margin:10px 0 2px}
.fcx__trk .trk__seg,.fcx__trk .trk__dot{background:var(--d)}
.fcx__trk .trk::before{background:color-mix(in srgb,var(--d) 25%,transparent)}
.fcx__trk .trk::after{background:var(--d)}
.fcx .pill{align-self:flex-start;margin-top:8px}
@media (max-width:860px){.fcx{grid-template-columns:minmax(0,1fr)}.fcx__img{min-height:0;aspect-ratio:4/3}}

/* Our Work: seven vertical colour tabs (Tilda) */
.vt{display:flex;height:clamp(460px,44vw,620px);margin:0 var(--g) clamp(64px,7vw,104px)}
.vt__t{position:relative;display:flex;flex:0 0 clamp(52px,4.4vw,68px);background:var(--sh);overflow:hidden;transition:flex-grow .7s var(--ease),flex-basis .7s var(--ease)}
.vt__t.is-open{flex:1 1 auto}
.vt__lab{flex:0 0 clamp(52px,4.4vw,68px);display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 0;writing-mode:vertical-rl;font:500 clamp(18px,1.5vw,22px)/1 var(--display);letter-spacing:-.005em;color:#1C1F4A}
.vt__lab .ob{writing-mode:horizontal-tb}
.vt__body{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(18px,2vw,32px);padding:clamp(18px,2vw,28px) clamp(18px,2vw,28px) clamp(18px,2vw,28px) 0;opacity:0;transition:opacity .4s var(--ease-dd)}
.vt__t.is-open .vt__body{opacity:1;transition-delay:.25s}
.vt__img{min-height:0}
.vt__tx{display:grid;gap:14px;align-content:end;min-width:0}
.vt__c{font:400 14px/20px var(--text)}
.vt__h{font:600 clamp(24px,2.4vw,36.8px)/1.04 var(--display);letter-spacing:-.02em;text-wrap:balance}
.vt__h a:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.vt__g{font:400 15px/21px var(--text)}
.vt__g span{font:600 27px/1 var(--display);margin-right:4px}
.vt__tx .pill{justify-self:start;background:#1C1F4A;color:#fff}
@media (max-width:860px){.vt{flex-direction:column;height:auto}.vt__t{flex:none;flex-direction:column}.vt__lab{writing-mode:horizontal-tb;flex:none;flex-direction:row;padding:14px 16px}.vt__body{display:none;grid-template-columns:minmax(0,1fr);padding:0 16px 16px}.vt__t.is-open .vt__body{display:grid}.vt__img{aspect-ratio:4/3}}

/* five pathways: stacked sheets */
.pwc{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.pwc__c{display:flex;flex-direction:column;gap:10px;min-width:0}
.pwc__geo{aspect-ratio:1;border-radius:20px;margin-bottom:8px}
.pwc__n{font:500 13px/18px var(--text);color:var(--grey)}
.pwc__h{font:600 clamp(24px,1.8vw,27px)/1.06 var(--display);letter-spacing:-.016em;text-wrap:balance}
.pwc__p{font:400 15px/22px var(--text);color:#3E4160;text-wrap:pretty}
.pwc__k{font:500 13px/18px var(--text);margin-top:auto;padding-top:6px}
.pwc__go{display:inline-flex;align-items:center;gap:8px;font:400 15px/22px var(--text);border-bottom:1px solid currentColor;align-self:flex-start;padding-bottom:2px}
.pwc__go .ico{width:16px;height:16px;transition:translate .35s var(--ease-dd)}
.pwc__c:hover .pwc__h{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.pwc__c:hover .pwc__go .ico{translate:4px 0}
@media (max-width:1100px){.pwc{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:48px}}
@media (max-width:640px){.pwc{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 14px}.pwc__h{font-size:22px}.pwc__geo{border-radius:14px}}

/* footer colophon */
.foot__colo{margin-top:clamp(56px,6vw,88px);padding-top:16px;border-top:1px solid rgba(0,0,0,.18)}
.foot__colo .colo{--cols:5}

/* ---------- home hero + rail ---------- */
.hero{padding:clamp(40px,4.4vw,64px) var(--g) 0}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px 40px;align-items:end}
.hero__side{justify-self:end}
.hero__grid h1{max-width:14em}
.hero__side{display:grid;gap:14px;max-width:30em;padding-bottom:4px}
.rail__h{font:500 clamp(24px,2.2vw,32px)/1.2 var(--display);letter-spacing:-.012em}
.hero__ctl{display:flex;justify-content:space-between;align-items:center;margin-top:clamp(48px,5.5vw,80px);padding-top:16px;border-top:1px solid var(--line)}
@media (max-width:960px){.hero__grid{grid-template-columns:minmax(0,1fr)}}
.arrows{display:flex;gap:10px;flex:none}
@media (max-width:760px){.arrows{display:none}}
.circ{width:40px;height:40px;border:1px solid var(--line-2);border-radius:50%;display:inline-grid;place-items:center;transition:border-color .3s var(--ease-dd)}
.circ:hover{border-color:var(--ink)}
.circ svg{width:16px;height:16px}
.circ-s{width:24px;height:24px;border:1px solid var(--line-2);border-radius:50%;display:inline-grid;place-items:center;flex:none;transition:border-color .3s var(--ease-dd),transform .3s var(--ease-dd)}
.circ-s svg{width:12px;height:12px}
.rail{overflow-x:auto;padding:20px var(--g) 4px;margin-bottom:clamp(64px,7vw,112px);scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none}
.rail::-webkit-scrollbar{display:none}
.rail.is-drag{cursor:grabbing}
.rail__track{display:flex;gap:34px;width:max-content;padding-right:var(--g)}
.rail__card{flex:0 0 clamp(236px,21.5vw,310px);display:block}
.rail__img{aspect-ratio:310/405;position:relative}
.rail__img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--m);scale:0 1;transform-origin:left;transition:scale .5s var(--ease-dd)}
.rail__card:hover .rail__img::after,.rail__card:focus-visible .rail__img::after{scale:1 1}
.rail__cap{margin-top:20px;max-width:248px;text-wrap:balance}
.rail__tag{margin-top:6px;color:var(--grey);font:400 13px/18px var(--text);letter-spacing:.012em;text-wrap:balance;opacity:0;translate:0 -4px;transition:opacity .4s var(--ease-dd),translate .4s var(--ease-dd)}
.rail__card:hover .rail__tag,.rail__card:focus-visible .rail__tag{opacity:1;translate:0 0}
@media (hover:none){.rail__tag{opacity:1;translate:none}}
.rail__card:hover .rail__cap{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* images: fade in on load, settle on hover (dorisduke.org timings) */
.frame{overflow:hidden;background:var(--soft)}
.frame img{width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--ease-dd),scale .6s var(--ease-dd),translate 1.1s var(--ease)}
.frame img.is-wait,.ohero > img.is-wait{opacity:0}
a:hover .frame img,.icard:hover .frame img,.rail__card:hover .frame img{scale:1.05}
a:hover .frame:not(.logo-frame) img,.icard:hover .frame:not(.logo-frame) img{opacity:.9}
.logo-frame{position:relative;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1px #e5e5e5;border-radius:16px;overflow:hidden}
.logo-frame img{position:absolute;inset:0;margin:auto;width:auto;height:66%;max-width:80%;object-fit:contain}
.logo-frame svg{width:58%;height:auto;transition:scale .6s var(--ease-dd)}
.icard:hover .logo-frame svg{scale:1.04}

/* ---------- sections ---------- */
.sec{padding:clamp(72px,9.4vw,136px) var(--g)}
.sec--rule{border-top:1px solid var(--line)}
/* home: the latest posts follow the focus-areas rail closely, not a full section's gap apart */
.rail:has(+ #home-latest){margin-bottom:clamp(28px,3vw,48px)}
#home-latest{padding-top:clamp(44px,4.6vw,72px)}
.sec--tight{padding-block:clamp(56px,6vw,88px)}
.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(36px,4.4vw,64px)}
.shead > div{display:grid;gap:12px;min-width:0}
.shead .t-small{white-space:nowrap}
@media (max-width:640px){.shead{flex-direction:column;align-items:flex-start;gap:14px}}
.grid{display:grid;gap:56px 40px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.g4,.g5,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.g2,.g3,.g4,.g5{grid-template-columns:minmax(0,1fr)}.grid{gap:44px}}

/* image card */
.icard{display:flex;flex-direction:column;min-width:0}
#home-gi .icard{background:#fff;border-radius:24px;padding:clamp(14px,1.4vw,20px) clamp(14px,1.4vw,20px) clamp(22px,2vw,30px);color:#1C1F4A;--ink:#14162F;--grey:#737373;--line:#e5e5e5}
#home-gi .icard .logo-frame{box-shadow:none;background:#e7eefc}
#home-gi .icard:nth-child(2) .logo-frame{background:#fde9dc}
#home-gi .icard > :not(a){padding-inline:clamp(6px,.8vw,12px)}
.icard .frame{aspect-ratio:427/278;margin-bottom:24px}
.icard.is-wide .frame{aspect-ratio:1360/760}
.icard .t-eyebrow{margin-bottom:12px}
.eb-ic{font-size:15px;vertical-align:-.25em;margin-right:2px}
.icard.is-text{border-top:1px solid var(--line);padding-top:20px}
.icard.is-text .icard__t{font:400 22px/28px var(--serif);letter-spacing:-.005em}
.icard__t{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.icard__t svg{margin-top:6px;opacity:0;translate:-10px 0;transition:opacity .3s var(--ease-dd),translate .3s var(--ease-dd)}
.icard:hover .icard__t svg{opacity:1;translate:0 0}
.icard__p{margin-top:16px;max-width:36em}
.icard.is-wide .icard__p{max-width:35em}
.icard__more{margin-top:20px}

/* project tile: one self-contained card. Status at the top, the title and summary in the middle, the outcome at the foot.
   In mixed lists the outcome's tint grows out of its badge on hover; inside one outcome the card is tinted. */
.ptile{display:flex;min-width:0;--ink:#14162F;--grey:#646884;--line:#ececec;color:#1C1F4A}
/* a light card: white, rounded, a hairline at rest and a soft shadow on hover; status as two chips */
.ptile__box{--pad:clamp(20px,1.8vw,28px);position:relative;flex:1;display:flex;flex-direction:column;min-height:clamp(300px,24vw,360px);padding:var(--pad);background:#fff;border-radius:22px;box-shadow:0 0 0 1px rgba(17,17,17,.07);transition:box-shadow .35s var(--ease-dd)}
.ptile:hover .ptile__box,.ptile:focus-visible .ptile__box{box-shadow:0 0 0 1px rgba(17,17,17,.1),0 18px 40px -22px rgba(17,17,17,.35)}
.ptile__top{display:flex;align-items:center;gap:10px}
.ptile__chips{display:flex;flex-wrap:wrap;gap:6px}
.ptile__chip{padding:4px 10px;border-radius:999px;font:500 12px/16px var(--text);box-shadow:inset 0 0 0 1px #dedede;color:#3E4160}
.ptile__chip--d{background:var(--t);box-shadow:none;color:var(--ti)}
.ptile__m{margin-top:12px;font:400 13px/18px var(--text);color:var(--grey);text-wrap:balance}
.ptile__t{margin-top:clamp(22px,2.4vw,34px);font:600 clamp(22px,1.67vw,25.2px)/1.12 var(--display);letter-spacing:-.016em;text-wrap:balance;max-width:13em}
.ptile__p{margin-top:12px;font:400 15px/22px var(--text);color:#646884;text-wrap:pretty;max-width:30em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.ptile__foot{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;font:500 13px/18px var(--text)}
.ptile__o{display:flex;align-items:center;gap:8px;min-width:0}
.ptile__o i{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--m)}
.ptile__arrow{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#F4F0F7;transition:background-color .3s var(--ease-dd),color .3s var(--ease-dd)}
.ptile__arrow .ico{width:18px;height:18px}
.ptile:hover .ptile__arrow,.ptile:focus-visible .ptile__arrow{background:#1C1F4A;color:#fff}
.ptile.is-done .ob{background:none;box-shadow:inset 0 0 0 1.5px var(--m);color:var(--m)}
.ptile.is-done .ptile__chip--d{background:#F4F0F7;color:#3E4160}

/* heart by the projects title */
.h-heart{display:flex;align-items:center;gap:14px}
.heart{display:inline-flex;color:#b4613c;font-size:.8em;animation:beat 2.4s var(--ease-dd) infinite}
@keyframes beat{0%,62%,100%{scale:1}70%{scale:1.16}78%{scale:.96}86%{scale:1.08}}

/* the latest: one large article, two stacked beside it, four in a row below */
.lat{display:grid;gap:clamp(12px,1.2vw,18px)}
.lat__top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(12px,1.2vw,18px)}
.lat__side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(12px,1.2vw,18px)}
.lat__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.2vw,18px)}
/* article cards: a soft panel, rounded photo, type chip and date, title, one short line, Centre chip */
.art{display:flex;flex-direction:column;gap:14px;min-width:0;padding:10px 10px 16px;background:#FFF7EF;border-radius:22px;transition:background-color .3s var(--ease-dd)}
.art:hover{background:#F6E9DC}
.art__img{position:relative;overflow:hidden;border-radius:14px;background:#F6E9DC}
.art__img img{width:100%;height:100%;object-fit:cover;transition:scale .7s var(--ease-dd)}
.art:hover .art__img img{scale:1.04}
.art__tx{display:flex;flex-direction:column;gap:10px;padding:0 8px;flex:1;min-width:0}
.art__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font:400 13px/18px var(--text);color:#646884}
.art__kind{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;background:#fff;color:#1C1F4A;font:500 12px/16px var(--text)}
.art__kind svg{width:14px;height:14px}
.art__t{font:400 21px/1.2 var(--display);letter-spacing:-.016em;text-wrap:balance}
.art:hover .art__t{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.art__p{font:400 15px/22px var(--text);color:#3E4160;text-wrap:pretty;max-width:36em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.art__c{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:4px;font:500 12px/16px var(--text);color:#3E4160}
.art__c i{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--m)}
.art--big .art__img{flex:1;min-height:320px}
.art--big .art__tx{flex:0 0 auto}
.art--big .art__t{font-size:clamp(26px,2.3vw,34px);line-height:1.12}
.art--side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:14px;padding:10px;align-items:stretch}
.art--side .art__img{height:100%;min-height:170px}
.art--side .art__tx{padding:6px 6px 6px 0}
.art--side .art__t{font-size:clamp(19px,1.5vw,22px)}
.art--sm .art__img{aspect-ratio:4/3}
.art--sm .art__t{font-size:18px}
.art__geo{position:relative}
.art__tile{position:absolute;inset:0}
.art__doc{display:grid;place-items:center}
.art__docic{display:flex;font-size:44px;color:#1C1F4A}
@media (max-width:960px){.lat__top{grid-template-columns:minmax(0,1fr)}.lat__row{grid-template-columns:repeat(2,minmax(0,1fr))}.art--big .art__img{flex:none;aspect-ratio:4/3;min-height:0}}
@media (max-width:560px){.art--side{grid-template-columns:minmax(0,1fr)}.art--side .art__img{aspect-ratio:4/3;height:auto}.art--side .art__tx{padding:0 8px 6px}.lat__row{grid-template-columns:minmax(0,1fr)}}

/* projects filter bar */
.fbar{display:grid;gap:16px;padding-block:22px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:48px}
.fbar__top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.seg{display:inline-flex;border:1px solid var(--ink)}
.seg button{font:400 14px/20px var(--text);padding:9px 16px;transition:background .3s var(--ease-dd),color .3s var(--ease-dd)}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.fbar__count{display:flex;gap:14px;align-items:center;color:var(--grey);font:400 14px/20px var(--text)}
.fbar__count button{color:var(--ink);font-size:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip-f{display:inline-flex;align-items:center;gap:8px;font:400 14px/20px var(--text);border:1px solid var(--line-2);padding:8px 12px;transition:border-color .3s var(--ease-dd),background .3s var(--ease-dd),color .3s var(--ease-dd)}
.chip-f:hover{border-color:var(--ink)}
.chip-f[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.chip-f i{width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}
.chip-f .oi{color:var(--m)}
.chip-f[aria-pressed="true"] .oi{color:#fff}
.chip-f span{color:var(--grey)}
.chip-f[aria-pressed="true"] span{color:rgba(255,255,255,.65)}
.chips--s .chip-f{font-size:13px;padding:6px 10px}
.fbar__row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 32px}
.fbar__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fbar__label{font:400 13px/20px var(--text);color:var(--grey);margin-right:4px}

/* goals board: the seven 2030 goals. A hairline runs to each goal; the dot marks what is reported.
   On hover the outcome's tint grows out of the row's dot into the ISAC capsule. */
.goals__head,.grow{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.05fr) 24px;gap:12px 36px;align-items:center;padding-inline:20px}
.goals__head{padding-bottom:14px;border-bottom:1px solid var(--ink)}
.goals__head span{font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.goals__list{border-top:1px solid var(--ink)}
.goals__list li{border-bottom:1px solid var(--line)}
.grow{position:relative;isolation:isolate;padding-block:clamp(22px,2.4vw,32px)}
.grow::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--t);clip-path:inset(calc(50% - 18px) calc(100% - 58px) calc(50% - 18px) 20px round 999px);transition:clip-path .38s cubic-bezier(.5,0,.75,0)}
.grow:hover::before,.grow:focus-visible::before{clip-path:inset(0 round 999px);transition:clip-path .65s cubic-bezier(.25,1,.5,1)}
.grow__dot{display:grid}
.grow__title{font:400 17px/24px var(--text);text-wrap:balance}
.grow__track{display:grid;gap:8px}
.trk{position:relative;display:block;height:13px}
.trk::before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:var(--line-2)}
.trk::after{content:"";position:absolute;right:0;top:0;width:1px;height:13px;background:var(--ink)}
.trk__seg{position:absolute;left:0;top:5.5px;height:2px;width:calc(var(--p) * 1%);background:var(--m)}
.trk__dot{position:absolute;left:calc(var(--p) * 1%);top:2.5px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--m)}
.grow__cap{font:400 14px/20px var(--text);color:var(--grey);transition:color .4s var(--ease-dd)}
.grow__cap.is-on{color:var(--ink)}
.grow__goal{display:grid;gap:6px}
.grow__n{font:600 clamp(32px,3.52vw,51.2px)/.92 var(--display);letter-spacing:-.012em;white-space:nowrap}
.grow__unit{font:400 14px/20px var(--text);color:var(--grey);text-wrap:balance;transition:color .4s var(--ease-dd)}
.grow__a{opacity:0;translate:-10px 0;transition:opacity .3s var(--ease-dd),translate .3s var(--ease-dd)}
.grow:hover .grow__a,.grow:focus-visible .grow__a{opacity:1;translate:0 0}
.grow:hover .grow__cap,.grow:hover .grow__unit,.grow:focus-visible .grow__cap,.grow:focus-visible .grow__unit{color:var(--ti)}
.grow__title,.grow__track,.grow__goal{transition:opacity .9s var(--ease),filter .9s var(--ease),translate .9s var(--ease),color .4s var(--ease-dd);transition-delay:calc(var(--i,0)*70ms)}
.js .goals:not(.is-in) .grow__title,.js .goals:not(.is-in) .grow__track,.js .goals:not(.is-in) .grow__goal{opacity:0;filter:blur(8px);translate:0 18px}
@media (max-width:860px){
  .goals__head{display:none}
  .grow{grid-template-columns:40px minmax(0,1fr) 24px;padding-inline:0}
  .grow__dot{grid-column:1;grid-row:1}
  .grow__title,.grow__track,.grow__goal{grid-column:2}
  .grow__a{grid-column:3;grid-row:1;opacity:1;translate:0 0}
  .grow::before{inset:0 calc(var(--g) * -1);clip-path:inset(0 100% 0 0);transition:clip-path .38s cubic-bezier(.5,0,.75,0)}
  .grow:hover::before,.grow:focus-visible::before{clip-path:inset(0)}
}

/* latest: one feature, two stacked */
.latest{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:40px}
.latest .icard.is-wide .frame{aspect-ratio:3/2}
.latest__side{display:grid;gap:48px;align-content:start}
.latest__side .icard .frame{aspect-ratio:2/1;margin-bottom:18px}
.latest__side .icard__t{font-size:21px;line-height:28px}
.latest__side .icard__p{margin-top:10px}
@media (max-width:960px){.latest{grid-template-columns:minmax(0,1fr)}}

/* results: the verified numbers, set in the serif as evidence */
.results{gap:40px}
.res{display:grid;gap:10px;align-content:start;border-top:1px solid var(--ink);padding-top:22px}
.res__n{font:400 clamp(48px,5vw,72px)/1 var(--serif);letter-spacing:-.025em;font-variant-numeric:lining-nums tabular-nums}
.res__w{font:400 19px/26px var(--text);text-wrap:balance}
.res__e{color:var(--grey);font:400 14px/20px var(--text);text-wrap:pretty}
.res__o{display:flex;align-items:center;gap:8px;font:400 14px/20px var(--text);color:var(--c)}


/* pathway columns */
.pways{grid-template-rows:repeat(4,auto);row-gap:12px}
.pway__ic{display:flex;color:var(--ink);font-size:30px;margin-bottom:6px}
.pway__geo{aspect-ratio:1;border-radius:18px;margin-bottom:8px}
.pway--pick[aria-pressed="true"] .pway__ic,a.pway:hover .pway__ic{color:var(--ink)}
.pway{border-top:1px solid var(--ink);padding-top:20px;display:flex;flex-direction:column;gap:12px;min-width:0}
@supports (grid-template-rows:subgrid){.pways .pway{display:grid;grid-row:span 4;grid-template-rows:subgrid;gap:12px;align-content:start}}
@supports not (grid-template-rows:subgrid){.pway h3{min-height:3.12em}}
@media (max-width:760px){.pways .pway{margin-bottom:28px}}
.pway h3{font:600 clamp(24px,1.89vw,27px)/1.06 var(--display);letter-spacing:-.016em;text-wrap:balance}
.pway p{color:var(--grey);font:400 14px/20px var(--text);text-wrap:pretty}
.pway a{margin-top:6px;font-size:14px;line-height:20px;align-self:flex-start}
.pway__more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font:400 14px/20px var(--text)}
.pway__more svg{width:16px;height:16px;translate:-4px 0;opacity:0;transition:opacity .3s var(--ease-dd),translate .3s var(--ease-dd)}
a.pway:hover h3{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
a.pway:hover .pway__more svg{opacity:1;translate:0 0}

/* split: title left, content right */
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px}
.split > *{min-width:0}
.split__head{display:grid;gap:14px;align-content:start}
.split__head .t-small{max-width:30em}
.split__body{display:grid;gap:28px;align-content:start}
.sec--part{padding-block:clamp(48px,5vw,72px)}
.sec--part .split__head{position:sticky;top:calc(var(--tabs-h) + 32px);align-self:start;transition:top .45s var(--ease)}
body.float-on .sec--part .split__head{top:calc(var(--tabs-h) + var(--float) + 32px)}
@media (max-width:860px){.split{grid-template-columns:minmax(0,1fr)}.sec--part .split__head{position:static}}

/* the Centre's five parts: one sticky index on the left, the lists on the right */
.pidx ul{display:grid;gap:2px;position:relative}
.pidx a{display:flex;gap:10px;align-items:baseline;padding:6px 0 6px 22px;font:600 clamp(24px,1.89vw,27px)/1.1 var(--display);letter-spacing:-.006em;color:var(--grey);transition:color .3s var(--ease-dd)}
.pidx a:hover,.pidx li.is-on a{color:var(--ink)}
.pidx__n{font:400 14px/20px var(--text);letter-spacing:0}
.pidx__ic{display:inline-flex;font-size:.8em;align-self:center}
.pidx__dot{position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%;background:var(--m);transition:translate .45s var(--ease-dd)}
.pidx__ds{display:grid;margin-top:24px;max-width:24em}
.pidx__d{grid-area:1/1;opacity:0;color:var(--grey);font:400 15px/22px var(--text);transition:opacity .2s var(--ease-dd)}
.pidx__d.is-on{opacity:1;transition-duration:.3s}
.pblks{gap:clamp(48px,5vw,72px)}
.pblk{display:grid;gap:14px}
.pblk__h{color:var(--ink)}
@media (min-width:861px){.pblk__h{display:none}}
@media (max-width:860px){.pidx{display:none}}

/* project status: two tracks */
.pstat{display:grid;gap:26px;max-width:660px;margin:6px 0 8px}
.pstat__h{font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--grey);margin-bottom:12px}
.pstat__track{position:relative;height:46px}
.pstat__seq{position:absolute;left:0;top:0;width:66%;height:100%}
.pstat__seq::before,.pstat__seq::after{content:"";position:absolute;left:0;top:6px;height:1px}
.pstat__seq::before{right:0;background:var(--line-2)}
.pstat__seq::after{width:calc(var(--k) * 100%);background:var(--ink)}
.pstat__s,.pstat__side{position:absolute;top:0;display:grid;gap:8px;justify-items:start}
.pstat__s:nth-child(1){left:0}
.pstat__s:nth-child(2){left:50%;justify-items:center;translate:-50% 0}
.pstat__s:nth-child(3){right:0;justify-items:end}
.pstat__side{left:calc(66% + 64px);max-width:calc(34% - 64px)}
.pstat__s i,.pstat__side i{position:relative;z-index:1;width:4px;height:4px;margin-top:4px;border-radius:50%;background:transparent}
.pstat__s.is-past i{background:var(--ink)}
.pstat__s.is-now i,.pstat__side.is-now i{width:8px;height:8px;margin-top:2px;background:var(--m)}
.pstat__s span,.pstat__side span{font:400 13px/18px var(--text);color:var(--grey);text-wrap:balance;white-space:nowrap}
.pstat__side span{white-space:normal}
.pstat__s.is-now span,.pstat__side.is-now span{color:var(--ink);font-weight:500}
@media (max-width:560px){
  .pstat__track{height:auto}
  .pstat__seq{position:relative;width:100%;height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .pstat__seq::after{width:calc(var(--k) * (66.67% + 7px))}
  .pstat__s,.pstat__s:nth-child(2),.pstat__s:nth-child(3){position:static;translate:none;justify-items:start}
  .pstat__s span{white-space:normal}
  .pstat__side{position:static;margin-top:16px;max-width:none}
}
.cta--one{grid-template-columns:minmax(0,1fr)}
.row__link{display:block;min-width:0}
.row__link:hover .row__t{text-decoration:underline;text-underline-offset:4px}
.row:has(.row__link:hover) .circ-s{border-color:var(--ink);transform:translateX(3px)}

/* support: pick a pathway */
.pway--pick{position:relative;text-align:left;cursor:pointer;background:none;border:0;border-top:1px solid var(--ink);padding:20px 0 0;font:inherit;color:inherit;transition:border-color .3s var(--ease-dd)}
.pway--pick[aria-pressed="true"]{box-shadow:inset 0 1px 0 var(--ink)}
.pway__dot{position:absolute;left:0;top:-7px;width:12px;height:12px;border-radius:50%;background:var(--ink);scale:0;transition:scale .24s var(--ease-dd)}
.pway--pick[aria-pressed="true"] .pway__dot{scale:1;animation:dotdrop 1.1s cubic-bezier(.3,1.2,.4,1) both}
.pway--pick:hover h3{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.pway__n{font:400 14px/20px var(--text);color:var(--grey)}
.pway__go{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:500}
.pway__go svg{width:14px;height:14px}

/* donate: one button to ISAC's Razorpay page */
.dn{padding:clamp(40px,5.6vw,80px) var(--g) clamp(72px,8vw,120px)}
.dn__top{display:grid;gap:14px;max-width:820px}
.dn__btn{min-height:56px;padding:14px 26px 14px 20px;font-size:18px;border-radius:12px;margin-top:12px}

/* about: how ISAC works (pathways to outcomes) */
.sys{margin:0}
.sys__svg{display:block;width:100%;height:auto;overflow:visible}
.sys__n text{font:400 15px Inter,'Helvetica Neue',Arial,sans-serif;fill:#14162F;transition:fill .3s var(--ease-dd)}
.sys__edges path{stroke:var(--line-2);stroke-width:1;transition:stroke .3s var(--ease-dd),stroke-width .3s var(--ease-dd),opacity .3s var(--ease-dd)}
.sys__n circle{fill:#14162F}
.sys__n{cursor:default}
.sys__ic{color:#14162F}
.sys__ic path{fill:currentColor}
.sys__o .sys__ic{color:var(--m)}
.sys.is-on .sys__edges path{opacity:.35}
.sys.is-on .sys__edges path.is-hi{opacity:1;stroke:#14162F;stroke-width:1.6}
.sys.is-on[data-by="o"] .sys__edges path.is-hi{stroke:var(--m);stroke-width:2.2}
.sys.is-on .sys__n text{fill:#a6a6a6}
.sys.is-on .sys__n.is-hi text{fill:#14162F}
.sys__m{display:none}
.sys__h{font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--grey);margin:28px 0 10px}
.sys__mt{display:flex;gap:10px;align-items:center}
@media (max-width:900px){.sys__svg{display:none}.sys__m{display:block}}

/* global initiatives: NSD grade staircase */
.ladder{margin:0;padding-top:24px}
.ladder__steps{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));align-items:start;padding-top:calc((var(--n) - 1) * 34px + 30px)}
.ladder__s{position:relative;margin-top:calc(var(--i) * -34px);border-top:1px solid var(--ink);padding:10px 16px 0 0;min-height:110px}
.ladder__s:not(:first-child)::before{content:"";position:absolute;left:-1px;top:-1px;width:1px;height:35px;background:var(--ink)}
.ladder__g{position:absolute;left:0;bottom:calc(100% + 10px);font:400 17px/22px var(--text);white-space:nowrap}
.ladder__s:not(:first-child) .ladder__g{left:12px}
.ladder__note{font:400 13px/18px var(--text);color:var(--grey);text-wrap:pretty;max-width:22em}
.ladder__note span{display:block;color:var(--ink);font-size:14px;margin-bottom:2px}
.ladder__s:not(:first-child) .ladder__note{padding-left:12px}
.ladder__br{position:relative;margin:28px 0 0 calc(100% / var(--n));border-top:1px solid var(--ink);padding-top:12px}
.ladder__br::before,.ladder__br::after{content:"";position:absolute;top:-6px;width:1px;height:6px;background:var(--ink)}
.ladder__br::before{left:0}.ladder__br::after{right:0}
.ladder__br span{font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
@media (max-width:900px){
  .ladder__steps{grid-template-columns:minmax(0,1fr);padding-top:0;gap:0}
  .ladder__s{margin:0 0 0 calc(var(--i) * 12px);min-height:0;padding:14px 0 16px;border-top:1px solid var(--line)}
  .ladder__s::before{display:none}
  .ladder__g,.ladder__s:not(:first-child) .ladder__g{position:static;margin-bottom:6px}
  .ladder__s:not(:first-child) .ladder__note{padding-left:0}
  .ladder__br{margin:12px 0 0 12px}
}

/* centres index rows: the dot floods the row on hover */
.tbl__o{display:flex;align-items:center;gap:10px}
.tbl__cn{display:flex;gap:16px;align-items:center}
.tbl__r--tint{position:relative;isolation:isolate}
.tbl__r--tint::before{content:"";position:absolute;inset:0 -20px;z-index:-1;background:var(--t);clip-path:inset(0 100% 0 0);transition:clip-path .38s cubic-bezier(.5,0,.75,0)}
.tbl__r--tint:hover::before,.tbl__r--tint:focus-visible::before{clip-path:inset(0);transition:clip-path .65s cubic-bezier(.25,1,.5,1)}

/* outcome impact: results set large with evidence */
.ifig{display:grid;gap:32px}
.ifig__r{display:grid;gap:10px;border-top:1px solid var(--ink);padding-top:18px}
.ifig__n{font:600 clamp(24px,2.56vw,38.4px)/1.06 var(--display);letter-spacing:-.012em;text-wrap:balance}
.ifig__e{color:var(--grey);font:400 14px/20px var(--text);text-wrap:pretty}

/* our work: the seven outcomes as a giant one-word index */
.owx{display:flex;flex-direction:column;align-items:flex-start;padding:0 var(--g) clamp(64px,7vw,110px)}
.owx__i{position:relative;isolation:isolate;font:600 clamp(32px,5.76vw,83.2px)/1 var(--display);letter-spacing:-.012em;padding:2px 10px 4px 0;text-align:left}
.owx__i span{position:relative}
.owx__i::before{content:"";position:absolute;inset:6% -12px 4% -12px;z-index:-1;background:var(--t);scale:0 1;transform-origin:left;transition:scale .3s var(--ease-dd)}
.owx__i:hover::before,.owx__i:focus-visible::before{scale:1 1}
.owx__i{display:inline-flex;align-items:center;gap:18px}
.owx__b{scale:0;transition:scale .35s cubic-bezier(.34,1.4,.64,1)}
.owx__i:hover .owx__b,.owx__i:focus-visible .owx__b{scale:1}

/* projects: list view */
.seg--s{margin-left:6px}
.seg--s button{padding:6px 12px;font-size:13px}
#projectGrid.is-list{display:block}
.ptbl{border-bottom:1px solid var(--line)}
.ptbl__h,.ptbl__r{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.1fr);gap:24px;align-items:baseline;padding-inline:12px}
.ptbl__h{font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--grey);padding-bottom:14px;border-bottom:1px solid var(--ink)}
.ptbl__r{position:relative;isolation:isolate;padding-block:20px;border-top:1px solid var(--line);font:400 14px/20px var(--text)}
.ptbl__h + .ptbl__r{border-top:0}
.ptbl__r::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--t);clip-path:inset(0 100% 0 0);transition:clip-path .38s cubic-bezier(.5,0,.75,0)}
.ptbl__r:hover::before,.ptbl__r:focus-visible::before{clip-path:inset(0);transition:clip-path .65s cubic-bezier(.25,1,.5,1)}
.ptbl__t{font:400 19px/24px var(--display);letter-spacing:-.006em;text-wrap:balance}
.ptbl__o{display:flex;align-items:center;gap:8px}
.ptbl__o i{width:8px;height:8px;border-radius:50%;background:var(--m);flex:none}
.ptbl__k{display:none}
@media (max-width:860px){
  .ptbl__h{display:none}
  .ptbl__r{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;padding-inline:0}
  .ptbl__t{grid-column:1/-1;margin-bottom:4px}
  .ptbl__k{display:block;color:var(--grey);font-size:12px;line-height:16px}
}

/* project gallery */
.gal{position:relative;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;height:clamp(360px,40vw,580px);padding-inline:var(--g)}
.gal__i{margin:0;min-height:0}
.gal__i--big{grid-row:span 2}
.gal__ph{display:grid;place-content:center;justify-items:center;gap:12px;padding:20px;background:var(--t);color:var(--grey);text-align:center}
.gal__ic{display:flex;font-size:34px;color:var(--m)}
.gal__ph figcaption{font:400 13px/18px var(--text);max-width:18em;text-wrap:balance}
.gal__n{position:absolute;left:calc(var(--g) + 16px);bottom:16px;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg);font:500 12px/16px var(--text)}
@media (max-width:760px){.gal__n{top:12px;bottom:auto;left:calc(var(--g) + 12px)}.gal{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;height:auto}.gal__i--big{grid-column:1/-1;grid-row:auto;aspect-ratio:4/3}.gal__i:not(.gal__i--big){aspect-ratio:1}}

/* status board */
.stb{display:grid;gap:clamp(24px,2.6vw,36px);margin-top:clamp(40px,4vw,56px);padding-block:clamp(44px,4.6vw,64px)}
.stb__h{font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:#3f3f3f;margin-bottom:14px}
.stb__line{display:flex;align-items:center;gap:clamp(16px,2vw,32px);flex-wrap:wrap}
.stb__seq{display:flex;align-items:center;flex:0 1 auto;min-width:0;flex-wrap:wrap;gap:10px 0}
/* every state is a readable chip: done = soft white with a tick, current = solid black with the outcome badge, still to come = outlined */
.stb__seq li,.stb__side{display:flex;align-items:center;gap:10px;padding:10px 20px;border-radius:999px;font:600 clamp(18px,1.53vw,21.6px)/1.1 var(--display);letter-spacing:-.012em;white-space:nowrap;color:#3f3f3f;box-shadow:inset 0 0 0 1.5px rgba(17,17,17,.3)}
.stb__seq li{position:relative}
.stb__seq li + li::before{content:"";position:absolute;right:calc(100% + 6px);top:50%;width:calc(clamp(26px,3.2vw,46px) - 12px);height:1.5px;background:rgba(17,17,17,.35)}
.stb__seq li + li{margin-left:clamp(26px,3.2vw,46px)}
.stb__seq li.is-past{background:rgba(255,255,255,.65);box-shadow:none;color:#1C1F4A}
.stb__tick{width:20px;height:20px;flex:0 0 auto}
.stb__seq li.is-now,.stb__side.is-now{background:#1C1F4A;color:#fff;box-shadow:none;padding-left:8px}
.stb__side{margin-left:clamp(10px,1.6vw,24px);font-size:clamp(15px,1.3vw,19px);box-shadow:none;border:1.5px dashed rgba(17,17,17,.38)}
.stb__side.is-now{border-color:#1C1F4A}
@media (max-width:760px){.stb__seq li + li{margin-left:8px}.stb__seq li + li::before{display:none}.stb__seq li,.stb__side{font-size:17px;padding:8px 14px}.stb__side{margin-left:0}}
.pj-sum{max-width:24em}

/* project facts strip (Augustinus Fonden / Bureaugraphies / Villa Kujoyama / HMS Trust) */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;background:#FFF7EF;border-radius:22px;overflow:hidden}
.facts > div{display:grid;gap:8px;align-content:start;min-width:0;padding:20px clamp(18px,1.8vw,26px) 22px}
.facts > div + div{box-shadow:inset 1px 0 0 rgba(17,17,17,.1)}
.facts dt{font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.facts dd{margin:0;font:400 16px/22px var(--text);text-wrap:balance}
.facts a:hover{text-decoration:underline;text-underline-offset:4px}
.facts__o{display:inline-flex;align-items:center;gap:10px}
.facts dt .pi{font-size:13px;vertical-align:-.15em;margin-right:2px}
@media (max-width:860px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.facts > div:nth-child(3){box-shadow:inset 0 1px 0 rgba(17,17,17,.1)}.facts > div:nth-child(4){box-shadow:inset 1px 0 0 rgba(17,17,17,.1),inset 0 1px 0 rgba(17,17,17,.1)}}
.pj-body .split__head .pstat{margin-top:4px;position:sticky;top:calc(var(--g) + 8px)}
body.float-on .pj-body .split__head .pstat{top:calc(var(--float) + 24px)}
@media (max-width:860px){.pj-body .split__head .pstat{position:static}}

/* icons: Phosphor fill. The outcome badge is the dot carrying its icon. */
.pi{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.14em}
.ob{--s:36px;display:inline-grid;place-items:center;width:var(--s);height:var(--s);border-radius:50%;background:var(--m);color:#fff;flex:none}
.ob .pi{width:54%;height:54%;vertical-align:0}
.ob--s{--s:28px}.ob--l{--s:52px}.ob--xl{--s:64px}
.oi{display:inline-flex;color:var(--m);flex:none}
.oi .pi{width:16px;height:16px;vertical-align:0}
.ink-ic{display:inline-flex;color:var(--ink);flex:none}
.lab-ob{display:inline-flex;align-items:center;gap:14px}

/* events */
.cblog__h{display:flex;align-items:center;gap:10px;margin:36px 0 18px!important}
.cblog__h i{width:9px;height:9px;border-radius:50%;background:var(--m)}
.evs__h{font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--grey);margin:4px 0 -8px}
.evtop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,40px)}
.evtop .evc{grid-template-columns:minmax(0,1fr)}
.evtop .evc__img{aspect-ratio:4/3}
.evc{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(16px,1.6vw,24px);align-items:start}
.evc__img{aspect-ratio:4/3}
.evc__tx{display:grid;gap:8px}
.evc__t{font:400 20px/26px var(--display);letter-spacing:-.006em;text-wrap:balance}
.evc__p{font:400 14px/21px var(--text);color:var(--grey);text-wrap:pretty}
.evc__c,.evr__c{display:flex;align-items:center;gap:8px;font:400 13px/18px var(--text);color:var(--grey)}
.evc__c i,.evr__c i,.cal__list i{width:8px;height:8px;border-radius:50%;background:var(--m);flex:none}
.evr{border-top:1px solid var(--line)}
.evr__r{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,.7fr);gap:6px 24px;padding-block:16px;border-bottom:1px solid var(--line);align-items:baseline}
.evr__d{font:400 14px/20px var(--text);color:var(--grey);font-variant-numeric:tabular-nums}
.evr__t{font:400 16px/23px var(--text);text-wrap:pretty}
@media (max-width:760px){.evtop{grid-template-columns:minmax(0,1fr)}.evc{grid-template-columns:minmax(0,1fr)}.evr__r{grid-template-columns:minmax(0,1fr)}}
.cal{margin-top:20px;max-width:440px;border:1px solid var(--line);padding:18px}
.cal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.cal__m{font:400 18px/24px var(--display);letter-spacing:-.004em}
.cal__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.cal__w{font:500 10px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--grey);text-align:center;padding-bottom:6px}
.cal__d{position:relative;aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:3px;font:400 13px/1 var(--text);color:#a6a6a6}
.cal__d b{font-weight:400}
.cal__d.has-ev{color:var(--ink);background:var(--soft)}
.cal__d i{width:6px;height:6px;border-radius:50%;background:var(--m)}
.cal__d.is-today b{text-decoration:underline;text-underline-offset:3px}
.cal__list{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:8px}
.cal__list li{display:grid;grid-template-columns:8px auto minmax(0,1fr);gap:10px;align-items:baseline;font:400 13px/18px var(--text)}
.cal__when{color:var(--grey);white-space:nowrap}
.cal__none{display:block!important;color:var(--grey)}

/* published reports as cards */
.rcard{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:10px;min-height:280px;padding:clamp(20px,1.8vw,28px);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.rcard::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--tint);clip-path:inset(100% 0 0 0);transition:clip-path .55s var(--ease-dd)}
.rcard:hover::before,.rcard:focus-visible::before{clip-path:inset(0)}
.rcard__ic{display:flex;font-size:40px;margin-bottom:10px}
.rcard__k{font:400 13px/18px var(--text);color:var(--grey)}
.rcard__t{font:600 clamp(22px,1.71vw,25.2px)/1.15 var(--display);letter-spacing:-.012em;text-wrap:balance}
.rcard__s{font:400 14px/20px var(--text);color:var(--grey)}
.rcard__f{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;align-items:center;font:500 13px/18px var(--text)}
.rcard__a{display:flex;opacity:.35;translate:-6px 0;transition:opacity .3s var(--ease-dd),translate .3s var(--ease-dd)}
.rcard:hover .rcard__a{opacity:1;translate:0 0}

/* featured Centre */
.feat-c{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,3.4vw,56px);align-items:stretch;padding:0 var(--g) clamp(64px,7vw,104px)}
.feat-c__img{min-height:clamp(360px,36vw,540px)}
.feat-c__tx{display:grid;gap:18px;align-content:center;padding:clamp(8px,1.6vw,24px) 0}
.feat-c__k{display:flex;align-items:center;gap:12px;font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.feat-c__t{font:600 clamp(27.2px,2.72vw,41.6px)/1.04 var(--display);letter-spacing:-.02em;text-wrap:balance}
.feat-c__t a:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.feat-c__goal{display:grid;gap:8px;padding:18px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.feat-c__goal .trk{margin-top:6px}
.feat-c__n{font:600 clamp(32px,3.2vw,48px)/.95 var(--display);letter-spacing:-.012em}
@media (max-width:860px){.feat-c{grid-template-columns:minmax(0,1fr)}.feat-c__img{min-height:0;aspect-ratio:4/3}}

/* centres carousel */
.crail{display:flex;gap:clamp(20px,2vw,32px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--g);padding:28px var(--g) 8px;scrollbar-width:none}
.crail::-webkit-scrollbar{display:none}
.ccard{flex:0 0 clamp(280px,30vw,420px);scroll-snap-align:start;display:flex;flex-direction:column;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .4s var(--ease-dd)}
.ccard:hover{box-shadow:inset 0 0 0 1px var(--m)}
.ccard__img{aspect-ratio:1;position:relative}
.ccard__geo{position:absolute;inset:0}
.ccard__img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--m);scale:0 1;transform-origin:left;transition:scale .5s var(--ease-dd)}
.ccard:hover .ccard__img::after{scale:1 1}
.ccard__tx{display:grid;gap:10px;padding:clamp(18px,1.6vw,24px);align-content:start}
.ccard__t{font:600 clamp(21px,1.53vw,23.4px)/1.15 var(--display);letter-spacing:-.012em;text-wrap:balance;margin-top:6px}
.ccard__o{font:400 15px/21px var(--text);color:var(--grey)}
.ccard__g{font:400 14px/20px var(--text);padding-top:12px;border-top:1px solid var(--line)}
.ccard__g span{font:600 23px/1 var(--display);letter-spacing:-.01em;margin-right:4px}
.ccard__p{font:400 12px/17px var(--text);color:var(--grey)}

/* people */
/* people: halftone portraits on colour panels */
.stories{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--g) * -1);padding-inline:var(--g);scroll-padding-inline:var(--g);scrollbar-width:none}
.stories::-webkit-scrollbar{display:none}
.story{position:relative;margin:0;flex:0 0 clamp(270px,25vw,380px);height:clamp(460px,40vw,580px);background:var(--bg);color:#1C1F4A;scroll-snap-align:start;overflow:hidden}
.story:first-child{border-radius:22px 0 0 22px}
.story:last-child{border-radius:0 22px 22px 0}
.story figcaption{position:relative;z-index:1;padding:clamp(18px,1.8vw,26px)}
.story__n{font:600 clamp(22px,1.9vw,28px)/1.02 var(--display);letter-spacing:-.03em;text-wrap:balance;max-width:11em}
.story__r{font:500 13px/18px var(--text);margin-top:8px}
.story__b{font:400 13px/19px var(--text);margin-top:10px;max-width:24em;text-wrap:pretty;opacity:0;translate:0 6px;transition:opacity .4s var(--ease-dd),translate .4s var(--ease-dd)}
.story:hover .story__b,.story:focus-within .story__b{opacity:1;translate:0 0}
.story__img{position:absolute;left:50%;bottom:0;translate:-50% 0;height:66%;width:auto;max-width:none;transition:translate .6s var(--ease-dd)}
.story:hover .story__img{translate:-50% -8px}
@media (hover:none){.story__b{opacity:1;translate:0 0}}
@media (max-width:640px){.story{flex-basis:78vw;height:540px}.story__img{height:58%}}

/* rows */
.rows{border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;padding-block:22px;border-bottom:1px solid var(--line);align-items:start}
.row__t{font:400 16px/24px var(--text)}
.row__d{color:var(--grey);font:400 14px/20px var(--text);margin-top:4px;max-width:44em}
.row__x{font-size:14px;line-height:24px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
.row__meta{display:flex;align-items:center;gap:16px;color:var(--grey);font:400 14px/24px var(--text);white-space:nowrap}
.pdf-ic{font-size:22px}
.chip{display:inline-block;font:500 10px/1 var(--text);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line-2);padding:5px 6px;color:var(--ink)}
.kv{display:grid;grid-template-columns:minmax(120px,32%) minmax(0,1fr);gap:6px 24px;padding-block:20px;border-bottom:1px solid var(--line)}
.kv dt{color:#3E4160;font:400 14px/24px var(--text);display:flex;gap:10px;align-items:flex-start}
.kv-ic{font-size:20px;margin-top:2px}
.kv dd{font:400 16px/24px var(--text)}
@media (max-width:560px){.kv{grid-template-columns:minmax(0,1fr)}}
.empty{color:var(--grey);font:400 14px/20px var(--text);padding-block:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* table rows (grant-table style) */
.tbl{border-bottom:1px solid var(--line)}
.tbl__h,.tbl__r{display:grid;grid-template-columns:var(--cols);gap:24px;align-items:center}
.tbl__h{color:var(--grey);font:400 14px/20px var(--text);padding-bottom:14px;border-bottom:1px solid var(--line)}
.tbl__r{padding-block:26px;border-top:1px solid var(--line)}
.tbl__h + .tbl__r{border-top:0}
.tbl__r > *{min-width:0}
.tbl__r:hover .tbl__name{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.tbl__r:hover .circ-s{border-color:var(--ink);transform:translateX(3px)}
.tbl__name{font:500 16px/24px var(--text)}
.tbl__sub{color:var(--grey);font:400 14px/20px var(--text);margin-top:4px}
.tbl__k{display:none;color:var(--grey);font:400 13px/18px var(--text)}
@media (max-width:860px){.tbl__h{display:none}.tbl__r{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px}.tbl__r > .tbl__c{grid-column:1}.tbl__r > .circ-s{grid-column:2;grid-row:1}.tbl__k{display:block}}

/* serif call-to-action module */
.cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:center;padding:40px var(--g);border-top:1px solid var(--line)}
.cta__text{display:grid;gap:14px;max-width:560px;padding-block:40px}
.cta__text .btns{margin-top:18px}
.cta .frame{aspect-ratio:660/440}
@media (max-width:860px){.cta{grid-template-columns:minmax(0,1fr)}.cta__text{padding-block:24px 0}}

/* page heads */
.phead{padding:clamp(40px,5.6vw,80px) var(--g) clamp(56px,7vw,100px);display:grid;gap:clamp(32px,4vw,56px)}
.phead__top{display:grid;gap:18px}
.phead__top h1{max-width:16em}
.phead__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px}
.phead__cols > :last-child{grid-column:2;display:grid;gap:20px}
.phead--solo{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:28px clamp(40px,5vw,88px)}
/* the intro starts level with the title, below the label */
.phead--solo .phead__side{display:grid;gap:20px;align-content:start;padding-top:40px}
@media (max-width:900px){.phead--solo .phead__side{padding-top:0}}
.phead--solo{padding-bottom:clamp(36px,4vw,60px)}
.pjf + .pjb{padding-top:clamp(48px,5vw,72px)}
@media (max-width:900px){.phead--solo{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){.phead__cols{grid-template-columns:minmax(0,1fr)}.phead__cols > :last-child{grid-column:1}}
.back{display:inline-flex;align-items:center;gap:10px;color:var(--grey);font:400 14px/20px var(--text)}
.back:hover{color:var(--ink)}

/* Our Work: stacked sticky panels (the dorisduke.org "Our Ideas" pattern) */
.ows{--band:34px}
@media (max-height:760px){.ows{--band:26px}}
.ow{position:sticky;top:calc(var(--i) * var(--band));height:calc(100vh - var(--i) * var(--band));min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:center;padding:calc(var(--band) + clamp(24px,3vw,40px)) var(--g) clamp(24px,3vw,40px);background:var(--bg);transition:top .45s var(--ease)}
body.float-on .ow{top:calc(var(--float) + var(--i) * var(--band))}
.ow__tab{position:absolute;inset:0 0 auto;height:var(--band);display:flex;align-items:center;gap:10px;padding-inline:var(--g);background:var(--bg);border-top:1px solid var(--line);font:400 14px/20px var(--text);color:var(--ink);text-align:left}
.ow__tab .oi{transition:scale .3s var(--ease-dd)}
.ow__tab:hover .oi,.ow__tab:focus-visible .oi{scale:1.25}
.ow__tab:hover,.ow__tab:focus-visible{text-decoration:underline;text-underline-offset:4px}
.ow__anchor{display:block;height:0}
.ow__text{display:grid;gap:20px;align-content:center;max-width:620px}
.ow__tag{color:var(--grey);font:400 15px/22px var(--text);display:flex;align-items:center;gap:14px}
.ow__t{font:600 clamp(32px,3.56vw,52.8px)/1.02 var(--display);letter-spacing:-.022em;text-wrap:balance}
.ow__t a:hover{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
.ow__rest{display:grid;gap:20px}
.ow__img{justify-self:end;height:min(calc(74vh - var(--i) * var(--band)),720px);aspect-ratio:4/5;max-width:100%}
.ow__t,.ow__rest{transition:opacity .9s var(--ease),filter .9s var(--ease),translate .9s var(--ease)}
.ow__rest{transition-delay:.12s}
.js .ow:not(.is-in) .ow__t,.js .ow:not(.is-in) .ow__rest{opacity:0;filter:blur(10px);translate:0 22px}
.js .ow:not(.is-in) .ow__img img{translate:0 48px;scale:1.06}
@media (max-width:860px){.ow{position:relative;top:0!important;height:auto;min-height:0;grid-template-columns:minmax(0,1fr);padding-block:calc(var(--band) + 32px) 56px}.ow__img{justify-self:stretch;height:auto;aspect-ratio:4/3}}

/* events hero */
.evh{--rule:#cdc9c2;display:grid;grid-template-columns:minmax(190px,1.15fr) minmax(0,2.85fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(150px,1fr) auto auto;background:#ebe9e4;color:#1C1F4A;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:min(calc(100svh - var(--bar)),860px)}
.evh__side{grid-row:1/-1;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:22px var(--g) 26px;border-right:1px solid var(--rule)}
.evh__page{font:400 15px/20px var(--text);letter-spacing:.01em;color:#646884}
.evh__list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.evh__li{display:flex;gap:10px;align-items:baseline;text-align:left;background:none;border:0;padding:0;font:600 clamp(17px,1.22vw,18px)/1.22 var(--display);letter-spacing:-.01em;color:#646884;cursor:pointer;transition:color .25s}
.evh__li i{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--m);translate:0 -2px;opacity:.45;transition:opacity .25s}
.evh__li[aria-pressed="true"],.evh__li:hover{color:#1C1F4A}
.evh__li[aria-pressed="true"] i{opacity:1}
.evh__more{font:500 14px/20px var(--text);color:#1C1F4A;align-items:center}
.evh__more .ico{width:15px;height:15px}
.evh__main{grid-row:1/-1;grid-column:2;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:22px clamp(20px,2vw,32px) 26px;border-right:1px solid var(--rule)}
.evh__top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.evh__who{font:600 clamp(17px,1.26vw,18.9px)/1.25 var(--display);letter-spacing:-.008em}
.evh__dates{display:flex;gap:6px;align-items:center}
.evh__d{display:flex;align-items:center;gap:6px;background:none;border:0;padding:0 4px 0 0;cursor:pointer;font:600 clamp(15px,1.08vw,16.2px)/1 var(--display);color:#1C1F4A}
.evh__d b{display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:999px;background:var(--m);color:#fff;font:500 15px/1 var(--text);opacity:.5;transition:opacity .25s,scale .25s}
.evh__d.is-on b,.evh__d:hover b{opacity:1}
.evh__d.is-on b{scale:1.08}
.evh__d b{position:relative}
.evh__k{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.evh__cd{display:grid;align-content:end;gap:4px;height:100%;padding:clamp(16px,1.6vw,22px)}
.evh__cd span{font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:#3E4160}
.evh__cd b{font:600 clamp(44.8px,4.32vw,70.4px)/.9 var(--display);letter-spacing:-.04em;color:#1C1F4A}
.evh__cd span:first-child::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--m)}
.evh__cd b.evh__cdw{font-size:clamp(24px,2.2vw,32px);line-height:1.05;letter-spacing:-.02em}
.evh__c1{display:grid}
.evh__acts{display:grid;flex:0 1 270px;min-width:220px;border-radius:18px;background:#fff;overflow:hidden}
.evh__act{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border:0;background:none;color:#1C1F4A;text-align:left;cursor:pointer;transition:background-color .2s var(--ease-dd)}
.evh__act + .evh__act{box-shadow:inset 0 1px 0 #F6E9DC}
.evh__act:hover{background:#FFF7EF}
.evh__ai{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#FFF7EF}
.evh__ai svg{width:16px;height:16px}
.evh__at{display:grid;gap:1px;font:500 14px/18px var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evh__at small{font:400 12px/16px var(--text);color:#646884;overflow:hidden;text-overflow:ellipsis}
.evh__aa{display:flex;transition:translate .25s var(--ease-dd)}
.evh__aa svg{width:15px;height:15px}
.evh__act:hover .evh__aa{translate:3px 0}
.evh__tot{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.evh__tot button{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border:0;border-radius:999px;background:#fff;font:400 14px/18px var(--text);color:#3E4160;cursor:pointer}
.evh__tot button:hover{background:#1C1F4A;color:#fff}
.evh__tot b{font:500 16px/1 var(--display);color:inherit}
.evh__d b em{position:absolute;right:-6px;top:-6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#1C1F4A;color:#fff;font:600 10px/1 var(--text);font-style:normal}
.evh__lab{font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:#646884;margin-bottom:12px}
.evh__top{align-items:flex-start}
.evh__top .evh__lab{margin:4px 0 0}
.evh__leaves{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.evh__leaf{position:relative;display:grid;justify-items:center;gap:3px;min-width:68px;padding:10px 10px 9px;border:0;border-radius:16px;background:#fff;color:#1C1F4A;box-shadow:inset 0 0 0 1px #dcd8cf;cursor:pointer;transition:background-color .2s var(--ease-dd),box-shadow .2s var(--ease-dd),translate .2s var(--ease-dd)}
.evh__leaf:hover{box-shadow:inset 0 0 0 1.5px #1C1F4A;translate:0 -2px}
.evh__leaf b{font:600 25px/1 var(--display);letter-spacing:-.02em}
.evh__lw,.evh__lm{font:500 10px/12px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#646884}
.evh__ld{display:flex;align-items:center;gap:3px;height:8px;margin-top:4px}
.evh__ld i{width:7px;height:7px;border-radius:50%;background:var(--m);box-shadow:0 0 0 1.5px #fff}
.evh__ld small{font:600 10px/1 var(--text);margin-left:2px}
.evh__leaf.is-on{background:#1C1F4A;color:#fff;box-shadow:none}
.evh__leaf.is-on .evh__lw,.evh__leaf.is-on .evh__lm{color:#d9d9d9}
.evh__leaf.is-on .evh__ld i{box-shadow:0 0 0 1.5px #1C1F4A}
.evh__chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:999px;background:#fff;font:500 13px/18px var(--text);letter-spacing:0;text-transform:none}
.evh__chip i{width:9px;height:9px;border-radius:50%;background:var(--m)}
.evh__k .evh__chip{color:#1C1F4A;filter:none}
.evh__li span{display:grid;gap:2px}
.evh__li small{font:400 13px/18px var(--text);letter-spacing:0;color:#646884}
.evh__box dd span{display:block;font:400 14px/20px var(--text);color:#646884;margin-top:2px;filter:none}
.evh__box div:first-child dd span{color:#646884}
button.evh__cta{width:100%;border:0;text-align:left;cursor:pointer}
.evh__body{display:grid;gap:22px}
.evh__k{font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase}
.evh__k > span:not(.evh__chip){color:#1C1F4A;margin-left:4px}
.evh__h{font:500 clamp(44px,5.4vw,88px)/.98 var(--display);letter-spacing:-.04em;text-wrap:balance;max-width:11em}
.evh__p{font:400 16px/25px var(--text);color:#3E4160;max-width:36em;text-wrap:pretty}
.evh__box{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;margin:4px 0 0;padding:16px 18px;background:#f6f5f2;max-width:640px}
.evh__box dt{font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:#646884}
.evh__box dd{margin:4px 0 0;font:500 clamp(18px,1.5vw,22px)/1.2 var(--display);letter-spacing:-.01em}
.evh__box div:first-child dd{color:#1C1F4A}
.evh__cell{border-bottom:1px solid var(--rule);min-width:0}
.evh__photo{border-right:1px solid var(--rule)}
.evh__c1in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;height:100%;padding:clamp(14px,1.4vw,20px)}
.evh__c1in .evh__cd{height:auto;padding:0}
.evh__c1{grid-column:3/5;grid-row:1}
.evh__photo{grid-column:3;grid-row:2;aspect-ratio:1;overflow:hidden}
.evh__photo img{width:100%;height:100%;object-fit:cover}
.evh__tile{grid-column:4;grid-row:2;aspect-ratio:1}
.evh__tile .geo{width:100%;height:100%}
.evh__ctaw{grid-column:3/5;grid-row:3;border-bottom:0;padding:clamp(14px,1.4vw,20px)}
.evh__cta{position:relative;display:flex;align-items:flex-end;min-height:clamp(170px,15vw,230px);padding:clamp(18px,1.8vw,26px);background:#FF7A3D;color:#1C1F4A;font:500 clamp(22px,1.9vw,28px)/1.12 var(--display);letter-spacing:-.015em;transition:background .3s}
.evh__cta:hover{background:#ffe100}
.evh__arr{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1C1F4A;color:#FF7A3D;transition:rotate .35s var(--ease-dd)}
.evh__arr svg{width:16px;height:16px}
.evh__cta:hover .evh__arr{rotate:45deg}
@media (max-width:1000px){
  .evh{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;min-height:0}
  .evh__side{grid-column:1/-1;grid-row:auto;border-right:0;border-bottom:1px solid var(--rule);padding:18px var(--g)}
  .evh__list{margin:0;display:flex;flex-wrap:wrap;gap:8px 18px}
  .evh__main{grid-column:1/-1;grid-row:auto;border-right:0;border-bottom:1px solid var(--rule);padding:22px var(--g) 28px;gap:40px}
  .evh__c1{grid-column:1/-1;grid-row:auto;border-bottom:1px solid var(--rule)}
  .evh__photo,.evh__tile{grid-column:auto;grid-row:auto;aspect-ratio:1}
  .evh__ctaw{grid-column:1/-1;grid-row:auto;padding:var(--g)}
}
@media (max-width:560px){.evh__top{flex-direction:column}.evh__box{grid-template-columns:minmax(0,1fr);gap:12px}}

/* projects bento */
#projectGrid.is-bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;row-gap:14px!important}
.bx{position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;min-width:0;color:#1C1F4A}
.bx--text{background:var(--sh);padding:clamp(20px,1.9vw,28px);min-height:clamp(380px,31vw,470px)}
.bx--text + .bx--photo,.bx--photo + .bx--text{align-self:stretch}
.bx--photo{grid-column:span 2;height:clamp(380px,31vw,470px);background:#ddd}
.bx--photo img{position:absolute;inset:0}
.bx--photo img,.bx__img img{width:100%;height:100%;object-fit:cover;transition:scale .8s var(--ease-dd)}
.bx--photo:hover img,.bx--split:hover .bx__img img{scale:1.04}
.bx--split{background:var(--sh)}
.bx__head{display:flex;flex-direction:column;padding:clamp(20px,1.9vw,28px);min-height:clamp(200px,15vw,232px)}
.bx__img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:22px 22px 0 0}
.bx__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px}
.bx__chip{display:inline-block;padding:4px 7px;border:1px solid currentColor;border-radius:6px;font:600 10px/12px var(--text);letter-spacing:.04em;text-transform:uppercase}
.bx__ic{display:flex;font-size:26px}
.bx__t{font:500 clamp(22px,1.9vw,30px)/1.06 var(--display);letter-spacing:-.025em;text-wrap:balance;max-width:14em}
.bx__foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px}
.bx__go{font:600 12px/16px var(--text);letter-spacing:.03em;text-transform:uppercase}
.bx__arr{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#1C1F4A;color:#fff;transition:translate .35s var(--ease-dd)}
.bx__arr .ico{width:20px;height:20px}
.bx__arr--w{position:absolute;right:16px;bottom:16px;background:#fff;color:#1C1F4A}
.bx:hover .bx__arr{translate:4px 0}
.bx:hover .bx__t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
@media (max-width:1000px){#projectGrid.is-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){#projectGrid.is-bento{grid-template-columns:minmax(0,1fr)}.bx--photo{grid-column:auto;height:auto;aspect-ratio:4/3}.bx--text{min-height:300px}}

/* stat cards */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.st{display:flex;flex-direction:column;gap:22px;min-height:clamp(280px,22vw,340px);padding:clamp(20px,2vw,30px);background:var(--bg);color:var(--ink);border-radius:20px;transition:translate .4s var(--ease-dd)}
a.st:hover{translate:0 -4px}
.st--wide{grid-column:span 2}
.st__k{display:flex;align-items:center;gap:10px;font:600 12px/16px var(--text);letter-spacing:.05em;text-transform:uppercase}
.st__ic{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--bg);font-size:17px}
.st__fig{display:grid;gap:10px;margin-top:auto}
.st__big{font:600 clamp(44.8px,4.48vw,76.8px)/.9 var(--display);letter-spacing:-.045em}
.st--np .st__big{font-size:clamp(30px,2.8vw,44px);letter-spacing:-.02em;opacity:.75}
.st__of{font:400 clamp(16px,1.3vw,20px)/1.35 var(--text);max-width:24em;text-wrap:balance}
.st__of b{font-weight:600}
.st__bar{display:flex;align-items:center;gap:12px}
.st__trk{position:relative;flex:1;height:14px;border-radius:999px;background:color-mix(in srgb,var(--ink) 16%,transparent);overflow:hidden}
.st__trk i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p) * 1%);min-width:14px;border-radius:999px;background:var(--ink)}
.st--np .st__trk{background:none;border:1.5px dashed color-mix(in srgb,var(--ink) 45%,transparent)}
.st--np .st__trk i{display:none}
.st__pct{flex:0 0 auto;min-width:3.2em;text-align:right;font:600 16px/1 var(--text)}
.st--wide .st__big,.st--panel .st__big{font-size:clamp(72px,7.4vw,128px)}
.st--np.st--panel .st__big,.st--np.st--wide .st__big{font-size:clamp(34px,3.2vw,52px)}
.st--panel{height:100%;min-height:0}
/* home initiative cards: every card the same height, vision first, goal at the foot */
.shead .goals__sub{max-width:40em;white-space:normal;font-size:16px;line-height:24px;opacity:.85}
.stats--home{grid-auto-rows:1fr}
.hc{gap:16px;min-height:0}
.hc__v{font:600 clamp(24px,1.8vw,27px)/1.18 var(--display);letter-spacing:-.015em;text-wrap:balance;max-width:16em}
.hc__t{font:400 clamp(15px,1.1vw,17px)/1.5 var(--text);max-width:30em;text-wrap:pretty}
.hc__goal{display:grid;gap:8px;margin-top:auto;padding-top:8px}
.hc__lab{font:600 12px/16px var(--text);letter-spacing:.08em;text-transform:uppercase}
.hc .st__big{font-size:clamp(52px,4.6vw,80px)}
.hc.st--wide .st__big{font-size:clamp(64px,6vw,104px)}
.hc__u{font:600 clamp(15px,1.15vw,18px)/1.3 var(--text)}
.hc__base{font:400 14px/20px var(--text);max-width:30em;opacity:.85}
.hc__cta{display:inline-flex;align-items:center;gap:6px;font:600 14px/1 var(--text)}
.hc:hover .hc__cta,.hc:focus-visible .hc__cta{text-decoration:underline;text-underline-offset:3px}
@media (max-width:1000px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.st--wide{grid-column:span 2}}
@media (max-width:640px){.stats{grid-template-columns:minmax(0,1fr)}.st--wide{grid-column:auto}.st__big,.st--wide .st__big,.st--panel .st__big{font-size:clamp(52px,16vw,80px)}}

/* Centre header */
.chx{padding:clamp(28px,3vw,44px) var(--g) 0}
.chx__back{display:inline-flex}
.chx .chx__lab{display:flex;align-items:center;gap:10px;margin-top:clamp(28px,3vw,48px);padding-top:clamp(20px,2.2vw,30px);border-top:3px solid #1C1F4A;font:500 13px/18px var(--text);letter-spacing:.04em;text-transform:uppercase}
.chx__h{margin-top:14px;font:600 clamp(38.4px,4.96vw,83.2px)/.98 var(--display);letter-spacing:-.04em;text-wrap:balance;max-width:13em}
.chx__p{margin:clamp(14px,1.6vw,22px) 0 0;font:400 clamp(18px,1.5vw,23px)/1.45 var(--text);color:#272B63;max-width:32em;text-wrap:pretty}
.chx__row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(12px,1.2vw,18px);margin:clamp(28px,3vw,48px) 0 0}
.chx__photo{position:relative;margin:0;min-height:clamp(300px,30vw,460px);border-radius:28px;overflow:hidden;background:var(--l)}
.chx__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.chx__stat .st{height:100%;border-radius:28px}
@media (max-width:900px){.chx__row{grid-template-columns:minmax(0,1fr)}.chx__photo{min-height:0;aspect-ratio:4/3}}


/* Global Initiatives: editorial spreads. Number and label over an ink rule, the name set large, a serif lead,
   ruled facts, and the mark on a quiet tinted plate; the second spread mirrors the first */
.gie{padding-block:clamp(40px,5vw,80px) clamp(56px,7vw,112px)}
.gie__head{display:flex;align-items:baseline;gap:18px;padding-top:14px;border-top:1px solid #1C1F4A;margin-bottom:clamp(28px,3.6vw,56px)}
.gie__n{font:600 15px/1 var(--display);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.gie__k{font:500 11px/14px var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--c)}
.gie__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,96px);align-items:start}
.gie--flip .gie__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.gie--flip .gie__plate{order:2}
.gie__plate{margin:0;aspect-ratio:4/5;background:var(--plate);display:grid;place-items:center;position:sticky;top:calc(var(--bar) + 24px)}
.gie__plate a{display:grid;place-items:center;width:100%;height:100%}
.gie__plate img{width:58%;height:auto}
.gie__plate svg{width:70%;height:auto}
.gie__h{font:600 clamp(38.4px,4.8vw,83.2px)/.96 var(--display);letter-spacing:-.04em;text-wrap:balance;max-width:9em}
.gie__lead{margin-top:clamp(24px,2.6vw,40px);font:400 clamp(20px,1.7vw,26px)/1.42 var(--serif);max-width:30em;text-wrap:pretty;color:#1d1d1d}
.gie__facts{margin:clamp(32px,3.4vw,52px) 0 0;border-top:1px solid #1C1F4A}
.gie__facts > div{display:grid;grid-template-columns:minmax(140px,30%) minmax(0,1fr);gap:8px 32px;padding:18px 0;border-bottom:1px solid #d9d9d9}
.gie__facts dt{font:500 11px/20px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#646884}
.gie__facts dd{margin:0;font:400 16px/24px var(--text)}
.reg__lead{max-width:44em;margin-top:4px}
.reg__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,1.6vw,24px)}
.reg__card{background:var(--soft);border-radius:clamp(20px,2vw,28px);padding:clamp(24px,2.6vw,40px);display:grid;align-content:start;gap:12px;min-width:0}
.reg__k{font:500 11px/20px var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.reg__h{font:600 clamp(22px,1.71vw,25.2px)/1.25 var(--display);letter-spacing:-.006em;text-wrap:balance}
.reg__card .t-body{color:#3E4160}
.reg__facts{margin:8px 0 0;border-top:1px solid #1C1F4A}
.reg__facts > div{display:grid;grid-template-columns:minmax(110px,34%) minmax(0,1fr);gap:4px 24px;padding:14px 0;border-bottom:1px solid var(--line-2)}
.reg__facts dt{font:500 11px/22px var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.reg__facts dd{margin:0;font:400 16px/24px var(--text);overflow-wrap:anywhere}
@media (max-width:759px){.reg__grid{grid-template-columns:minmax(0,1fr)}}
.gi-close{padding-top:0}
.gi-close p{max-width:30em}
.tm{font-size:.42em;vertical-align:super;line-height:0;margin-left:.04em}
.ab-vals{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.ab-vals li{font:500 13px/18px var(--text);letter-spacing:.02em;padding:7px 14px;border:1px solid var(--line-2);border-radius:999px}
.ab-story{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,96px);align-items:start}
.ab-story__head{display:grid;gap:14px;position:sticky;top:calc(var(--bar) + 24px)}
.ab-tl{list-style:none;margin:0;padding:0;border-top:1px solid #1C1F4A}
.ab-tl__i{display:grid;grid-template-columns:minmax(72px,18%) minmax(0,1fr);gap:8px 32px;padding:clamp(22px,2.4vw,32px) 0;border-bottom:1px solid var(--line-2)}
.ab-tl__i > div{display:grid;gap:8px;min-width:0}
.ab-tl__y{font:600 clamp(28px,2.08vw,32px)/1 var(--display);letter-spacing:-.02em}
.ab-tl__h{font:500 18px/26px var(--text)}
.ab-tl__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.ab-tl__chips a{display:inline-flex;align-items:center;gap:8px;font:400 14px/20px var(--text);padding:7px 12px;border-radius:999px;background:var(--soft);transition:background .3s var(--ease-dd),color .3s var(--ease-dd)}
.ab-tl__chips a:hover{background:#1C1F4A;color:#fff}
.ab-tl__chips i{width:8px;height:8px;border-radius:50%;background:var(--m);flex:none}
.band--quote{--band:#1f5cff;--ink:#fff;--grey:rgba(255,255,255,.75);color:#fff}
.fq{margin:0;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,112px);align-items:center}
.fq__ph{position:relative;max-width:440px;width:100%;justify-self:start}
.fq__ph::before{content:"";position:absolute;inset:0;translate:clamp(12px,1.4vw,20px) clamp(12px,1.4vw,20px);background:#ffd23f;border-radius:clamp(20px,2vw,28px)}
.fq__ph img{position:relative;display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;border-radius:clamp(20px,2vw,28px)}
.fq__tx{display:grid;gap:clamp(16px,1.8vw,24px);min-width:0}
.fq__mark{font:400 clamp(96px,10vw,160px)/.6 var(--serif);color:#ffd23f;height:.42em;margin-left:-.06em}
.fq__k{font:500 11px/20px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.fq__q{margin:0;font:400 clamp(30px,3.4vw,52px)/1.18 var(--serif);letter-spacing:-.015em;text-wrap:balance}
.fq__by{display:grid;gap:2px;margin-top:8px}
.fq__n{font:600 18px/26px var(--text)}
.fq__r{font:400 15px/22px var(--text);color:#fff}
.fq__strip{display:flex;gap:6px;margin-top:4px}
.fq__strip i{width:28px;height:6px;border-radius:3px;background:var(--m)}
@media (max-width:759px){.fq{grid-template-columns:minmax(0,1fr)}.fq__ph{max-width:300px}}
.ab-vm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,6vw,120px)}
.ab-vm > div{display:grid;gap:18px;align-content:start}
.ab-vm__h{font:600 clamp(28px,2.24vw,33.6px)/1.15 var(--display);letter-spacing:-.015em;text-wrap:balance}
.ab-vm__p{font:400 18px/28px var(--text);color:rgba(255,255,255,.82);text-wrap:pretty}
.ab-ph__k{font:500 11px/20px var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--grey);margin:clamp(48px,5vw,80px) 0 16px}
.ab-belief{margin-top:clamp(48px,5vw,80px);padding-top:24px;border-top:1px solid #1C1F4A;display:grid;gap:10px;font:600 clamp(26px,2.24vw,33.6px)/1.2 var(--display);letter-spacing:-.015em;max-width:24em;text-wrap:balance}
.ab-belief span{font:500 11px/20px var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.ab-sym__sw{width:14px;height:14px;flex:none;border-radius:50%}
.ab-sym__sw--ring{border:3px solid #3385c7}
.ab-sym__sw--open{border:3px solid #3385c7;border-right-color:transparent;rotate:45deg}
.ab-sym__sw--dot{background:#ffb800;width:10px;height:10px;margin-inline:2px}
.ab-sym__sw--type{border-radius:3px;background:#1C1F4A}
.phead__art > .ab-facts{flex:1 1 auto}
.ab-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:640px}
.ab-facts li{background:var(--c);border-radius:clamp(16px,1.6vw,22px);padding:clamp(16px,1.6vw,24px);display:grid;gap:10px;align-content:space-between;min-height:clamp(150px,13vw,190px);color:#1C1F4A}
.ab-facts__n{font:600 clamp(26px,2.08vw,32px)/1 var(--display);letter-spacing:-.02em}
.ab-facts__t{font:400 14px/20px var(--text)}
.ab-reg{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,72px);align-items:start}
.ab-reg__head{display:grid;gap:12px}
.ab-reg__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ab-reg__card{background:var(--soft);border-radius:clamp(16px,1.6vw,22px);padding:clamp(18px,1.8vw,26px);display:grid;gap:8px;align-content:start;min-width:0}
.ab-reg__h{font:500 17px/24px var(--text)}
.ab-reg__facts{margin:6px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.ab-reg__facts dt{font:500 10px/16px var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.ab-reg__facts dd{margin:2px 0 0;font:400 14px/20px var(--text);overflow-wrap:anywhere}
@media (max-width:1100px){.ab-reg{grid-template-columns:minmax(0,1fr)}}
@media (max-width:759px){.ab-facts{grid-template-columns:minmax(0,1fr)}.ab-facts li{min-height:0;grid-template-columns:auto 1fr;align-items:center;gap:16px}.ab-reg__cards{grid-template-columns:minmax(0,1fr)}}
.aph-name{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.4vw,24px);margin:0 0 clamp(40px,4.4vw,64px);border-top:1px solid #1C1F4A;padding-top:clamp(20px,2vw,28px)}
.aph-name__l{display:grid;gap:6px;min-width:0}
.aph-name__l b{font:600 clamp(70.4px,10.4vw,168px)/.86 var(--display);letter-spacing:-.04em;color:var(--c)}
.aph-name__l span{font:500 clamp(14px,1.3vw,19px)/1.3 var(--text);overflow-wrap:anywhere}
.aph-why{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,96px);align-items:start}
.aph-why__k{font:400 clamp(26px,2.6vw,40px)/1.22 var(--serif);letter-spacing:-.012em;text-wrap:balance}
.aph-why__b{display:grid;gap:14px;padding-top:6px}
.aph-pr{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.aph-pr li{position:relative;display:grid;grid-template-rows:1fr auto;gap:clamp(40px,5vw,80px);background:var(--c);border-radius:clamp(20px,2vw,28px);padding:clamp(24px,2.4vw,36px);color:#1C1F4A;min-height:clamp(340px,30vw,440px)}
.aph-pr li:not(:last-child)::after{content:"\2192";position:absolute;right:calc(-1 * clamp(12px,1.4vw,20px) / 2 - 18px);top:50%;translate:0 -50%;width:36px;height:36px;border-radius:50%;background:#1C1F4A;color:#fff;display:grid;place-items:center;font:500 18px/1 var(--text);z-index:1}
.aph-pr__s{font:400 clamp(24px,2.2vw,34px)/1.2 var(--serif);letter-spacing:-.012em;text-wrap:balance}
.aph-pr__s em{font-style:italic;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.14em}
.aph-pr__b{display:grid;gap:8px;border-top:1px solid rgba(0,0,0,.25);padding-top:16px}
.aph-pr__n{font:500 12px/16px var(--text);letter-spacing:.08em}
.aph-pr__h{font:500 20px/28px var(--text)}
.aph-pr__b p{font:400 15px/22px var(--text)}
.abid__lede{max-width:40em;margin-top:4px}
.abid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,3vw,48px);align-items:stretch}
.abid__art{margin:0;background:#0b1f5c;border-radius:clamp(20px,2vw,28px);padding:clamp(32px,5vw,80px) clamp(36px,5vw,80px) clamp(28px,3.6vw,56px);display:grid;gap:clamp(20px,2.6vw,40px);align-content:center;justify-items:center;color:#fff}
.abid__mark{width:100%;height:auto;overflow:visible}
.abid__ring{fill:#fff;transition:opacity .35s}
.abid__dot{fill:#ffd23f;transform-box:fill-box;transform-origin:50% 100%;transition:opacity .35s,scale .35s}
.abid__trace{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.6s cubic-bezier(.65,0,.35,1)}
.js .abid__art:not(.is-in) .abid__trace{stroke-dashoffset:1}
.js .abid__art:not(.is-in) .abid__dot{opacity:0}
.abid__art.is-in .abid__dot{animation:dotdrop 1.1s 1.2s cubic-bezier(.3,1.2,.4,1) both}
.abid__gap{fill:none;stroke:#ffd23f;stroke-width:22;stroke-dasharray:40 34;opacity:0;transition:opacity .35s}
.abid__b{transition:opacity .35s}
.abid__b circle{fill:#ffd23f}
.abid__b text{font:600 96px/1 var(--text);fill:#0b1f5c}
.abid__typewrap{position:relative;width:78%;display:flex;justify-content:center}
.abid__type{width:100%;height:auto;filter:invert(1);transition:opacity .35s}
.abid__b--html{position:absolute;right:-34px;top:50%;translate:0 -50%;width:28px;height:28px;border-radius:50%;background:#ffd23f;color:#0b1f5c;display:grid;place-items:center;font:600 13px/1 var(--text)}
.abid__keys{list-style:none;margin:0;padding:0;display:grid;gap:10px;align-content:center}
.abid__key{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;text-align:left;background:#fff;border-radius:18px;padding:18px 20px;border:1.5px solid transparent;transition:border-color .3s,translate .3s var(--ease-dd);cursor:pointer;color:#1C1F4A}
.abid__key:hover,.abid__key[aria-pressed="true"]{border-color:#0b1f5c;translate:6px 0}
.abid__n{width:32px;height:32px;border-radius:50%;background:#0b1f5c;color:#fff;display:grid;place-items:center;font:600 14px/1 var(--text)}
.abid__kt{display:grid;gap:4px}
.abid__kt b{font:500 17px/24px var(--text)}
.abid__kt span{font:400 15px/22px var(--text);color:#3E4160}
.abid:not(:has(.abid__key:hover)) .abid__art[data-on="ring"] .abid__dot,.abid:not(:has(.abid__key:hover)) .abid__art[data-on="ring"] .abid__type,.abid:not(:has(.abid__key:hover)) .abid__art[data-on="ring"] .abid__b,.abid:has([data-sym="ring"]:hover) .abid__art .abid__dot,.abid:has([data-sym="ring"]:hover) .abid__art .abid__type,.abid:has([data-sym="ring"]:hover) .abid__art .abid__b,.abid:not(:has(.abid__key:hover)) .abid__art[data-on="open"] .abid__dot,.abid:not(:has(.abid__key:hover)) .abid__art[data-on="open"] .abid__type,.abid:not(:has(.abid__key:hover)) .abid__art[data-on="open"] .abid__b,.abid:has([data-sym="open"]:hover) .abid__art .abid__dot,.abid:has([data-sym="open"]:hover) .abid__art .abid__type,.abid:has([data-sym="open"]:hover) .abid__art .abid__b,.abid:not(:has(.abid__key:hover)) .abid__art[data-on="dot"] .abid__ring,.abid:not(:has(.abid__key:hover)) .abid__art[data-on="dot"] .abid__type,.abid:not(:has(.abid__key:hover)) .abid__art[data-on="dot"] .abid__b,.abid:has([data-sym="dot"]:hover) .abid__art .abid__ring,.abid:has([data-sym="dot"]:hover) .abid__art .abid__type,.abid:has([data-sym="dot"]:hover) .abid__art .abid__b,.abid:not(:has(.abid__key:hover)) .abid__art[data-on="type"] .abid__ring,.abid:not(:has(.abid__key:hover)) .abid__art[data-on="type"] .abid__dot,.abid:not(:has(.abid__key:hover)) .abid__art[data-on="type"] .abid__b,.abid:has([data-sym="type"]:hover) .abid__art .abid__ring,.abid:has([data-sym="type"]:hover) .abid__art .abid__dot,.abid:has([data-sym="type"]:hover) .abid__art .abid__b{opacity:.18}
.abid:not(:has(.abid__key:hover)) .abid__art[data-on="ring"] .abid__b[data-k="ring"],.abid:has([data-sym="ring"]:hover) .abid__art .abid__b[data-k="ring"],.abid:not(:has(.abid__key:hover)) .abid__art[data-on="open"] .abid__b[data-k="open"],.abid:has([data-sym="open"]:hover) .abid__art .abid__b[data-k="open"],.abid:not(:has(.abid__key:hover)) .abid__art[data-on="dot"] .abid__b[data-k="dot"],.abid:has([data-sym="dot"]:hover) .abid__art .abid__b[data-k="dot"],.abid:not(:has(.abid__key:hover)) .abid__art[data-on="type"] .abid__b[data-k="type"],.abid:has([data-sym="type"]:hover) .abid__art .abid__b[data-k="type"]{opacity:1}
.abid:not(:has(.abid__key:hover)) .abid__art[data-on="open"] .abid__gap,.abid:has([data-sym="open"]:hover) .abid__gap{opacity:1}
.abid:not(:has(.abid__key:hover)) .abid__art[data-on="open"] .abid__ring,.abid:has([data-sym="open"]:hover) .abid__ring{opacity:.45}
.abid:not(:has(.abid__key:hover)) .abid__art[data-on="dot"] .abid__dot,.abid:has([data-sym="dot"]:hover) .abid__dot{scale:1.12}
.abid__commit{margin-top:clamp(48px,6vw,96px);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px clamp(24px,3vw,48px);align-items:end}
.abid__commit .t-label{grid-column:1/-1}
.abid__four{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.abid__four li{display:flex;align-items:center;gap:16px;font:600 clamp(28px,2.56vw,38.4px)/1.15 var(--display);letter-spacing:-.018em}
.abid__four .ab-sym__sw{width:22px;height:22px}
.abid__four .ab-sym__sw--dot{width:16px;height:16px;margin-inline:3px}
@media (prefers-reduced-motion:reduce){.abid__trace{transition:none}.abid__art.is-in .abid__dot{animation:none}}
@media (max-width:860px){.abid,.abid__commit{grid-template-columns:minmax(0,1fr)}}
@media (max-width:759px){.aph-name__l b{font-size:clamp(56px,19vw,140px)}.aph-name__l span{font-size:12px}.aph-why,.aph-pr{grid-template-columns:minmax(0,1fr)}.aph-pr li{min-height:0}.aph-pr li:not(:last-child)::after{content:"\2193";right:50%;top:auto;bottom:calc(-1 * clamp(12px,1.4vw,20px) / 2 - 18px);translate:50% 0}}
.ab-pw{margin:8px 0 0;border-top:1px solid var(--line-2)}
.ab-pw > div{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid var(--line-2)}
.ab-pw dt{font:500 11px/20px var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.ab-pw dd{margin:0;font:400 16px/24px var(--text)}
.band--night .pill.pill--ghost{background:none;color:#fff;box-shadow:inset 0 0 0 1.5px #fff}
@media (max-width:759px){.ab-story,.ab-vm{grid-template-columns:minmax(0,1fr)}.ab-story__head{position:static}.ab-tl__i{grid-template-columns:minmax(0,1fr)}}
.gie__go{display:inline-flex;align-items:center;gap:8px;margin-top:28px;font:400 17px/24px var(--text);border-bottom:1px solid currentColor;padding-bottom:3px}
.gie__go:hover{color:var(--c)}
.gie__go svg{width:14px;height:14px}
@media (max-width:900px){.gie__grid,.gie--flip .gie__grid{grid-template-columns:minmax(0,1fr)}.gie--flip .gie__plate{order:0}.gie__plate{position:static;aspect-ratio:4/3}}

/* spot illustrations */
.ill{display:block;overflow:hidden;line-height:0;border-radius:22px;aspect-ratio:4/3}
.ill svg{display:block;width:100%;height:100%}
.ill--problem{margin-top:clamp(24px,3vw,40px);max-width:460px}
.acc3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.acc3__c{display:flex;flex-direction:column;gap:12px}
.acc3__c .ill{margin-bottom:8px}
.acc3__t{font:600 clamp(20px,1.44vw,21.6px)/1.15 var(--display);letter-spacing:-.012em}
.acc3__p{font:400 15px/22px var(--text);color:var(--grey);text-wrap:pretty}
@media (max-width:900px){.acc3{grid-template-columns:minmax(0,1fr)}.ill--problem{max-width:none}}

/* Centre people: placeholder portraits until names are approved */
.story--ph .story__img{opacity:.85}
.story--ph .story__b{opacity:1;translate:none}
.ppl__notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0 0}
.ppl__notes dt{font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.ppl__notes dd{margin:6px 0 0;font:400 16px/24px var(--text)}
@media (max-width:640px){.ppl__notes{grid-template-columns:minmax(0,1fr)}}

/* Centres: six cards in a 2 x 3 grid beside one tall featured Centre */
.cgx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(12px,1.2vw,18px);align-items:stretch}
.cgx__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:clamp(12px,1.2vw,18px)}
.cgc{display:flex;flex-direction:column;gap:10px;min-height:clamp(220px,17vw,260px);padding:clamp(16px,1.5vw,22px);background:var(--l);color:var(--d);border-radius:22px;transition:translate .35s var(--ease-dd)}
.cgc:hover{translate:0 -3px}
.cgc__top{display:flex;align-items:center;gap:8px}
.cgc__o{font:500 11px/14px var(--text);letter-spacing:.05em;text-transform:uppercase;text-wrap:balance}
.cgc__t{font:600 clamp(20px,1.53vw,23.4px)/1.1 var(--display);letter-spacing:-.018em;text-wrap:balance}
.cgc:hover .cgc__t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.cgc__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto}
.cgc__g{font:400 13px/18px var(--text);max-width:13em;text-wrap:balance}
.cgc__g b{display:block;font:600 clamp(24px,1.8vw,27px)/1 var(--display);letter-spacing:-.02em;margin-bottom:4px}
.cgc__geo{flex:0 0 auto;width:clamp(52px,4.4vw,68px);aspect-ratio:1;border-radius:14px}
.cgf{display:flex;flex-direction:column;background:var(--l);color:var(--d);border-radius:28px;overflow:hidden}
.cgf__img{display:block;flex:1 1 42%;min-height:240px;overflow:hidden}
.cgf__img img{width:100%;height:100%;object-fit:cover;transition:scale .8s var(--ease-dd)}
.cgf:hover .cgf__img img{scale:1.03}
.cgf__tx{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,2.2vw,34px)}
.cgf__k{display:flex;align-items:center;gap:10px;font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase}
.cgf__h{font:600 clamp(24px,2.4vw,36.8px)/1.04 var(--display);letter-spacing:-.026em;text-wrap:balance}
.cgf__p{font:400 15px/22px var(--text);max-width:34em;text-wrap:pretty}
.cgf__goal{display:grid;gap:6px;margin-top:6px}
.cgf__n{font:600 clamp(35.2px,3.52vw,54.4px)/.95 var(--display);letter-spacing:-.03em}
.cgf__u{font:400 14px/20px var(--text)}
.cgf__base{font:400 13px/18px var(--text);opacity:.85;max-width:28em}
.cgf__trk{display:block;max-width:420px;margin:8px 0 2px}
.cgf__trk .trk__seg,.cgf__trk .trk__dot{background:var(--d)}
.cgf__trk .trk::before{background:color-mix(in srgb,var(--d) 25%,transparent)}
.cgf__trk .trk::after{background:var(--d)}
.cgf__go{align-self:flex-start;margin-top:6px}
@media (max-width:1000px){.cgx{grid-template-columns:minmax(0,1fr)}.cgf{order:-1}.cgf__img{flex:none;aspect-ratio:16/9;min-height:0}}
@media (max-width:560px){.cgx__grid{grid-template-columns:minmax(0,1fr)}.cgc{min-height:0}}

/* the five parts */
.pcx{display:grid;gap:clamp(12px,1.2vw,18px);padding-top:clamp(36px,4vw,56px)}
.pcx__p{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(20px,3vw,48px);align-items:start;padding:clamp(22px,2.4vw,36px);background:var(--l);color:var(--d);border-radius:clamp(22px,2.4vw,32px);scroll-margin-top:calc(var(--float) + var(--tabs-h) + 16px)}
.pcx__head{display:grid;gap:12px;align-content:start;position:sticky;top:calc(var(--float) + var(--tabs-h) + 24px)}
.pcx__ic{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--m);color:#fff;font-size:26px}
.pcx__h{display:flex;align-items:baseline;gap:12px;font:600 clamp(24px,2.4vw,35.2px)/1.04 var(--display);letter-spacing:-.025em}
.pcx__n{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 10px;border-radius:999px;background:var(--d);color:#fff;font:500 15px/1 var(--text);letter-spacing:0;align-self:center}
.pcx__d{font:400 15px/22px var(--text);max-width:24em;text-wrap:pretty;opacity:.85}
.pcx__cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px}
.pcx__c{position:relative;display:flex;flex-direction:column;gap:8px;min-height:150px;padding:18px 18px 16px;background:#fff;color:#1C1F4A;border-radius:18px;transition:translate .3s var(--ease-dd),box-shadow .3s var(--ease-dd)}
.pcx__c:has(.pcx__a):hover{translate:0 -3px;box-shadow:0 14px 30px -20px rgba(17,17,17,.4)}
.pcx__a{position:absolute;inset:0;border-radius:inherit;z-index:1}
.pcx__ci{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--l);color:var(--d);font-size:17px;margin-bottom:4px}
.pcx__t{font:500 16px/22px var(--text);letter-spacing:-.005em;text-wrap:balance}
.pcx__cd{font:400 14px/20px var(--text);color:#646884;text-wrap:pretty}
.pcx__go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:6px;font:500 13px/18px var(--text);color:var(--d)}
.pcx__go svg{width:12px;height:12px}
.pcx__tbc{margin-top:auto;padding-top:6px;font:400 12px/16px var(--text);color:#646884}
.pcx__empty{font:400 15px/22px var(--text);padding:18px;background:rgba(255,255,255,.6);border-radius:18px;color:#1C1F4A}
.cxb--dark .pcx__empty{background:rgba(255,255,255,.1);color:#fff}
@media (max-width:860px){.pcx__p{grid-template-columns:minmax(0,1fr)}.pcx__head{position:static}}

/* Centre page blocks */
.cxw{display:grid;gap:clamp(12px,1.2vw,18px);padding:clamp(16px,2vw,32px) var(--g) clamp(56px,6vw,96px)}
.cxw--end{padding-top:clamp(56px,6vw,96px)}
.cxs{margin-bottom:clamp(28px,3vw,48px)}
.cxr{display:grid;gap:clamp(12px,1.2vw,18px);align-items:stretch}
.cxr--a{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
.cxr--b{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
.cxr--c{grid-template-columns:minmax(0,7fr) minmax(0,3fr)}
.cxr--d{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.cxr--d.cxr--one{grid-template-columns:minmax(0,1fr)}
.cxb{display:flex;flex-direction:column;gap:16px;min-width:0;padding:clamp(20px,2vw,30px);background:var(--l);color:var(--d);border-radius:clamp(22px,2.2vw,30px)}
.cxb--paper{--l:#FFF7EF;--d:#1C1F4A}
.cxb--dark{--l:var(--dk);--d:#fff;--m:rgba(255,255,255,.18)}
.cxb--terra{--l:#9c4f2d;--d:#fff;justify-content:center}
.cxb__top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.cxb__h{display:flex;align-items:center;gap:12px;font:600 clamp(22px,1.8vw,27px)/1.08 var(--display);letter-spacing:-.02em;text-wrap:balance}
.cxb__ic{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--m,#1C1F4A);color:#fff;font-size:21px}
.cxb--paper .cxb__ic{background:var(--mk,#1C1F4A)}
.cxb__n{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--d);color:var(--l);font:500 13px/1 var(--text)}
.cxb__link{font:400 14px/20px var(--text)}
.cxb__sub{margin-top:8px;font:500 12px/16px var(--text);letter-spacing:.06em;text-transform:uppercase}
.cxb__big{font:600 clamp(26px,2.16vw,34.2px)/1.12 var(--display);letter-spacing:-.02em;text-wrap:balance}
.cxb__note{font:400 15px/22px var(--text);opacity:.85}
.cxb__btn{align-self:flex-start;background:#fff;color:#1C1F4A}
.cxb--terra .t-label{color:#fff;opacity:.85}
.cx__cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:10px}
.cx__c.is-more{display:none}
.cxb.is-open .cx__c.is-more{display:flex}
.cx__more{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1.5px solid currentColor;background:none;color:inherit;font:500 14px/18px var(--text);cursor:pointer}
.cx__more span{font-weight:400;opacity:.7}
.pcx__join{position:relative;z-index:2;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding:8px 14px;border-radius:999px;background:var(--d);color:#fff;font:500 13px/16px var(--text);transition:background-color .25s}
.pcx__join:hover{background:#1C1F4A}
.pcx__join svg{width:12px;height:12px}
.plg{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--m);color:#fff;font:600 16px/1 var(--display);letter-spacing:.02em;margin-bottom:4px}
/* projects inside the Centre page */
.pjc__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pjc{display:flex;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden;color:#1C1F4A;transition:translate .3s var(--ease-dd)}
.pjc:hover{translate:0 -3px}
.pjc__img{display:block;aspect-ratio:4/3;overflow:hidden}
.pjc__img img{width:100%;height:100%;object-fit:cover}
.pjc__tx{display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px;flex:1}
.pjc__chips{display:flex;flex-wrap:wrap;gap:6px}
.pjc__t{font:500 16px/21px var(--text);text-wrap:balance}
.pjc__go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font:500 13px/18px var(--text)}
.pjc__go .ico{width:15px;height:15px}
/* events list */
.cxe{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cxe a{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;align-items:center;padding:10px;border-radius:16px;background:rgba(255,255,255,.08);transition:background-color .25s}
.cxe a:hover{background:rgba(255,255,255,.16)}
.cxe__d{display:grid;place-items:center;align-content:center;height:62px;border-radius:12px;background:#fff;color:#1C1F4A}
.cxe__d b{font:500 22px/1 var(--display)}
.cxe__d span{font:500 11px/14px var(--text);text-transform:uppercase;letter-spacing:.06em}
.cxe__tx{display:grid;gap:4px;min-width:0}
.cxe__t{font:500 15px/20px var(--text);text-wrap:balance}
.cxe__m{font:400 13px/18px var(--text);opacity:.75}
/* partner logo placeholders */
.plogo{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.plogo__real img{max-width:80%;max-height:56px;object-fit:contain}
.plogo li{display:grid;place-items:center;aspect-ratio:2/1;border-radius:14px;background:#fff;color:#646884;font:500 12px/16px var(--text);letter-spacing:.04em;text-transform:uppercase;box-shadow:inset 0 0 0 1.5px #e3ddd3}
@media (max-width:1100px){.cx__cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.pjc__row{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}}
@media (max-width:900px){.cxr--a,.cxr--b,.cxr--c,.cxr--d{grid-template-columns:minmax(0,1fr)}.plogo{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* events system */
.evp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:end;padding-bottom:clamp(36px,4vw,56px)}
.evp__head{display:grid;gap:18px}
.evn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:0;background:#FFF7EF;border-radius:24px;overflow:hidden;transition:background-color .3s var(--ease-dd)}
.evn:hover{background:#F6E9DC}
.evn__img{min-height:220px;overflow:hidden}
.evn__img img{width:100%;height:100%;object-fit:cover}
.evn__tx{display:flex;flex-direction:column;gap:10px;padding:clamp(18px,1.8vw,26px)}
.evn__k{font:500 12px/16px var(--text);letter-spacing:.05em;text-transform:uppercase;color:#646884}
.evn__t{font:600 clamp(22px,1.8vw,27px)/1.12 var(--display);letter-spacing:-.018em;text-wrap:balance}
.evn__p{font:400 15px/22px var(--text);color:#3E4160}
.evn__c,.eva__c{display:inline-flex;align-items:center;gap:8px;font:500 12px/16px var(--text)}
.evn__c i,.eva__c i{width:8px;height:8px;border-radius:50%;background:var(--m)}
.evn__more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font:500 14px/20px var(--text);text-decoration:underline;text-underline-offset:4px}
.evn__more .ico{width:15px;height:15px}
.evf{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:clamp(24px,2.8vw,40px)}
.evf > *{min-width:0}
.evf__q{flex:0 1 340px;display:flex;align-items:center;gap:10px;padding:0 16px;height:46px;border-radius:999px;background:#FFF7EF}
.evf__q .ico{width:18px;height:18px;flex:0 0 auto}
.evf__q input{flex:1;min-width:0;border:0;background:none;font:400 16px/22px var(--text);color:var(--ink);outline:none}
.evf__q:focus-within{box-shadow:0 0 0 2px var(--ink)}
.evf__dd{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.evdd{position:relative}
.evdd__b{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 14px 0 16px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #dcd8cf;font:500 15px/20px var(--text);color:#1C1F4A;cursor:pointer;white-space:nowrap;max-width:100%}
.evdd__b > span{overflow:hidden;text-overflow:ellipsis}
.evdd__b:hover{box-shadow:inset 0 0 0 1.5px #1C1F4A}
.evdd__b .pi{width:18px;height:18px;flex:0 0 auto}
.evdd__ch{width:16px;height:16px;flex:0 0 auto;transition:transform .2s var(--ease-dd)}
.evdd__b[aria-expanded="true"] .evdd__ch{transform:rotate(180deg)}
.evdd__b.is-on{background:#1C1F4A;color:#fff;box-shadow:none}
.evdd__dot{width:10px;height:10px;border-radius:50%;background:var(--m);flex:0 0 auto;box-shadow:0 0 0 2px #fff}
.evm{position:absolute;z-index:30;top:calc(100% + 8px);left:0;width:min(360px,calc(100vw - 32px));max-height:min(600px,72vh);overflow:auto;padding:8px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px #EFE3D6,0 18px 40px -12px rgba(0,0,0,.22)}
.evm[hidden]{display:none}
.evm__h{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 6px;font:600 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:#3E4160}
.evm__x{display:none;width:36px;height:36px;border:0;border-radius:50%;background:#FFF7EF;cursor:pointer;place-items:center}
.evm__x .ico{width:16px;height:16px;transform:rotate(45deg)}
.evm__l{display:grid;gap:2px}
.evm__o{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:8px 10px;border:0;border-radius:12px;background:none;text-align:left;font:500 15px/20px var(--text);color:#1C1F4A;cursor:pointer}
.evm__o:hover{background:#FFF7EF}
.evm__o.is-on{background:#1C1F4A;color:#fff}
.evm__o.is-zero:not(.is-on){color:#646884}
.evm__t{flex:1;min-width:0;display:grid}
.evm__t small{font:400 13px/18px var(--text);color:#646884}
.evm__o.is-on small{color:rgba(255,255,255,.75)}
.evm__o .evf__n{margin-left:auto}
.evm__o.is-on .evf__n{background:rgba(255,255,255,.18);color:#fff}
.evf__ic{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--m);color:#fff;font-size:13px;flex:0 0 auto}
.evf__n{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:#FFF7EF;font:600 12px/1 var(--text);color:#3E4160}
.evf__clear{font:400 15px/20px var(--text);background:none;border:0;cursor:pointer;padding:0 6px}
@media (max-width:640px){
  .evf__q{flex:1 1 100%}
  .evf__dd{flex-wrap:wrap;width:100%}
  .evdd{max-width:100%}
  .evdd{position:static}
  .evdd__b{height:42px;font-size:14px}
  .evm{position:fixed;z-index:95;top:auto;left:0;right:0;bottom:0;width:auto;max-height:75vh;padding:8px 12px calc(12px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;box-shadow:0 0 0 100vmax rgba(17,17,17,.4)}
  .evm__h{position:sticky;top:-8px;z-index:1;background:#fff;padding:12px 6px 10px;font:500 18px/1.2 var(--display);letter-spacing:0;text-transform:none;color:#1C1F4A}
  .evm__x{display:grid}
  html.evm-on{overflow:hidden}
}
.evs2__body{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:clamp(24px,3vw,56px);align-items:start}
.ecal{position:sticky;top:calc(var(--float) + 24px);padding:18px;border-radius:22px;background:#FFF7EF}
.ecal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.ecal__m{font:400 20px/1.2 var(--display);letter-spacing:-.01em}
.ecal__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.ecal__w{font:500 10px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:#646884;text-align:center;padding-bottom:4px}
.ecal__d{position:relative;display:grid;justify-items:center;align-content:start;gap:3px;aspect-ratio:1;padding-top:6px;border:0;border-radius:10px;background:none;font:400 14px/1 var(--text);color:#646884;cursor:default}
.ecal__d.has{background:#fff;color:#1C1F4A;cursor:pointer}
.ecal__d.has:hover{box-shadow:inset 0 0 0 1.5px #1C1F4A}
.ecal__d.is-today b{display:grid;place-items:center;width:22px;height:22px;margin-top:-3px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #1C1F4A}
.ecal__d.is-sel{background:#1C1F4A;color:#fff}
.ecal__dots{display:flex;align-items:center;gap:2px}
.ecal__dots i{width:6px;height:6px;border-radius:50%;background:var(--m)}
.ecal__dots em{font:600 9px/1 var(--text);font-style:normal;margin-left:1px}
.ecal__note{margin-top:12px;font:400 12px/17px var(--text);color:#646884}
.eva__count{font:500 13px/18px var(--text);color:#646884;margin-bottom:8px}
.eva__day{padding:6px 0 22px}
.eva__dh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;background:var(--bg);border-bottom:2px solid #1C1F4A;font:600 clamp(20px,1.53vw,21.6px)/1.2 var(--display);letter-spacing:-.012em}
.eva__n{font:500 13px/18px var(--text);color:#646884}
.eva__list{list-style:none;margin:0;padding:0}
.eva__r{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr) 120px auto;gap:18px;align-items:start;padding:16px 0 16px 14px;border-bottom:1px solid var(--line)}
.eva__r::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:4px;background:var(--m)}
.eva__r.is-past .eva__img{opacity:.55}
.eva__r.is-past .eva__t{color:#3E4160}
.eva__time{font:500 14px/20px var(--text);font-variant-numeric:tabular-nums}
.eva__main{display:grid;gap:6px;min-width:0}
.eva__t{font:400 19px/1.25 var(--display);letter-spacing:-.01em;text-wrap:balance}
.eva__meta{display:flex;flex-wrap:wrap;gap:6px 14px;font:400 13px/18px var(--text);color:#646884}
.eva__badge{padding:2px 8px;border-radius:999px;background:#F4F0F7;color:#1C1F4A}
.eva__p{font:400 14px/21px var(--text);color:#646884;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.eva__img{aspect-ratio:4/3;border-radius:12px;overflow:hidden}
.eva__img img{width:100%;height:100%;object-fit:cover}
.eva__go{align-self:center;display:inline-flex;align-items:center;gap:6px;font:500 13px/18px var(--text)}
.eva__empty{display:grid;gap:10px;padding:28px;border-radius:22px;background:#FFF7EF}
.eva__et{font:600 20px/1.2 var(--display)}
.eva__ea{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.pill--ghost{background:none;color:#1C1F4A;box-shadow:inset 0 0 0 1.5px #1C1F4A}
@media (max-width:1000px){.evp{grid-template-columns:minmax(0,1fr)}.evs2__body{grid-template-columns:minmax(0,1fr)}.ecal{position:static}}
@media (max-width:640px){.evn{grid-template-columns:minmax(0,1fr)}.evn__img{min-height:0;aspect-ratio:16/9}.eva__r{grid-template-columns:minmax(0,1fr);gap:8px}.eva__img{display:none}}

/* event dialog */
.eva__t{background:none;border:0;padding:0;text-align:left;color:inherit;cursor:pointer}
.eva__t::after{content:"";position:absolute;inset:0}
.eva__r:hover .eva__t{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.eva__r:hover{background:#faf9f6}
.eva__go{position:relative;z-index:1}
.evn{position:relative}
.evn__open{position:absolute;inset:0;z-index:1;border:0;background:none;cursor:pointer;border-radius:inherit}
.evn__more{position:relative;z-index:2;align-self:flex-start;background:none;border:0;padding:0;cursor:pointer;color:inherit}
.evd{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:28px;background:#fff;color:#1C1F4A;overflow:auto;overscroll-behavior:contain}
.evd::backdrop{background:rgba(17,17,17,.55)}
.evd[open]{animation:evdIn .55s cubic-bezier(.34,1.56,.64,1) both}
@keyframes evdIn{from{opacity:0;translate:0 22px;scale:.96}}
@media (prefers-reduced-motion:reduce){.evd[open]{animation:none}}
.evd__x{position:sticky;top:14px;float:right;margin:14px 14px -58px 0;z-index:3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.18);cursor:pointer;rotate:45deg}
.evd__img{aspect-ratio:16/7;overflow:hidden}
.evd__img img{width:100%;height:100%;object-fit:cover}
.evd__body{display:grid;gap:18px;padding:clamp(22px,3vw,36px)}
.evd__k{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.evd__st{padding:4px 10px;border-radius:999px;font:500 12px/16px var(--text);background:#F4F0F7}
.evd__st--open,.evd__st--now{background:#d9f4dd;color:#0d4a1c}
.evd__st--soon{background:#fff3c4;color:#5a4300}
.evd__st--chg{background:#f3f3f3;color:#3E4160}
.evd__t{font:600 clamp(28px,2.56vw,32px)/1.08 var(--display);letter-spacing:-.025em;text-wrap:balance}
.evd__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.evd__facts > div{display:grid;gap:6px;padding:14px 16px;border-radius:16px;background:#FFF7EF}
.evd__facts dt{display:flex;align-items:center;gap:6px;font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:#646884}
.evd__facts dt svg{width:14px;height:14px}
.evd__facts dd{margin:0;display:grid;gap:2px;font:500 16px/22px var(--text)}
.evd__facts dd span{font-weight:400;font-size:14px;color:#646884}
.evd__p{font:400 16px/25px var(--text);color:#3E4160;text-wrap:pretty}
.evd__cal{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font:400 14px/20px var(--text)}
.evd__cal svg{width:15px;height:15px}
.evd__act{display:grid;gap:14px;padding-top:18px;border-top:1px solid var(--line)}
.evd__h{font:600 20px/1.2 var(--display);letter-spacing:-.012em}
.evd__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.evd__form{gap:16px}
.evd__note{font:400 13px/18px var(--text);color:#646884}
.evd__end{font:500 16px/22px var(--text)}
.evd__ok{display:grid;gap:8px;padding:20px;border-radius:18px;background:#d9f4dd;color:#0d4a1c}
.evd__okic{display:flex;font-size:28px}
.evd__okt{font:500 20px/1.2 var(--display)}
@media (max-width:640px){.evd{border-radius:22px}.evd__facts,.evd__fields{grid-template-columns:minmax(0,1fr)}.evd__img{aspect-ratio:16/9}}

/* events hero, simplified: coming-up list | the event | one photo and one action */
.evh{--top:clamp(24px,2.4vw,36px);grid-template-columns:minmax(220px,1fr) minmax(0,2.4fr) minmax(0,1.3fr)!important;grid-template-rows:auto!important;min-height:0!important}
.evh__side{grid-row:auto;justify-content:flex-start!important;gap:0!important;padding:var(--top) var(--g) var(--top)!important}
.evh__side > div{margin-top:clamp(28px,3vw,44px)}
.evh__side .evh__more{margin-top:auto;padding-top:28px}
.evh__page{line-height:28px!important}
.evh__main{grid-row:auto;justify-content:flex-start;gap:clamp(22px,2.4vw,32px);padding:var(--top) clamp(24px,3vw,56px) var(--top)}
.evh__main .evh__k{min-height:28px}
.evh__main .evh__body{margin-top:0;gap:20px}
.evh__h button{all:unset;cursor:pointer}
.evh__h button:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.evh__h button:focus-visible{outline:2px solid #1C1F4A;outline-offset:4px}
.evh__st{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1px #bdb8ad;font:500 13px/18px var(--text);color:#1C1F4A}
.evh__k .evh__st{color:#1C1F4A}
.evh__k .evh__st.is-now{background:#1C1F4A;color:#fff;box-shadow:none}
.evh__right{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(12px,1.2vw,18px);padding:var(--top) clamp(14px,1.4vw,20px) clamp(14px,1.4vw,20px);border-left:0}
.evh__right .evh__photo{grid-column:auto;grid-row:auto;aspect-ratio:auto;min-height:260px;border:0;border-radius:20px;overflow:hidden}
.evh__right .evh__photo{position:relative}
.evh__right .evh__photo img,.evh__right .evh__photo .geo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.evh__right .evh__cta{width:100%;min-height:clamp(150px,13vw,200px);border:0;border-radius:20px;text-align:left;cursor:pointer}
.evh__cta span:last-child{display:grid;gap:6px}
.evh__cta small{font:400 14px/20px var(--text);letter-spacing:0;color:#3a3a00}
.evh__arr svg{width:18px;height:18px}
.evh__cta:hover .evh__arr{rotate:0deg;translate:4px 0}
@media (max-width:1000px){.evh{grid-template-columns:minmax(0,1fr)!important;min-height:0}.evh__side,.evh__main,.evh__right{grid-column:1}.evh__right .evh__photo{min-height:0;aspect-ratio:16/10}.evh__main .evh__body{margin-top:0}}

/* event ticket */
.evd__done{display:grid;gap:14px}
.evd__okt2{font:400 15px/22px var(--text);color:#3E4160}
.evd__after{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.evd__after .evd__cal{margin:0}
.tkt{display:grid;grid-template-columns:48px minmax(110px,170px) minmax(0,1fr) 64px;min-height:230px;margin:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #e3dfd6}
.tkt__stub{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;background:#1C1F4A;color:#fff}
.tkt__brand{writing-mode:vertical-rl;rotate:180deg;font:600 13px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.tkt__stub .isac-circle{width:28px;height:28px}
.tkt__art{display:grid;align-items:center;overflow:hidden;background:var(--gb)}
.tkt__art .geo{width:100%;aspect-ratio:1;height:auto}
.tkt__info{display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px 18px;background:var(--l);color:var(--d)}
.tkt__k{font:600 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase}
.tkt__t{font:600 clamp(20px,1.98vw,23.4px)/1.08 var(--display);letter-spacing:-.02em;text-wrap:balance;color:#1C1F4A}
.tkt__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:auto 0 0;padding-top:10px}
.tkt__facts dt{font:600 10px/12px var(--text);letter-spacing:.08em;text-transform:uppercase}
.tkt__facts dd{margin:2px 0 0;font:500 13px/17px var(--text);color:#1C1F4A;overflow-wrap:anywhere}
.tkt__code{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;padding:14px 10px;background:#fff;border-left:2px dashed #cfcac0}
.tkt__code::before,.tkt__code::after{content:"";position:absolute;left:-10px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #e3dfd6}
.tkt__code::before{top:-10px}
.tkt__code::after{bottom:-10px}
.tkt__st{font:600 10px/12px var(--text);letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;rotate:180deg}
.tkt__refbox{display:flex;gap:6px;writing-mode:vertical-rl;rotate:180deg;align-items:center}
.tkt__rl{font:600 10px/12px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#646884}
.tkt__ref{font:600 15px/18px var(--display);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#1C1F4A}
@media (max-width:640px){.tkt{grid-template-columns:40px minmax(0,1fr) 62px;min-height:250px}.tkt__art{display:none}.tkt__facts{grid-template-columns:minmax(0,1fr)}.evd__after{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.tkt{animation:none}}

/* events hero, premium: white page, light type, one image, one action */
/* events hero: a rounded panel in the event's light Centre colour; the featured event and its photo, with what is coming up as a strip underneath */
.evx{--pad:clamp(28px,3.4vw,56px);--rad:clamp(24px,2.6vw,36px);display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:clamp(28px,3.6vw,64px) clamp(32px,4.4vw,80px);min-height:0!important;margin:clamp(14px,1.6vw,24px) var(--g) 0;padding:var(--pad) var(--pad) 0!important;border:0!important;border-radius:var(--rad);background:var(--hl,#FFF7EF)!important;color:#1C1F4A;transition:background-color .6s var(--ease-dd)}
.evx__main{display:flex;flex-direction:column;gap:20px;min-width:0}
.evx__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:500 13px/18px var(--text);color:#1C1F4A}
.evx__c{display:inline-flex;align-items:center;gap:8px;padding:6px 13px 6px 11px;border-radius:999px;background:rgba(255,255,255,.75)}
.evx__c i{width:8px;height:8px;border-radius:50%;background:var(--m)}
.evx__st{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(17,17,17,.18);color:#272B63}
.evx__st.is-now{color:#0b5e25;box-shadow:inset 0 0 0 1px rgba(13,107,42,.35)}
.evx__st.is-now::before{content:"";width:7px;height:7px;border-radius:50%;background:#1f9d4a;box-shadow:0 0 0 3px rgba(31,157,74,.18)}
.evx__h{margin:8px 0 0;font:600 clamp(33.6px,3.52vw,59.2px)/1 var(--display);letter-spacing:-.04em;text-wrap:balance}
.evx__h button{all:unset;cursor:pointer}
.evx__h button:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:10px}
.evx__h button:focus-visible{outline:2px solid #1C1F4A;outline-offset:6px}
.evx__p{font:400 18px/1.55 var(--text);color:#272B63;max-width:32em;text-wrap:pretty}
.evx__facts{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:16px clamp(32px,4vw,64px);margin:4px 0 0;padding-top:18px;border-top:1px solid rgba(17,17,17,.15)}
.evx__facts dt{font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#3E4160}
.evx__facts dd{display:grid;gap:2px;margin:6px 0 0;font:400 20px/1.3 var(--display);letter-spacing:-.01em;color:#1C1F4A}
.evx__facts dd span{font:400 14px/20px var(--text);letter-spacing:0;color:#3E4160}
.evx__acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:auto;padding-top:10px}
.evx__cta{padding:14px 22px 14px 26px;background:#1C1F4A!important;color:#fff!important}
.evx__sec{padding:0;border:0;background:none;font:500 15px/20px var(--text);color:#1C1F4A;cursor:pointer;border-bottom:1px solid #1C1F4A}
.evx__img{position:relative;min-height:0;border-radius:clamp(18px,2vw,26px);overflow:hidden;background:#FFF7EF}
.evx__img img,.evx__img .geo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.evx__tile{position:absolute;inset:0}
.evx__tile .geo{width:100%;height:100%}
/* coming up: a night band across the foot of the panel; the shown event's line takes its Centre colour */
.evx__side{grid-column:1/-1;display:grid;gap:12px;min-width:0;margin:0 calc(-1 * var(--pad));padding:clamp(22px,2.2vw,30px) var(--pad) clamp(24px,2.6vw,36px);border-radius:0 0 var(--rad) var(--rad);background:#1C1F4A;color:#fff}
.evx__side :focus-visible{outline:2px solid #fff;outline-offset:4px}
.evx__sh{display:flex;justify-content:space-between;align-items:center;gap:16px}
.evx__lab{font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#c4c4c4}
.evx__all{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;font:500 14px/20px var(--text);color:#fff;cursor:pointer;border-bottom:1px solid #fff}
.evx__all .ico{width:15px;height:15px}
.evx__list{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:clamp(12px,1.6vw,24px)}
.evx__li{display:grid;align-content:start;gap:6px;width:100%;height:100%;padding:14px 0 4px;border:0;border-top:3px solid rgba(255,255,255,.16);background:none;text-align:left;color:#fff;cursor:pointer;transition:border-color .25s var(--ease-dd)}
.evx__li:hover{border-top-color:rgba(255,255,255,.42)}
.evx__li[aria-pressed="true"]{border-top-color:var(--m)}
.evx__when{display:flex;align-items:center;gap:7px;font:500 12px/16px var(--text);letter-spacing:.02em;color:#c4c4c4}
.evx__when i{width:7px;height:7px;border-radius:50%;background:var(--m)}
.evx__name{font:400 17px/1.3 var(--display);letter-spacing:-.008em;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.evx__li[aria-pressed="true"] .evx__name{font-weight:500}
@media (max-width:1100px){.evx__list{grid-auto-columns:minmax(200px,1fr);overflow-x:auto;scrollbar-width:none;padding:6px;margin:-6px}.evx__list::-webkit-scrollbar{display:none}}
@media (max-width:760px){
  .evx{--pad:14px;--rad:24px;grid-template-columns:minmax(0,1fr)!important;gap:22px;margin:12px 12px 0}
  .evx__img{aspect-ratio:4/3;order:-1}
  .evx__main{padding:0 6px}
  .evx__side{padding:20px 20px 24px}
  .evx__facts{grid-template-columns:minmax(0,1fr)}
  .evx__list{grid-auto-columns:minmax(64%,1fr);margin-right:-20px;padding-right:20px}
}
/* change chips and rows */
.evchip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 7px;border-radius:999px;font:500 12px/18px var(--text)}
.evchip svg{width:12px;height:12px}
.evchip--change{background:#FFF7EF;box-shadow:inset 0 0 0 1px #cfcfcf;color:#1C1F4A}
.evchip--cancel{background:#f3f3f3;color:#646884}
.evchip--cancel svg{rotate:45deg}
.eva__r.is-cancelled .eva__t{color:#646884}
.eva__r.is-cancelled .eva__time{color:#646884;text-decoration:line-through}
.eva__r.is-cancelled::before{background:#cfcfcf}
.eva__r--ghost{padding-top:10px;padding-bottom:10px}
.eva__r--ghost .eva__t{font-size:16px;color:#3E4160}
.eva__r--ghost::before{background:repeating-linear-gradient(var(--m) 0 4px,transparent 4px 8px)}
/* dialog and page extras */
.evd__banner{padding:12px 16px;border-radius:14px;font:500 15px/22px var(--text)}
.evd__banner--change{background:#FFF7EF;box-shadow:inset 0 0 0 1px #cfcfcf;color:#1C1F4A}
.evd__banner--cancel{background:#1C1F4A;color:#fff}
.evd__rec{display:grid;gap:6px}
.evd__mh{margin-top:6px;font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#646884}
.evd__more{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.evd__more button{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:12px 14px;border:0;border-radius:14px;background:#FFF7EF;text-align:left;cursor:pointer;font:500 15px/20px var(--text);color:#1C1F4A}
.evd__more button:hover{background:#F6E9DC}
.evd__more small{font:400 13px/18px var(--text);color:#646884;white-space:nowrap}
.evd__prev{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:12px;background:#fff8d6;color:#4a3a05;font:500 13px/19px var(--text)}
.evd__prev svg{flex:0 0 auto;width:16px;height:16px;margin-top:2px}
.evd--page{display:block;width:min(820px,calc(100% - 2 * var(--g)));max-height:none;margin:clamp(20px,3vw,44px) auto clamp(48px,6vw,96px);overflow:hidden;box-shadow:0 0 0 1px #F6E9DC}
.evd__back{margin:18px 0 0 clamp(22px,3vw,36px)}
.evd--page .evd__img{margin-top:16px}
.evnf{max-width:760px}
.evnf .t-intro{margin:18px 0 28px}
/* phone filter bar and full-screen sheet */


/* blog */
.blog__f{display:flex;align-items:center;gap:14px;margin-bottom:clamp(24px,2.6vw,40px)}
.blog__n{font:400 15px/20px var(--text);color:#3E4160}
.blog__top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,3.4vw,56px);align-items:center;padding-bottom:clamp(32px,3.6vw,56px);margin-bottom:clamp(32px,3.6vw,56px);border-bottom:1px solid #EFE3D6}
.blog__img{position:relative;display:block;aspect-ratio:16/10;border-radius:clamp(20px,2.2vw,28px);overflow:hidden;background:#FFF7EF}
.blog__img img,.blog__img .geo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.blog__tx{display:grid;gap:16px;align-content:center}
.blog__h{font:600 clamp(25.6px,2.56vw,41.6px)/1.04 var(--display);letter-spacing:-.03em;text-wrap:balance}
.blog__h a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
.blog__p{font:400 18px/1.55 var(--text);color:#272B63;text-wrap:pretty}
.blog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(14px,1.4vw,22px)}
.blog__empty{display:grid;justify-items:start;gap:16px;padding:clamp(28px,3vw,44px);border-radius:24px;background:#FFF7EF;font:400 18px/1.5 var(--text)}
.blog__more{margin-top:clamp(32px,3.6vw,56px);font:500 15px/20px var(--text)}
@media (max-width:900px){.blog__top{grid-template-columns:minmax(0,1fr)}}
.art{position:relative}
.art__a{color:inherit}
.art__a::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}
.art:has(.art__a):hover .art__t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.art__a:focus-visible{outline:none}
.art:has(.art__a:focus-visible){outline:2px solid #1C1F4A;outline-offset:3px}
/* a post is one reading column (700px); only the cover image runs wider */
.post{max-width:calc(700px + 2 * var(--g));margin:0 auto;padding:clamp(28px,3vw,44px) var(--g) clamp(48px,5vw,80px)}
.post__meta{margin-top:clamp(28px,3vw,44px);flex-wrap:wrap}
.post__c{display:inline-flex;align-items:center;gap:8px;font:500 13px/18px var(--text);color:#1C1F4A}
a.post__c:hover{text-decoration:underline}
.post__c i{width:8px;height:8px;border-radius:50%;background:var(--m)}
/* the headline steps down as it gets longer (PAGES.post adds --long past 70 characters, --xl past 120) */
.post__h{margin-top:18px;font:600 clamp(28.8px,2.88vw,43.2px)/1.08 var(--display);letter-spacing:-.025em;text-wrap:balance}
.post__h--long{font-size:clamp(30px,2.9vw,44px);line-height:1.14;letter-spacing:-.02em}
.post__h--xl{font-size:clamp(28px,2.5vw,38px);line-height:1.2;letter-spacing:-.015em}
.post__stand{margin-top:18px;font:400 clamp(18px,1.4vw,21px)/1.55 var(--text);color:#3E4160;text-wrap:pretty}
.post__img{position:relative;margin:clamp(28px,3vw,44px) calc(-1 * min(8vw,120px)) 0;aspect-ratio:16/9;border-radius:clamp(20px,2.2vw,28px);overflow:hidden;background:#FFF7EF}
.post__img img,.post__img .geo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.post__body{display:grid;gap:28px;margin-top:clamp(32px,3.4vw,48px)}
.post__body > .pill{justify-self:start}
.post__facts{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:16px 56px;margin:0}
.post__facts dt{font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#3E4160}
.post__facts dd{margin:6px 0 0;font:400 20px/1.3 var(--display)}
/* the Studio's facts: an "At a glance" panel, one row per fact */
.post__glance{padding-top:22px;border-top:1px solid #EFE3D6}
.post__glance h2{margin:0 0 4px;font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#3E4160}
.post__facts--foot{display:block;margin:0}
.post__facts--foot div{display:grid;grid-template-columns:minmax(0,13em) minmax(0,1fr);gap:4px 24px;padding:14px 0;border-bottom:1px solid #EFE3D6}
.post__facts--foot div:last-child{border-bottom:0}
.post__facts--foot dt{padding-top:3px}
.post__facts--foot dd{margin:0;font:400 17px/1.5 var(--text);color:#1C1F4A}
.legal{max-width:46em}.legal__h{font:400 clamp(24px,2.2vw,30px)/1.2 var(--display, inherit);margin:40px 0 12px}.legal .t-body{margin:0 0 14px}.legal__date{margin-top:14px;color:var(--grey)}.legal__also{margin-top:48px}
.post__tbc{padding:16px 18px;border-radius:16px;background:#FFF7EF;font:400 15px/22px var(--text);color:#3E4160}
@media (max-width:1100px){.post__img{margin-inline:0}}
@media (max-width:640px){.post__facts{grid-template-columns:minmax(0,1fr)}.post__facts--foot div{grid-template-columns:minmax(0,1fr)}}
.pcx__join--ask{background:none;color:var(--d);box-shadow:inset 0 0 0 1.5px currentColor}
.pcx__join--ask:hover{background:var(--d);color:#fff}
/* Chair and Fellows: four across inside the page width on wide screens */
@media (min-width:901px){#ce-people .stories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1vw,16px);margin-inline:0;padding-inline:0;overflow:visible}#ce-people .story{height:clamp(420px,34vw,540px);border-radius:22px}}

/* Centre page parts, each in its own form: projects as photos, programmes as a numbered band in the Centre colour,
   services and clubs as plain lists, Research Lab as publication covers, platforms as large marks */
.cxk{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:16px;margin-bottom:clamp(18px,1.8vw,26px);border-bottom:2px solid #1C1F4A}
.cxk__h{display:flex;align-items:center;gap:12px;font:600 clamp(26px,2.16vw,32.4px)/1.1 var(--display);letter-spacing:-.02em}
.cxk__ic{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--cm);color:#1C1F4A;font-size:18px;flex:0 0 auto}
.cxp{min-width:0;padding-top:4px}
.cxpj{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:clamp(14px,1.4vw,22px)}
.cxpj__c{display:grid;align-content:start;gap:10px;color:#1C1F4A}
.cxpj__img{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#FFF7EF}
.cxpj__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:scale .5s var(--ease-dd)}
.cxpj__c:hover .cxpj__img img{scale:1.04}
.cxpj__t{font:400 21px/1.2 var(--display);letter-spacing:-.01em;text-wrap:balance}
.cxpj__go{display:inline-flex;align-items:center;gap:6px;font:500 14px/18px var(--text)}
.cxpj__go svg{width:14px;height:14px}
.cxg{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,72px);padding:clamp(32px,4vw,64px);border-radius:clamp(24px,2.6vw,36px);background:var(--cl);color:var(--cd)}
.cxg__head{display:grid;align-content:start;gap:14px}
.cxg__lab{display:inline-flex;align-items:center;gap:8px;font:600 12px/16px var(--text);letter-spacing:.08em;text-transform:uppercase}
.cxg__lab .pi{width:18px;height:18px}
.cxg__h{font:600 clamp(32px,3.52vw,57.6px)/1 var(--display);letter-spacing:-.035em;color:#1C1F4A}
.cxg__d{font:400 16px/24px var(--text)}
.cxg__list{list-style:none;margin:0;padding:0}
.cxg__row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:clamp(14px,2vw,32px);align-items:center;padding:clamp(20px,2vw,28px) 0;border-top:1px solid color-mix(in srgb,var(--cd) 25%,transparent)}
.cxg__row:last-child{border-bottom:1px solid color-mix(in srgb,var(--cd) 25%,transparent)}
.cxg__n{align-self:start;padding-top:6px;font:500 15px/20px var(--text);color:var(--cd)}
.cxg__t{font:600 clamp(24px,1.98vw,28.8px)/1.12 var(--display);letter-spacing:-.02em;color:#1C1F4A;text-wrap:balance}
.cxg__p{margin-top:6px;font:400 16px/24px var(--text);color:#272B63;max-width:36em;text-wrap:pretty}
.cxg__go{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:#1C1F4A;color:#fff;font:500 14px/18px var(--text);white-space:nowrap}
.cxg__go svg{width:13px;height:13px}
.cxg__go--ask{background:none;color:#1C1F4A;box-shadow:inset 0 0 0 1.5px #1C1F4A}
.cxg__go--ask:hover{background:#1C1F4A;color:#fff}
.cxl2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,72px);padding-top:clamp(28px,3vw,48px)}
.cxl__list{list-style:none;margin:0;padding:0}
.cxl__row + .cxl__row{border-top:1px solid #EFE3D6}
.cxl__a{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:6px 24px;padding:18px 0;color:#1C1F4A}
.cxl__t{font:500 18px/1.3 var(--text);letter-spacing:-.005em}
.cxl__p{font:400 16px/24px var(--text);color:#3E4160}
.cxl__go{grid-column:2;display:inline-flex;align-items:center;gap:6px;font:500 14px/18px var(--text)}
.cxl__go svg{width:12px;height:12px}
a.cxl__a:hover .cxl__t{text-decoration:underline}
.cxr2{padding:clamp(28px,3.4vw,52px);margin-top:clamp(28px,3vw,48px);border-radius:clamp(24px,2.6vw,36px);background:#FFF7EF}
.cxdoc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(14px,1.4vw,22px)}
.cxdoc__c{position:relative;display:flex;flex-direction:column;gap:10px;aspect-ratio:4/5;padding:clamp(18px,1.8vw,26px);border-radius:6px 18px 18px 6px;box-shadow:inset 6px 0 0 rgba(0,0,0,.12),0 18px 34px -24px rgba(0,0,0,.45)}
.cxdoc__c--0{background:var(--cd);color:#fff}
.cxdoc__c--1{background:var(--cm);color:#14162F}
.cxdoc__c--2{background:#fff;color:#1C1F4A}
.cxdoc__k{font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase}
.cxdoc__t{margin-top:auto;font:600 clamp(22px,1.71vw,25.2px)/1.12 var(--display);letter-spacing:-.015em;text-wrap:balance}
.cxdoc__p{font:400 14px/20px var(--text)}
.cxdoc__c--0 .cxdoc__k,.cxdoc__c--0 .cxdoc__p{color:rgba(255,255,255,.86)}
.cxdoc__c--2 .cxdoc__k,.cxdoc__c--2 .cxdoc__p{color:#3E4160}
.cxmou{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-top:clamp(20px,2vw,28px);padding-top:16px;border-top:1px solid #dcd6cc}
.cxmou__k{font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#3E4160}
.cxmou__l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font:400 15px/22px var(--text)}
.cxmou__l li{display:inline-flex;align-items:center;gap:6px}
.cxmou__none{font:400 15px/22px var(--text);color:#3E4160}
.cxpl{padding-top:clamp(28px,3vw,48px)}
.cxpl__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:clamp(14px,1.4vw,22px)}
.cxpl__c{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center}
.cxpl__mono{display:grid;place-items:center;width:clamp(88px,8vw,116px);aspect-ratio:1;border-radius:24px;background:var(--cd);color:#fff;font:600 clamp(27.2px,2.4vw,36.8px)/1 var(--display);letter-spacing:-.03em}
.cxpl__tx{display:grid;gap:6px}
.cxpl__t{font:600 22px/1.15 var(--display);letter-spacing:-.015em}
.cxpl__p{font:400 15px/22px var(--text);color:#3E4160;text-wrap:pretty}
.cxpl__go{display:inline-flex;align-items:center;gap:6px;font:500 14px/18px var(--text)}
.cxpl__go svg{width:12px;height:12px}
.cxpl__c:hover .cxpl__t{text-decoration:underline}
@media (max-width:900px){.cxg{grid-template-columns:minmax(0,1fr)}.cxl2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.cxg{padding:24px 20px}.cxg__row{grid-template-columns:36px minmax(0,1fr)}.cxg__go{grid-column:2;justify-self:start}.cxl__a{grid-template-columns:minmax(0,1fr)}.cxl__go{grid-column:1}.cxr2{padding:22px 18px}.cxdoc{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.cxdoc__c{aspect-ratio:auto;min-height:220px}}
.blog__f{margin-bottom:clamp(24px,2.6vw,40px)!important}
.post__img--geo{aspect-ratio:21/9}
.sec#ce-people{padding-top:clamp(56px,5.6vw,88px);padding-bottom:clamp(56px,5.6vw,88px)}
.field__err{display:block;margin-top:6px;font:500 13px/18px var(--text);color:#b3261e}
.evd__form [aria-invalid="true"]{box-shadow:inset 0 0 0 2px #b3261e}
.eva__count{scroll-margin-top:calc(var(--float) + 24px)}
.evd__t:focus{outline:none}
.evd__t:focus-visible{outline:2px solid #1C1F4A;outline-offset:4px}
.post__prose{display:block}
.post__by{margin-top:14px;font:400 14px/20px var(--text);color:#3E4160}
.post__sub{margin:0;font:500 clamp(21px,1.7vw,26px)/1.3 var(--display);letter-spacing:-.01em;color:#1C1F4A;text-wrap:balance}
.post__lead{margin:0;font:400 clamp(18px,1.45vw,21px)/1.65 var(--text);color:#1C1F4A;text-wrap:pretty}
/* the dateline opens the first paragraph: BENGALURU / NUREMBERG — */
.post__dl{font-weight:600;font-size:.8em;letter-spacing:.06em;text-transform:uppercase}
.post__dl::after{content:" \2014\00a0";font-weight:400;letter-spacing:0}
.post__points{box-sizing:border-box;width:100%;padding:20px 0 22px;border-block:1px solid #EFE3D6}
.post__points h2,.post__src h2{margin:0 0 12px;font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#3E4160}
/* questions and answers is a section of its own, headed like the article's sections */
.post__faq{margin-top:clamp(12px,1.4vw,20px);padding-top:clamp(28px,3vw,40px)}
.post__faq h2{margin:0 0 20px;font:500 clamp(21px,1.7vw,26px)/1.3 var(--display);letter-spacing:-.01em;color:#1C1F4A}
.post__points ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.post__points li{position:relative;padding-left:22px;font:400 clamp(16px,1.2vw,18px)/1.55 var(--text);color:#1C1F4A}
.post__points li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--m)}
.post__pull{margin:clamp(8px,1.2vw,16px) 0 clamp(20px,2vw,28px);padding-left:20px;border-left:3px solid var(--m)}
.post__pull blockquote{margin:0;font:300 clamp(24px,2.2vw,32px)/1.25 var(--display);letter-spacing:-.02em;color:#1C1F4A;text-wrap:balance}
.post__faq,.post__src{width:100%;padding-top:22px;border-top:1px solid #EFE3D6}
.post__faq h3{margin:20px 0 6px;font:500 17px/1.4 var(--text);color:#1C1F4A}
.post__faq h3:first-of-type{margin-top:0}
.post__faq p{margin:0;font:400 16px/1.65 var(--text);color:#3E4160}
.post__src ol{margin:0;padding-left:22px;list-style:decimal;display:grid;gap:8px;font:400 16px/1.5 var(--text)}
.post__topics{margin:0;font:400 14px/20px var(--text);color:#3E4160}
.post__prose h2,.post__prose h3{margin:clamp(36px,3.4vw,48px) 0 12px;font:500 clamp(21px,1.7vw,26px)/1.3 var(--display);letter-spacing:-.01em;color:#1C1F4A;text-wrap:balance}
.post__prose h3{font-size:clamp(18px,1.4vw,21px)}
.post__prose > :first-child{margin-top:0}
.post__prose p{margin:0 0 18px;font:400 clamp(17px,1.3vw,19px)/1.7 var(--text);color:#1C1F4A;text-wrap:pretty}
.post__prose ul{margin:4px 0 22px;padding:0;list-style:none;display:grid;gap:8px}
.post__prose li{position:relative;padding-left:22px;font:400 clamp(17px,1.3vw,19px)/1.6 var(--text);color:#1C1F4A}
.post__prose li p{margin:0;font:inherit;color:inherit}
.post__prose li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--m)}
.post__pics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:clamp(14px,1.6vw,22px) 0 6px}
.post__pics figure{position:relative;margin:0;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#FFF7EF}
.post__pics img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:640px){.post__pics{grid-template-columns:minmax(0,1fr)}}
/* clubs and chapters */
.clb__row{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:clamp(12px,1.2vw,18px)}
.clb{display:grid;grid-template-rows:auto 1fr;border-radius:22px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6;color:#1C1F4A;transition:translate .3s var(--ease-dd),box-shadow .3s var(--ease-dd)}
.clb:hover{translate:0 -3px;box-shadow:inset 0 0 0 1px #d6d1c6,0 16px 30px -22px rgba(17,17,17,.45)}
.clb__top{position:relative;display:flex;justify-content:space-between;align-items:flex-start;min-height:118px;padding:16px 18px;background:var(--cl);color:var(--cd);overflow:hidden}
.clb__k{display:inline-flex;align-items:center;gap:7px;font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase}
.clb__k .pi{width:15px;height:15px}
.clb__ic{position:absolute;right:-14px;bottom:-22px;color:var(--cm)}
.clb__ic .pi{width:118px;height:118px}
.clb__tx{display:grid;align-content:start;gap:6px;padding:16px 18px 18px}
.clb__t{font:600 21px/1.15 var(--display);letter-spacing:-.015em}
.clb__city{display:inline-flex;align-items:center;gap:6px;font:500 15px/20px var(--text)}
.clb__city .pi{width:15px;height:15px}
.clb__h{font:400 14px/20px var(--text);color:#3E4160}
.clb__c{display:inline-flex;align-items:center;gap:7px;margin-top:6px;font:500 13px/18px var(--text);color:#3E4160}
.clb__c i{width:8px;height:8px;border-radius:50%;background:var(--m)}
.clb__go{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font:500 14px/18px var(--text)}
.clb__go svg{width:14px;height:14px}
.chp__row{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:clamp(12px,1.2vw,18px)}
.chp{display:grid;gap:6px;padding:20px 22px 22px;border-radius:22px;background:#1C1F4A;color:#fff;transition:background-color .3s var(--ease-dd)}
.chp:hover{background:#262626}
.chp__k{display:inline-flex;align-items:center;gap:7px;font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#c4c4c4}
.chp__k .pi{width:15px;height:15px}
.chp__t{margin-top:18px;font:600 clamp(27.2px,2.4vw,36.8px)/1 var(--display);letter-spacing:-.03em}
.chp__n{font:400 14px/20px var(--text);color:#c4c4c4}
.chp__go{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font:500 14px/18px var(--text)}
.chp__go svg{width:14px;height:14px}
.cxc{padding-top:clamp(28px,3vw,48px)}
.cxc__sub{display:flex;align-items:center;gap:8px;margin:clamp(22px,2.2vw,32px) 0 12px;font:600 12px/16px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#3E4160}
.cxc__sub .pi{width:15px;height:15px}
.cxc__al{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px 28px}
.cxc__al li{padding:12px 0;border-top:1px solid #EFE3D6;font:400 15px/22px var(--text);color:#3E4160}
.cxc__al b{display:block;font-weight:500;color:#1C1F4A}
.cxl--wide{padding-top:clamp(28px,3vw,48px)}
.cxl__list--2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,72px)}
.cxl__list--2 .cxl__row{border-top:1px solid #EFE3D6}
.cxl__list--2 .cxl__row:nth-child(-n+2){border-top:0}
.clbs__intro{max-width:36em;margin-bottom:22px}
.clbs__seg{display:flex;flex-wrap:wrap;gap:4px;padding:4px;margin-bottom:clamp(24px,2.6vw,40px);border-radius:999px;background:#FFF7EF;width:max-content;max-width:100%}
.clbs__seg a{padding:10px 16px;border-radius:999px;font:500 14px/18px var(--text);color:#3E4160}
.clbs__seg a:hover{background:#F6E9DC}
.clbs__seg a[aria-current]{background:#1C1F4A;color:#fff}
.clbs__g + .clbs__g{margin-top:clamp(32px,3.6vw,56px)}
.clbs__h{display:flex;align-items:center;gap:10px;margin-bottom:16px;font:600 clamp(24px,1.98vw,28.8px)/1.1 var(--display);letter-spacing:-.02em}
.clbs__h .pi{width:24px;height:24px}
.clbs__more{margin-top:14px;font:500 15px/20px var(--text)}
.clp{padding:clamp(28px,3vw,44px) var(--g) clamp(40px,4vw,64px)}
.clp__nav{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.clp__head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);margin-top:clamp(20px,2.4vw,32px);padding:clamp(28px,3.6vw,56px);border-radius:clamp(24px,2.6vw,36px);background:var(--cl,#FFF7EF);color:#1C1F4A}
.clp--ch .clp__head{background:#1C1F4A;color:#fff}
.clp__k{display:inline-flex;align-items:center;gap:8px;font:600 12px/16px var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--cd,#1C1F4A)}
.clp--ch .clp__k{color:#c4c4c4}
.clp__k .pi{width:17px;height:17px}
.clp__h{margin-top:16px;font:600 clamp(32px,3.68vw,60.8px)/1 var(--display);letter-spacing:-.035em;text-wrap:balance}
.clp__p{margin-top:16px;font:400 18px/1.5 var(--text)}
.clp__facts{display:grid;gap:14px;margin:0;align-content:end}
.clp__facts div{padding-top:12px;border-top:1px solid rgba(17,17,17,.18)}
.clp--ch .clp__facts div{border-top-color:rgba(255,255,255,.2)}
.clp__facts dt{font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.clp__facts dd{margin:4px 0 0;font:400 18px/1.35 var(--text)}
.clp__body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,4vw,64px);margin-top:clamp(28px,3.4vw,52px)}
.clp__h2{margin:0 0 14px;font:600 clamp(26px,2.16vw,30.6px)/1.1 var(--display);letter-spacing:-.02em}
.clp__h2 + .clp__list{margin-bottom:clamp(24px,2.6vw,40px)}
.clp__list{list-style:none;margin:0 0 clamp(24px,2.6vw,40px);padding:0;display:grid}
.clp__list li{position:relative;padding:14px 0 14px 24px;border-top:1px solid #EFE3D6;font:400 18px/1.5 var(--text)}
.clp__list li::before{content:"";position:absolute;left:0;top:23px;width:9px;height:9px;border-radius:50%;background:var(--cm,#1C1F4A)}
.clp__ask{align-self:start;display:grid;gap:14px;justify-items:start;padding:clamp(22px,2.4vw,32px);border-radius:24px;background:#FFF7EF}
.clp__ask h2{font:600 23px/1.15 var(--display);letter-spacing:-.015em}
.clp__ask p{font:400 16px/24px var(--text);color:#272B63}
.clp__ch{display:inline-flex;align-items:center;gap:6px;font:500 14px/18px var(--text);text-decoration:underline;text-underline-offset:3px}
.clp__ch .pi{width:15px;height:15px}
.cxe--light a{background:#FFF7EF;color:#1C1F4A}
.cxe--light a:hover{background:#F6E9DC}
.cxe--light .cxe__d{background:#fff}
.cxe--light .cxe__m{opacity:1;color:#3E4160}
@media (max-width:900px){.clp__head,.clp__body{grid-template-columns:minmax(0,1fr)}.cxl__list--2{grid-template-columns:minmax(0,1fr)}.cxl__list--2 .cxl__row:nth-child(2){border-top:1px solid #EFE3D6}}
/* Research Lab publications: designed covers, type, size and a download */
.cxk__n{font:500 14px/20px var(--text);color:#3E4160}
.pubs{list-style:none;margin:0;padding:0;display:grid}
.pub{display:grid;grid-template-columns:clamp(104px,10vw,140px) minmax(0,1fr) auto;gap:clamp(18px,2.4vw,40px);align-items:center;padding:clamp(16px,1.6vw,22px) 0}
.pub + .pub{border-top:1px solid #dcd6cc}
.pub__cov{display:block;border-radius:4px 10px 10px 4px;box-shadow:0 1px 0 rgba(0,0,0,.06),0 16px 26px -18px rgba(17,17,17,.55);transition:translate .35s var(--ease-dd),box-shadow .35s var(--ease-dd)}
.pub:hover .pub__cov{translate:0 -3px;box-shadow:0 1px 0 rgba(0,0,0,.06),0 22px 32px -20px rgba(17,17,17,.6)}
.pubc{position:relative;display:grid;grid-template-rows:auto 1fr auto auto;gap:6px;aspect-ratio:1/1.32;padding:10px 10px 10px 13px;border-radius:inherit;background:var(--bg);color:var(--ink);overflow:hidden}
.pubc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:rgba(0,0,0,.14)}
.pubc__k{font:600 6.5px/9px var(--text);letter-spacing:.1em;text-transform:uppercase;opacity:.9}
.pubc__g{align-self:center;justify-self:center;width:68%;aspect-ratio:1}
.pubc__g svg{display:block;width:100%;height:100%}
.pubc__ty{font:600 clamp(13px,0.99vw,14.4px)/1.05 var(--display);letter-spacing:-.01em}
.pubc__t{font:400 13px/1.1 var(--display)}
.pubc__c{font:500 6.5px/9px var(--text);opacity:.85}
.pub__tx{display:grid;gap:6px;min-width:0}
.pub__k{display:flex;gap:10px;font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#1C1F4A}
.pub__k span{color:#3E4160;letter-spacing:.06em}
.pub__t{font:600 clamp(21px,1.71vw,25.2px)/1.15 var(--display);letter-spacing:-.015em;text-wrap:balance}
.pub__p{font:400 15px/22px var(--text);color:#3E4160}
.pub__act{display:grid;justify-items:end;gap:6px}
.pub__dl{display:inline-flex;align-items:center;gap:8px;padding:11px 18px 11px 14px;border-radius:999px;background:#1C1F4A;color:#fff;font:500 14px/18px var(--text);white-space:nowrap}
.pub__dl svg{width:16px;height:16px}
.pub__dl:hover{background:#3E4160}
.pub__note{font:400 13px/18px var(--text);color:#3E4160;text-align:right}
.pub__note:empty{display:none}
@media (max-width:640px){.pub{grid-template-columns:92px minmax(0,1fr);align-items:start}.pub__act{grid-column:2;justify-items:start}.pub__note{text-align:left}}
/* event posters (Swiss grammar after the Yeah! Club series) */
.cxp{padding-top:4px}
.cxv{padding-top:clamp(36px,4vw,64px)}
.psts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,26px)}
.psts--2{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:clamp(24px,2.6vw,40px)}
.pst{display:grid;grid-template-rows:auto auto;background:#efefed;color:#1C1F4A;transition:background-color .25s var(--ease-dd)}
.pst:hover{background:#e7e6e2}
.pst__top{display:grid;grid-template-columns:minmax(0,1fr) 40%;min-height:clamp(220px,17vw,260px)}
.pst__l{display:flex;flex-direction:column;padding:14px 14px 13px}
.pst__mk .pi{width:34px;height:34px;color:#1C1F4A}
.pst__h{display:grid;gap:1px;margin-top:auto}
.pst__h b{font:600 clamp(17px,1.45vw,21px)/1.06 var(--display);letter-spacing:-.02em;text-wrap:balance}
.pst__t{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pst__rule{display:block;width:16px;height:2px;margin:9px 0 8px;background:#1C1F4A}
.pst__w{font:600 15px/1.1 var(--display);letter-spacing:-.01em}
.pst__w small{font:600 10.5px/1 var(--text);letter-spacing:0;white-space:nowrap}
.pst__r{display:flex;flex-direction:column;gap:11px;padding:12px 12px 13px;border-left:1px solid #1C1F4A;font:500 11px/1.28 var(--text);letter-spacing:-.005em}
.pst__ft{margin-top:auto;padding-top:9px;border-top:1px solid #1C1F4A}
.pst__img{position:relative;display:block;aspect-ratio:1/.86;overflow:hidden;background:var(--m)}
.pst__img img,.pst__img .geo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:scale .5s var(--ease-dd)}
.pst:hover .pst__img img,.pst:hover .pst__img .geo{scale:1.035}
.pst:focus-visible{outline:2px solid #1C1F4A;outline-offset:3px}
.pst__grad{position:absolute;inset:0;background:radial-gradient(60% 55% at 22% 28%,var(--g1) 0%,transparent 70%),radial-gradient(55% 60% at 82% 72%,var(--g2) 0%,transparent 72%),radial-gradient(45% 45% at 70% 18%,var(--g3) 0%,transparent 70%),linear-gradient(140deg,var(--g4),var(--g1) 55%,var(--g2));transition:scale .5s var(--ease-dd)}
.pst:hover .pst__grad{scale:1.035}
@media (max-width:1100px){.psts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.psts,.psts--2{grid-template-columns:minmax(0,1fr)}.pst__top{min-height:210px}}
/* clubs on a Centre page: one pathway, school to college to professional */
.cpath{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,34px)}
.cpath__s{position:relative;min-width:0}
.cpath__s:not(:last-child)::after{content:"";position:absolute;z-index:1;top:50%;right:calc(-1 * clamp(18px,2.2vw,34px) / 2 - 16px);width:32px;height:32px;margin-top:-16px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10h11M11 5.5l4.5 4.5-4.5 4.5' fill='none' stroke='%23111' stroke-width='1.6'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:0 0 0 1px #EFE3D6}
.cpath__a{display:flex;flex-direction:column;gap:10px;height:100%;padding:clamp(20px,2vw,28px);border-radius:24px;color:#1C1F4A;transition:translate .3s var(--ease-dd),box-shadow .3s var(--ease-dd)}
.cpath__s--0 .cpath__a{background:var(--cl)}
.cpath__s--1 .cpath__a{background:color-mix(in srgb,var(--cl) 55%,var(--cm))}
.cpath__s--2 .cpath__a{background:var(--cm);color:#14162F}
.cpath__a:hover{translate:0 -3px;box-shadow:0 18px 32px -24px rgba(17,17,17,.5)}
.cpath__top{display:flex;justify-content:space-between;align-items:center}
.cpath__n{font:600 13px/16px var(--text);letter-spacing:.06em}
.cpath__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.75)}
.cpath__ic .pi{width:22px;height:22px}
.cpath__h{margin-top:clamp(18px,2.4vw,40px);font:600 clamp(24px,2.24vw,35.2px)/1 var(--display);letter-spacing:-.03em}
.cpath__name{display:grid;gap:4px;font:500 17px/1.3 var(--text)}
.cpath__name span{display:inline-flex;align-items:center;gap:5px;font-weight:400;font-size:15px}
.cpath__name .pi{width:15px;height:15px}
.cpath__p{font:400 15px/22px var(--text);opacity:.85}
.cpath__s--2 .cpath__p{opacity:1}
.cpath__go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:10px;font:500 15px/20px var(--text)}
.cpath__go svg{width:15px;height:15px;transition:translate .25s var(--ease-dd)}
.cpath__a:hover .cpath__go svg{translate:3px 0}
.chb{margin-top:clamp(18px,2vw,28px);padding:clamp(20px,2.2vw,30px) clamp(22px,2.6vw,36px);border-radius:24px;background:#1C1F4A;color:#fff}
.chb__head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.chb__k{display:inline-flex;align-items:center;gap:8px;font:600 12px/16px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#c4c4c4}
.chb__k .pi{width:15px;height:15px}
.chb__all{display:inline-flex;align-items:center;gap:6px;font:500 14px/18px var(--text);border-bottom:1px solid #fff}
.chb__all svg{width:12px;height:12px}
.chb__list{list-style:none;margin:clamp(14px,1.6vw,22px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.chb__list li + li{border-left:1px solid rgba(255,255,255,.18)}
.chb__list a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2px 12px;padding:8px clamp(14px,2vw,28px)}
.chb__list li:first-child a{padding-left:0}
.chb__t{font:600 clamp(25.6px,2.56vw,41.6px)/1 var(--display);letter-spacing:-.03em}
.chb__n{grid-column:1;font:400 14px/20px var(--text);color:#c4c4c4}
.chb__go{grid-row:1 / span 2;grid-column:2;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);transition:background-color .25s var(--ease-dd)}
.chb__go svg{width:16px;height:16px}
.chb__list a:hover .chb__go{background:#fff;color:#1C1F4A}
.clb__geo{width:56px;height:56px;border-radius:14px;overflow:hidden;flex:0 0 auto}
.clb__geo .geo{display:block;width:100%;height:100%}
.clb__top{min-height:96px}
@media (max-width:900px){.cpath{grid-template-columns:minmax(0,1fr)}.cpath__s:not(:last-child)::after{top:auto;bottom:calc(-1 * clamp(18px,2.2vw,34px) / 2 - 16px);right:auto;left:50%;margin:0 0 0 -16px;transform:rotate(90deg)}.chb__list{grid-template-columns:minmax(0,1fr)}.chb__list li + li{border-left:0;border-top:1px solid rgba(255,255,255,.18)}.chb__list a{padding:14px 0}}
/* Centres page: progress board (Levenue grammar) */
.cbd__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(300px,auto);gap:8px}
.cbd__p{position:relative;min-width:0;padding:clamp(20px,2.2vw,32px);overflow:hidden;color:#1C1F4A}
.cbd__chart{grid-column:span 7;background:#fbf6c8;min-height:340px}
.cbd__mint{grid-column:span 5;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto;gap:18px 26px;background:#bdf0dc}
.cbd__green{grid-column:span 5;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:1fr auto;gap:14px 18px;background:#1d4a2c;color:#fff}
.cbd__maroon{grid-column:span 4;display:grid;grid-template-rows:1fr auto;gap:18px;background:#5a1018;color:#fff}
.cbd__orange{grid-column:span 3;display:flex;flex-direction:column;justify-content:space-between;gap:18px;background:#c2410c;color:#fff}
.cbd__orange ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cbd__orange li{display:grid;gap:2px;padding-top:10px;border-top:1px solid rgba(255,255,255,.4)}
.cbd__orange a{font:400 19px/1.2 var(--display);letter-spacing:-.01em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.cbd__orange span{font:400 14px/20px var(--text)}
.cbd__inset{display:inline-grid;gap:2px;padding:14px 18px 16px;background:#dcd8fb;position:relative;z-index:2}
.cbd__inset p{font:400 14px/18px var(--text)}
.cbd__inset b{font:600 clamp(30.4px,3.2vw,49.6px)/1 var(--display);letter-spacing:-.03em}
.cbd__inset--sm{position:absolute;right:clamp(20px,2.2vw,32px);bottom:clamp(20px,2.2vw,32px);display:grid;grid-template-columns:auto auto;gap:0;padding:12px 0}
.cbd__inset--sm div{padding:0 18px}
.cbd__inset--sm div + div{border-left:1.5px solid #1C1F4A}
.cbd__inset--sm p{font-size:12px;color:#3E4160}
.cbd__inset--sm b{font:600 clamp(17px,1.35vw,19.8px)/1.2 var(--display);letter-spacing:-.01em}
.cbd__line{position:absolute;inset:0;width:100%;height:100%}
.cbd__pt{position:absolute;z-index:1;display:grid;justify-items:center;gap:4px;translate:-50% -50%}
.cbd__pt b{padding:6px 7px;background:#1C1F4A;color:#fff;font:400 15px/1 var(--display)}
.cbd__pt span{font:500 11px/1 var(--text);white-space:nowrap;background:#fbf6c8;padding:2px 3px}
.cbd__pt:hover b{background:#c2410c}
.cbd__sq{display:grid;place-items:center;width:clamp(72px,7vw,96px);aspect-ratio:1;background:#0f2a1c;color:#bdf0dc}
.cbd__sq .pi{width:48%;height:48%}
.cbd__mint h3{font:600 clamp(24px,2.4vw,36.8px)/1.02 var(--display);letter-spacing:-.03em}
.cbd__mint p{margin-top:16px;font:400 15px/22px var(--text);max-width:30em}
.cbd__logo{display:block;width:clamp(110px,10vw,140px)}
.cbd__logo svg{width:100%;height:auto}
.cbd__mint .cbd__logo{grid-column:1 / -1;align-self:end}
.cbd__logo--w,.cbd__maroon .cbd__logo{filter:brightness(0) invert(1)}
.cbd__maroon .cbd__logo{filter:none;width:100px}
.cbd__txt{font:400 15px/22px var(--text)}
.cbd__green .cbd__logo{grid-column:1;grid-row:2;align-self:end}
.cbd__card{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:16px 18px 20px;background:#dcd8fb;color:#1d4a2c}
.cbd__sq--g{width:72px;background:#1d4a2c;color:#dcd8fb}
.cbd__card b{font:600 clamp(26px,2.25vw,34.2px)/1.02 var(--display);letter-spacing:-.025em}
.cbd__card:hover b{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.cbd__big{display:grid;align-content:space-between;padding:14px 18px 6px;background:#dcd8fb;color:#5a1018}
.cbd__big b{font:600 clamp(64px,7.2vw,112px)/1 var(--display);letter-spacing:-.05em}
.cbd__cap{font:600 clamp(18px,1.44vw,21.6px)/1.2 var(--display);letter-spacing:-.01em}
.cbd__maroon:hover .cbd__cap{text-decoration:underline;text-underline-offset:5px}
.cbd__orange b{font:600 clamp(27.2px,2.56vw,41.6px)/1.02 var(--display);letter-spacing:-.03em;text-wrap:balance}
@media (max-width:1100px){.cbd__chart,.cbd__mint,.cbd__green{grid-column:span 12}.cbd__maroon{grid-column:span 7}.cbd__orange{grid-column:span 5}}
@media (max-width:640px){.cbd__grid{grid-auto-rows:auto}.cbd__maroon,.cbd__orange{grid-column:span 12}.cbd__chart{min-height:420px}.cbd__green{grid-template-columns:minmax(0,1fr)}.cbd__card{grid-column:1;grid-row:auto}.cbd__green .cbd__logo{grid-row:auto}.cbd__mint{grid-template-columns:minmax(0,1fr)}.cbd__inset--sm{left:clamp(20px,2.2vw,32px);right:auto}.cbd__orange{min-height:160px}}
/* club and chapter pages: collage header (InVision grammar) */
.cgl{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(4,clamp(96px,9.4vw,150px));gap:8px;margin-top:clamp(20px,2.4vw,32px)}
.cgl__t{position:relative;min-width:0;overflow:hidden}
.cgl__head{grid-column:1 / 6;grid-row:1 / 4;display:flex;flex-direction:column;padding:clamp(20px,2.2vw,32px);background:var(--a);color:#fff}
.cgl__k{display:inline-flex;align-items:center;gap:8px;font:600 12px/16px var(--text);letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.cgl__k .pi{width:17px;height:17px}
.cgl__h{margin-top:auto;font:600 clamp(28.8px,3.04vw,49.6px)/1 var(--display);letter-spacing:-.035em;text-wrap:balance}
.cgl__s{margin-top:12px;font:400 16px/22px var(--text);opacity:.9}
.cgl__s a{text-decoration:underline;text-underline-offset:3px}
.cgl__logo{display:block;width:120px;margin-top:20px;filter:brightness(0) invert(1)}
.cgl__logo svg{width:100%;height:auto}
.cgl__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cgl__ph--a{grid-column:6 / 10;grid-row:1 / 5;background:var(--l)}
.cgl__facts{grid-column:10 / 13;grid-row:1 / 3;display:grid;align-content:start;gap:8px;margin:0;padding:clamp(14px,1.4vw,20px);background:var(--l);color:#1C1F4A}
.cgl__facts dt{font:600 10.5px/13px var(--text);letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.cgl__facts dd{margin:2px 0 0;font:400 14px/1.3 var(--text)}
.cgl__geo{grid-column:10 / 12;grid-row:3 / 5}
.cgl__geo .geo{display:block;width:100%;height:100%}
.cgl__sq{grid-column:12 / 13;grid-row:3 / 4;background:var(--m)}
.cgl__ph--b{grid-column:12 / 13;grid-row:4 / 5;background:var(--l)}
.cgl__cta{grid-column:1 / 6;grid-row:4 / 5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 clamp(20px,2.2vw,32px);background:#1C1F4A;color:#fff;font:600 clamp(18px,1.44vw,21.6px)/1.2 var(--display)}
.cgl__cta svg{width:20px;height:20px;transition:translate .25s var(--ease-dd)}
.cgl__cta:hover svg{translate:4px 0}
@media (max-width:900px){.cgl{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto}
  .cgl__head{grid-column:1 / -1;grid-row:auto;min-height:280px}.cgl__ph--a{grid-column:1 / 5;grid-row:auto;aspect-ratio:4/3}.cgl__geo{grid-column:5 / 7;grid-row:auto}
  .cgl__facts{grid-column:1 / -1;grid-row:auto;order:4}.cgl__sq,.cgl__ph--b{display:none}.cgl__cta{grid-column:1 / -1;grid-row:auto;min-height:72px;order:5}.cgl__head{order:1}.cgl__ph--a{order:2}.cgl__geo{order:3}}
@media (max-width:640px){.cbd__pt span{font-size:10px}}
/* platform logos: a white tile on the card's colour block (Platforms page); a white plate on Centre pages */
.cxpl__mono--logo{background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6}
.cxpl__mono__tile{display:grid;place-items:center;width:100%;height:100%;padding:14%}
.cxpl__mono__tile img{display:block;width:100%;height:100%;object-fit:contain}
.plc__now{display:inline-block;vertical-align:middle;margin-left:8px;padding:3px 10px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #d6d1c6;font:500 12px/16px var(--text);letter-spacing:0;color:#1C1F4A}
/* ===== GEM (Architecture, Oct 2026) ===== */
.gemk{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:4px 12px 4px 4px;border-radius:999px;background:var(--gl);color:var(--gd);font:600 12px/16px var(--text);letter-spacing:.06em;text-transform:uppercase}
.gemk b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--gd);color:#fff;font:600 13px/1 var(--text);letter-spacing:0}
.gem{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:clamp(28px,3vw,48px)}
.gem__c{display:flex;flex-direction:column;gap:6px;padding:clamp(18px,1.8vw,26px);border-radius:22px;background:var(--gl);color:var(--gd);transition:translate .3s var(--ease-dd)}
.gem__c:hover{translate:0 -3px}
.gem__k{display:flex;align-items:center;gap:10px;font:600 clamp(24px,1.98vw,28.8px)/1 var(--display);letter-spacing:-.02em}
.gem__k b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--gd);color:#fff;font:500 20px/1 var(--display)}
.gem__n{font:400 14px/20px var(--text);opacity:.9}
.gem__s{margin-top:12px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--gd) 25%,transparent);font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase}
.gem__c ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font:400 14px/20px var(--text);color:#1C1F4A}
.gem__c ul b{font-weight:600}
.cx__lede{max-width:40em;margin:-6px 0 clamp(18px,2vw,26px);font:400 16px/24px var(--text);color:#3E4160}
.cxk--sm .cxk__h{font-size:clamp(20px,1.8vw,26px)}
.cxk--sm{border-bottom-width:1px;margin-top:clamp(28px,3vw,44px)}
.cxg__head .gemk{justify-self:start}
.cxg__own{font:500 14px/20px var(--text)}
.chx__panel{margin-top:12px;font:400 15px/22px var(--text);color:#3E4160}
.cpath__note{margin-top:12px;font:500 14px/20px var(--text);color:#3E4160}
.clp__next{margin-bottom:22px;padding:14px 16px;border-radius:14px;background:#FFF7EF;font:400 15px/22px var(--text)}
.pub__soon{font:400 13px/18px var(--text);color:#3E4160;text-align:right}
.cbd__sq b{font:600 clamp(16px,1.5vw,20px)/1 var(--text);letter-spacing:.06em}
/* projects as numbers */
.pjns{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px}
/* project card: Initiative, name, impact headline, sentence, 2030 commitment, two ways in (no status, no progress) */
.pc{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 22px 20px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6;transition:translate .3s var(--ease-dd),box-shadow .3s var(--ease-dd)}
.pc:hover{translate:0 -2px;box-shadow:inset 0 0 0 1px #cfc9bd,0 16px 30px -24px rgba(17,17,17,.45)}
.pc__i{font:600 11px/15px var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--cd)}
.pc__t{font:600 17px/1.3 var(--text);color:#1C1F4A}
.pc__a{color:inherit}
.pc__a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.pc__h{font:600 clamp(21px,1.53vw,22.5px)/1.2 var(--display);letter-spacing:-.015em;color:#1C1F4A;text-wrap:balance}
.pc__d{font:400 14px/21px var(--text);color:#272B63;text-wrap:pretty}
.pc__goal{display:grid;gap:4px;margin-top:auto;padding-top:14px;border-top:1px solid #ece8e0}
.pc__k{font:600 11px/15px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#3E4160}
.pc__n{font:600 clamp(30.4px,2.56vw,38.4px)/1 var(--display);letter-spacing:-.03em;color:var(--cd)}
.pc__u{font:500 15px/1.3 var(--text);color:#1C1F4A}
.pc__act{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding-top:8px}
.pc__go{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;background:#1C1F4A;color:#fff;font:500 14px/18px var(--text)}
.pc__go:hover{background:var(--cd)}
.pc__more{display:inline-flex;align-items:center;gap:6px;font:500 14px/18px var(--text);color:#1C1F4A}
.pc__more:hover{text-decoration:underline;text-underline-offset:3px}
.pc__go svg,.pc__more svg{width:13px;height:13px}
/* Projects page sections */
.pjh__btns{margin-top:22px}
/* the Projects page at a glance: three facts under the header */
.pjf{list-style:none;margin:0 var(--g);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}
.pjf li{display:flex;align-items:baseline;gap:14px;padding:clamp(18px,2vw,26px) clamp(16px,2vw,28px)}
.pjf li:first-child{padding-left:0}
.pjf li + li{border-left:1px solid var(--line)}
.pjf b{font:600 clamp(28.8px,2.72vw,41.6px)/1 var(--display);letter-spacing:-.03em}
.pjf span{font:400 15px/21px var(--text);color:#3E4160;max-width:18em}
.pjb__head{margin-bottom:clamp(20px,2.2vw,30px)}
@media (max-width:760px){.pjf{grid-template-columns:minmax(0,1fr)}.pjf li{padding-left:0}.pjf li + li{border-left:0;border-top:1px solid var(--line)}}
.pjb__intro{display:grid;gap:14px;max-width:46em;margin-bottom:clamp(24px,2.6vw,40px)}
.pjd__ic{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--d);color:#fff;font-size:17px}
.pjw{display:grid;gap:clamp(24px,2.6vw,40px)}
.pjw__head{display:grid;gap:14px;max-width:46em}
.pjw__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.pjw__w{display:grid;align-content:start;gap:10px;padding:22px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6}
.pjw__w h3{font:500 17px/1.3 var(--text)}
.pjw__w p{font:400 14px/21px var(--text);color:#272B63}
.pja{display:grid;gap:16px;padding-block:clamp(64px,7vw,120px)}
.pja > *{max-width:52rem}
.pjx{display:grid;gap:18px;justify-items:start}
.pjx__h{font:600 clamp(32px,4vw,60.8px)/1.02 var(--display);letter-spacing:-.03em;max-width:13em;text-wrap:balance}
.pjx__p{font:400 clamp(17px,1.3vw,20px)/1.5 var(--text);max-width:40em;opacity:.9}
.pjx .btns{margin-top:10px}
.pjx .pill.pill--lemon{background:#FF7A3D;color:#1C1F4A}
.pjx .pill.pill--ghost{background:none;color:#fff;box-shadow:inset 0 0 0 1.5px #fff}
@media (max-width:1100px){.pjw__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.pjw__list{grid-template-columns:minmax(0,1fr)}}
.pjb__f{display:grid;gap:12px;margin-bottom:clamp(22px,2.4vw,36px)}
.clbs__seg a span{margin-left:4px;opacity:.7}
.pjb__ini{display:flex;flex-wrap:wrap;gap:6px}
.pjb__ini a{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:#FFF7EF;font:500 13px/18px var(--text);color:#1C1F4A}
.pjb__ini a:hover{background:#F6E9DC}
.pjb__ini a[aria-current]{background:#1C1F4A;color:#fff}
.pjb__ini i{width:8px;height:8px;border-radius:50%;background:var(--m)}
.pjns--bal{grid-template-columns:repeat(var(--c),minmax(0,1fr))}
@media (max-width:1100px){.pjns--bal{grid-template-columns:repeat(var(--c2),minmax(0,1fr))}}
@media (max-width:640px){.pjns--bal{grid-template-columns:minmax(0,1fr)}}
.pjsec__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 32px;margin-bottom:clamp(20px,2.4vw,36px)}
.pjsec__head .t-small{max-width:34em}
.pjsec__all{margin-top:20px}
.pjns--board{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}
.pjb__note{margin-top:18px;font:400 14px/20px var(--text);color:#3E4160}
/* the Foundation at a glance */
.fmap__intro{max-width:44em;margin-bottom:clamp(22px,2.4vw,34px)}
.fmap__f{display:grid;gap:4px;justify-items:center;padding:18px 22px;border-radius:20px;background:#e4ecf7;color:#0f2a52;text-align:center}
.fmap__f b{font:600 clamp(24px,1.98vw,28.8px)/1.1 var(--display);letter-spacing:-.015em}
.fmap__f span{font:400 14px/20px var(--text)}
.fmap__ar{width:0;height:0;margin:8px auto;border-left:9px solid transparent;border-right:9px solid transparent;border-top:11px solid #3E4160}
.fmap__ins{padding:clamp(14px,1.4vw,20px);border-radius:22px;background:#efe9f8}
.fmap__k{margin:2px 4px 12px;font:600 11px/15px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#3b2a5a}
.fmap__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.fmap__i{display:flex;flex-direction:column;gap:6px;padding:14px 12px 14px;border-radius:16px;background:#fff;color:#1C1F4A;transition:background-color .3s var(--ease-dd)}
.fmap__i:hover{background:var(--cl)}
.fmap__ic{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--cm);color:#1C1F4A}
.fmap__ic .pi{width:16px;height:16px}
.fmap__i b{font:600 13.5px/1.25 var(--text)}
.fmap__o{font:400 12.5px/1.3 var(--text);color:#3E4160}
.fmap__n{margin-top:auto;padding-top:8px;font:600 clamp(22px,1.71vw,27px)/1 var(--display);letter-spacing:-.03em;color:var(--cd)}
.fmap__u{font:400 12px/16px var(--text);color:#3E4160}
.fmap__ls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.fmap__l{display:grid;align-content:start;gap:6px;padding:16px 18px;border-radius:18px;color:#1C1F4A}
.fmap__l--f{background:#dcefe9}
.fmap__l--s{background:#f6e9d8}
.fmap__l b{font:400 20px/1.15 var(--display)}
.fmap__l span{font:400 14px/20px var(--text);color:#272B63}
.fmap__l:hover b{text-decoration:underline;text-underline-offset:4px}
.fmap__pl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:8px;padding:16px 20px;border-radius:18px;box-shadow:inset 0 0 0 1px #EFE3D6;color:#1C1F4A}
.fmap__pl b{font:500 15px/20px var(--text)}
.fmap__pl > span{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px}
.fmap__pl img{height:26px;width:auto;max-width:130px;object-fit:contain}
.fmap__pl em{font:600 15px/1 var(--text);font-style:normal}
.fmap__note{margin-top:12px;font:400 13px/18px var(--text);color:#3E4160}
@media (max-width:1100px){.fmap__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fmap__ls{grid-template-columns:repeat(2,minmax(0,1fr))}.gem{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.fmap__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fmap__ls{grid-template-columns:minmax(0,1fr)}}
/* flagship events */
.flg__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.flg__c{display:grid;align-content:space-between;gap:28px;min-height:150px;padding:18px 20px;border-radius:20px;background:#1C1F4A;color:#fff}
.flg__c b{font:600 clamp(26px,2.16vw,32.4px)/1 var(--display);letter-spacing:-.025em}
.flg__c span{font:400 14px/20px var(--text);color:#d0d0d0}
.flg__c--1{background:#1d4a2c}.flg__c--2{background:#5a1018}.flg__c--3{background:#173a6b}
a.flg__c:hover b{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
@media (max-width:900px){.flg__row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cxl__a--solo{grid-template-columns:minmax(0,1fr)}
.cbd__chart{display:flex;flex-direction:column;gap:16px}
.cbd__inset--top{align-self:flex-start}
.cbd__plot{position:relative;flex:1;min-height:200px;margin:0 6px}
.cbd__chart .cbd__inset--sm{position:static;align-self:flex-end}
@media (max-width:640px){.pubc{gap:5px;grid-template-rows:auto minmax(0,1fr) auto}.pubc__c{display:none}.pubc__g{width:auto;height:100%;max-height:100%;min-height:0}.pubc__ty{font-size:11.5px;white-space:nowrap}}
.st__today{display:block;margin-top:6px;font-weight:500}
/* community: named clubs and chapters */
.cmf__bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-bottom:18px}
.cmf__tiers{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cmf__tiers li{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:999px;background:#FFF7EF;font:400 14px/18px var(--text)}
.cmf__tiers li .pi{width:17px;height:17px}
.cmf__tiers li + li::before{content:"→";margin:0 4px 0 -14px;padding-right:8px;color:#646884;background:#fff}
.cmf__seg{display:flex;gap:4px;padding:4px;border-radius:999px;background:#FFF7EF}
.cmf__seg button{padding:9px 16px;border:0;border-radius:999px;background:none;font:500 14px/18px var(--text);color:#3E4160;cursor:pointer}
.cmf__seg button span{margin-left:3px;color:#646884}
.cmf__seg button[aria-pressed="true"] span{color:rgba(255,255,255,.75)}
.cmf__seg button:hover{background:#F6E9DC}
.cmf__seg button[aria-pressed="true"]{background:#1C1F4A;color:#fff}
.cmg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cmf[data-show="club"] .cmc--chapter,.cmf[data-show="chapter"] .cmc--club{display:none}
.cmc{position:relative;display:flex;flex-direction:column;gap:8px;min-height:250px;padding:20px 20px 18px;border-radius:24px;transition:translate .3s var(--ease-dd),box-shadow .3s var(--ease-dd)}
.cmc:hover{translate:0 -3px;box-shadow:0 20px 34px -26px rgba(17,17,17,.55)}
.cmc--club{background:var(--cl);color:#1C1F4A}
.cmc--chapter{background:#1C1F4A;color:#fff}
.cmc__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:auto;padding-bottom:18px}
.cmc__geo{width:56px;height:56px;border-radius:16px;overflow:hidden;flex:0 0 auto}
.cmc__geo .geo{display:block;width:100%;height:100%}
.cmc__pin{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.1)}
.cmc__pin .pi{width:24px;height:24px}
.cmc__k{padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.7);font:600 11px/16px var(--text);letter-spacing:.06em;text-transform:uppercase}
.cmc--chapter .cmc__k{background:rgba(255,255,255,.12)}
.cmc__t{font:600 clamp(26px,2.16vw,32.4px)/1.04 var(--display);letter-spacing:-.03em;text-wrap:balance}
.cmc__pl{display:inline-flex;align-items:center;gap:6px;font:500 15px/20px var(--text);color:#272B63}
.cmc__pl .pi{width:15px;height:15px}
.cmc--chapter .cmc__pl{color:#d6d6d6}
.cmc__init{display:inline-flex;align-items:center;gap:7px;font:500 13px/18px var(--text);color:#3E4160}
.cmc__init i{width:8px;height:8px;border-radius:50%;background:var(--cd)}
.cmc__from{font:400 14px/20px var(--text);color:#bdbdbd}
.cmc__ft{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding-top:14px;border-top:1px solid rgba(17,17,17,.12)}
.cmc--chapter .cmc__ft{border-top-color:rgba(255,255,255,.18)}
.cmc__tag{padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.65);font:500 12.5px/16px var(--text)}
.cmc--chapter .cmc__tag{background:rgba(255,255,255,.1)}
.cmc__go{display:grid;place-items:center;width:36px;height:36px;margin-left:auto;border-radius:50%;background:#1C1F4A;color:#fff;transition:translate .25s var(--ease-dd)}
.cmc--chapter .cmc__go{background:#fff;color:#1C1F4A}
.cmc__go svg{width:15px;height:15px}
.cmc:hover .cmc__go{translate:3px 0}
.cmf__note{margin-top:14px;font:400 14px/20px var(--text);color:#3E4160}
.clbs__f{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(24px,2.6vw,40px)}
.clbs__f .clbs__seg{margin-bottom:0}
.clbs__h span{font:400 16px/1 var(--text);color:#3E4160;letter-spacing:0}
@media (max-width:1000px){.cmg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cmg{grid-template-columns:minmax(0,1fr)}.cmc{min-height:0}.cmf__tiers li + li::before{display:none}}
/* GEM as an equation */
.gemq{margin-bottom:clamp(36px,4vw,64px)}
.gemq__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;padding-bottom:14px;border-bottom:2px solid #1C1F4A}
.gemq__h{font:600 clamp(26px,2.16vw,32.4px)/1.1 var(--display);letter-spacing:-.02em}
.gemq__eq{font:500 clamp(16px,1.4vw,20px)/1 var(--display);letter-spacing:.02em}
.gemq__lede{margin:14px 0 18px;font:400 16px/24px var(--text);color:#3E4160}
.gemq__row{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,.9fr);align-items:stretch;gap:6px}
.gemq__op{display:grid;place-items:center;font:600 31px/1 var(--display);color:#3E4160}
.gemq__c{display:flex;flex-direction:column;gap:6px;padding:18px 18px 20px;border-radius:22px;background:var(--gl);color:var(--gd)}
.gemq__k{display:flex;align-items:center;gap:10px;font:600 clamp(22px,1.71vw,25.2px)/1 var(--display);letter-spacing:-.02em}
.gemq__k b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--gd);color:#fff;font:500 18px/1 var(--display)}
.gemq__who{font:400 13.5px/19px var(--text)}
.gemq__does{font:500 14px/20px var(--text);color:#1C1F4A}
.gemq__s{display:flex;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--gd) 25%,transparent);font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase}
.gemq__s span{letter-spacing:0}
.gemq__c ul{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:3px}
.gemq__c li a{display:inline;font:400 14px/20px var(--text);color:#1C1F4A;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--gd) 35%,transparent);text-underline-offset:3px}
.gemq__c li a:hover{text-decoration-color:currentColor}
.gemq__c li a svg{width:11px;height:11px}
.gemq__more a{color:var(--gd)!important;font-weight:500!important}
.gemq__goal{display:flex;flex-direction:column;gap:6px;padding:18px 20px 20px;border-radius:22px;background:var(--cd);color:#fff}
.gemq__gk{font:600 11px/15px var(--text);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.gemq__gn{margin-top:auto;font:600 clamp(35.2px,3.52vw,57.6px)/1 var(--display);letter-spacing:-.04em}
.gemq__gu{font:400 15px/20px var(--text)}
.gemq__bar{display:block;height:8px;margin-top:8px;border-radius:999px;background:rgba(255,255,255,.22);overflow:hidden}
.gemq__bar i{display:block;height:100%;border-radius:inherit;background:var(--cm)}
.gemq__gt{font:500 14px/20px var(--text);color:rgba(255,255,255,.88)}
.gemq__shared{list-style:none;margin:10px 0 0;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;border-radius:16px;background:#FFF7EF}
.gemq__shared li:first-child span{font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#3E4160}
.gemq__shared a{display:inline-flex;align-items:center;gap:7px;font:500 14px/20px var(--text);color:#1C1F4A}
.gemq__shared a:hover{text-decoration:underline;text-underline-offset:3px}
.gemq__shared .pi{width:16px;height:16px}
@media (max-width:1100px){.gemq__row{grid-template-columns:minmax(0,1fr)}.gemq__op{height:26px;font-size:26px}}
/* projects: active ones filled with their Initiative colour */
/* projects board: dot field, Initiative panels */
.pjd{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:12px}
.pjd__g{display:grid;gap:10px;align-content:start;padding:14px 14px 12px;border-radius:18px;background:#FFF7EF;color:#1C1F4A;transition:background-color .25s var(--ease-dd)}
.pjd__g:hover{background:var(--l)}
.pjd__g.is-on{background:var(--l);box-shadow:inset 0 0 0 2px var(--d)}
.pjd__l{font:500 13px/17px var(--text)}
.pjb__f2{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:clamp(22px,2.4vw,34px)}
.pjg{padding:clamp(18px,2vw,28px);border-radius:28px;background:var(--cl)}
.pjg + .pjg{margin-top:12px}
.pjg__h{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px 18px;margin-bottom:18px}
.pjg__geo{width:52px;height:52px;border-radius:14px;overflow:hidden}
.pjg__geo .geo{display:block;width:100%;height:100%}
.pjg__o{font:600 11px/15px var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--cd)}
.pjg__t{font:600 clamp(24px,1.98vw,30.6px)/1.05 var(--display);letter-spacing:-.025em}
.pjg__n{font:500 14px/20px var(--text);color:#272B63}
.pjg__go{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;background:#1C1F4A;color:#fff;font:500 14px/18px var(--text)}
.pjg__go svg{width:14px;height:14px}
.pjg .pjns{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
@media (max-width:1100px){.pjd{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.pjd{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--g) * -1);padding-inline:var(--g)}.pjd__g{flex:0 0 44%;scroll-snap-align:start}.pjg__h{grid-template-columns:auto minmax(0,1fr)}.pjg__n,.pjg__go{grid-column:1 / -1;justify-self:start}}
/* services as tiles */
.svc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.svc__c{display:flex;flex-direction:column;gap:8px;min-height:180px;padding:18px 20px 18px;border-radius:20px;background:#fbe8d2;color:#1C1F4A}
.svc__ic{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#6b3a0c;color:#fff;margin-bottom:6px}
.svc__ic .pi{width:18px;height:18px}
.svc__t{font:600 clamp(20px,1.53vw,21.6px)/1.15 var(--display);letter-spacing:-.015em;text-wrap:balance}
.svc__p{font:400 14px/20px var(--text);color:#3E4160}
.svc__go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font:500 14px/18px var(--text);color:#1C1F4A}
.svc__go svg{width:14px;height:14px;transition:translate .25s var(--ease-dd)}
.svc__go:hover svg{translate:3px 0}
/* research: two columns on wide screens */
.cxr2 .pub{grid-template-columns:clamp(84px,7vw,104px) minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;column-gap:clamp(16px,1.6vw,24px)}
.cxr2 .pub__cov{grid-row:1 / 3}
.cxr2 .pub__act{grid-column:2;justify-items:start;align-self:end}
.cxr2 .pub__note,.cxr2 .pub__soon{text-align:left}
@media (min-width:1101px){.cxr2 .pubs{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,3.4vw,56px)}.cxr2 .pub:nth-child(2){border-top:0}}
/* platforms on an Initiative page */
.plcs--in{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.plcs--in .plc{max-width:460px}
/* ===== elasticity: springs that overshoot a little and settle (piyush-motion-kit constants).
   Donate buttons never move; nothing here runs for prefers-reduced-motion ===== */
:root{--spring:cubic-bezier(.34,1.56,.64,1);--spring-soft:cubic-bezier(.3,1.3,.4,1)}
@media (prefers-reduced-motion:no-preference){
  /* hover lifts: overshoot, then settle */
  .cmc,.pc,.plc,.svc__c,.pst,.art,.cpath__a,.pjd__g,.fmap__i,.flg__c,.gemq__c,.gem__c,.clb,.chp,.pub__cov,.blog__img,.cxpj__c{transition:translate .55s var(--spring),box-shadow .4s var(--ease-dd),background-color .3s var(--ease-dd)}
  .svc__c:hover,.pst:hover,.fmap__i:hover,.flg__c:hover,.gemq__c:hover,.pjd__g:hover{translate:0 -3px}
  .cmc__go,.svc__go svg,.cpath__go svg,.pjg__go svg,.cxpj__go svg,.plc__visit svg,.evx__cta svg{transition:translate .5s var(--spring)}
  .pjg__go:hover svg{translate:3px 0}
  /* presses squash, then spring back */
  .pill:not(.donate),.btn:not(.donate),.cmf__seg button,.clbs__seg a,.evdd__b,.evm__o,.pjb__ini a,.cxg__go,.pjg__go,.pub__dl,.evx__cta,.svc__go,.cmc__go{transition:scale .45s var(--spring),background-color .2s,color .2s,box-shadow .2s}
  .pill:not(.donate):active,.btn:not(.donate):active,.cmf__seg button:active,.clbs__seg a:active,.evdd__b:active,.evm__o:active,.cxg__go:active,.pjg__go:active,.pub__dl:active,.evx__cta:active{scale:.95;transition-duration:.08s}
  .cmc:active,.pc:active,.plc:active,.pjd__g:active{scale:.985;transition:scale .08s}
  /* a picked pill bounces */
  .cmf__seg button[aria-pressed="true"],.clbs__seg a[aria-current],.evdd__b.is-on{animation:sprPick .5s var(--spring)}
  @keyframes sprPick{0%{scale:.9}60%{scale:1.05}100%{scale:1}}
  /* cards that appear after a filter change pop in, one after another */
  .cmf.is-touched .cmc{animation:sprIn .55s var(--spring) both}
  .cmf.is-touched .cmc:nth-child(2){animation-delay:.04s}.cmf.is-touched .cmc:nth-child(3){animation-delay:.08s}.cmf.is-touched .cmc:nth-child(4){animation-delay:.12s}.cmf.is-touched .cmc:nth-child(5){animation-delay:.16s}.cmf.is-touched .cmc:nth-child(6){animation-delay:.2s}
  @keyframes sprIn{from{opacity:0;translate:0 16px;scale:.94}}
  /* menus grow from their trigger; phone sheets rise on a soft spring */
  .evm:not([hidden]){animation:sprMenu .42s var(--spring) both;transform-origin:top left}
  @keyframes sprMenu{from{opacity:0;translate:0 -6px;scale:.95}}
  @media (max-width:640px){.evm:not([hidden]){animation:sprSheet .5s var(--spring-soft) both}@keyframes sprSheet{from{translate:0 100%}}}
  /* projects board: hovering an Initiative makes its dots hop in turn */
  /* the GEM equation assembles: columns rise, then + and = pop */
  .gemq.spr-wait .gemq__c,.gemq.spr-wait .gemq__goal,.gemq.spr-wait .gemq__op{opacity:0}
  .gemq.spr-go .gemq__c,.gemq.spr-go .gemq__goal{animation:sprIn .7s var(--spring) both}
  .gemq.spr-go .gemq__op{animation:sprOp .5s var(--spring) both}
  .gemq.spr-go .gemq__row > :nth-child(3){animation-delay:.1s}.gemq.spr-go .gemq__row > :nth-child(5){animation-delay:.2s}.gemq.spr-go .gemq__row > :nth-child(7){animation-delay:.32s}
  .gemq.spr-go .gemq__row > :nth-child(2){animation-delay:.3s}.gemq.spr-go .gemq__row > :nth-child(4){animation-delay:.4s}.gemq.spr-go .gemq__row > :nth-child(6){animation-delay:.5s}
  @keyframes sprOp{from{opacity:0;scale:.3}}
  /* Donate never animates */
  .donate,.donate *,.pc__act a,.sheet__donate{animation:none!important;scale:none!important;translate:none!important}
}
/* ===== Initiative page, calm architecture ===== */
.cxw--calm{display:block}
.cxw--calm > .cxs{margin-bottom:clamp(36px,4vw,56px)}
.cxsec{margin-top:clamp(56px,6.4vw,104px)}
.cxh{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:14px 16px;padding-bottom:14px;margin-bottom:clamp(20px,2.2vw,30px);border-bottom:2px solid #1C1F4A}
.cxh:not(:has(.cxh__b)){grid-template-columns:minmax(0,1fr) auto}
.cxh__b{display:grid;place-items:center;width:40px;height:40px;margin-bottom:4px;border-radius:50%;background:var(--cd);color:#fff;font:500 19px/1 var(--display)}
.cxh__k{font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#3E4160}
.cxh__t{margin-top:4px;font:600 clamp(24px,2.24vw,35.2px)/1.04 var(--display);letter-spacing:-.025em}
.cxh__r{align-self:end;margin-bottom:6px;font:400 14px/20px var(--text);color:#3E4160}
a.cxh__r{color:#1C1F4A}
.glc{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1.2fr) 30px minmax(0,1fr);align-items:stretch;gap:4px}
.glc__c,.glc__goal{display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:18px;background:#FFF7EF;color:#1C1F4A;transition:background-color .3s var(--ease-dd)}
.glc__c:hover{background:var(--cl)}
.glc__top{display:flex;align-items:center;gap:9px}
.glc__b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--cd);color:#fff;font:500 15px/1 var(--display)}
.glc__w{font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase}
.glc__l{font:400 15px/22px var(--text)}
.glc__op{display:grid;place-items:center;font:600 27px/1 var(--display);color:#646884}
.glc__goal{background:var(--cd);color:#fff}
.glc__n{font:600 clamp(27.2px,2.4vw,38.4px)/1 var(--display);letter-spacing:-.035em}
.glc__u{font:400 14px/20px var(--text);color:rgba(255,255,255,.88)}
.ets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4.4vw,80px)}
.ets__h{display:flex;justify-content:space-between;gap:10px;padding-bottom:2px;font:600 12px/16px var(--text);letter-spacing:.08em;text-transform:uppercase}
.ets__h span{letter-spacing:0;color:#3E4160}
.ets__l{list-style:none;margin:0;padding:0}
.ets__r{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:6px 14px;align-items:baseline;padding:16px 0;border-bottom:1px solid #EFE3D6}
.ets__n{font:500 13px/18px var(--text);color:var(--cd)}
.ets__t{font:600 clamp(19px,1.44vw,19.8px)/1.2 var(--display);letter-spacing:-.012em;text-wrap:balance}
.ets__p{margin-top:4px;font:400 14px/20px var(--text);color:#3E4160}
.ets__more{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px;font:600 13px/18px var(--text)}
.ets__more a{color:#173F7A}
.ets__go{display:inline-flex;align-items:center;gap:6px;font:500 14px/18px var(--text);color:#1C1F4A;white-space:nowrap}
.ets__go svg{width:13px;height:13px}
.ets__go--on{padding:7px 13px;border-radius:999px;background:#1C1F4A;color:#fff}
/* take part on an outcome page (28 Oct 2026): rows as cards in the outcome's own colours, per the colour formula */
#oc-take-part .ets__l{display:grid;gap:10px}
#oc-take-part .ets__r{align-items:center;padding:16px 18px;border:0;border-radius:18px;background:color-mix(in srgb,var(--cl) 55%,#fff)}
#oc-take-part .ets__n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cd);color:#fff;font-weight:600}
#oc-services .ets__r{background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6,inset 5px 0 0 var(--cm)}
#oc-services .ets__n{background:none;color:var(--cd);box-shadow:inset 0 0 0 1.5px var(--cd)}
#oc-take-part .ets__go:not(.ets__go--on){padding:7px 13px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(28,31,74,.18)}
.ets__own{margin-top:14px;font:500 14px/20px var(--text);color:#3E4160}
.cmf__lede{max-width:36em;font:400 16px/24px var(--text);color:#272B63}
.cmf__also{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:16px;font:400 15px/22px var(--text)}
.cmf__also span{font:600 11px/22px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#3E4160}
.cxsub{margin-top:clamp(36px,4vw,56px)}
.cxsub__h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:10px;margin-bottom:18px;border-bottom:1px solid #EFE3D6}
.cxsub__h h3,.cxsub__h h2{font:600 clamp(21px,1.71vw,25.2px)/1.1 var(--display);letter-spacing:-.015em}
.cxsub__h a{font:500 14px/18px var(--text)}
.cxr2--plain{padding:0;margin:0;border-radius:0;background:none}
.xpn__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(24px,4vw,64px);align-items:start}
.xpn__p{font:400 17px/1.55 var(--text);color:#272B63;max-width:28em}
.xpn__m{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.xpn__m li{display:grid;gap:4px}
.xpn__av{display:block;width:84px;height:84px;margin-bottom:8px;border-radius:50%;overflow:hidden;background:var(--cl)}
.xpn__av img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.xpn__m b{font:500 15px/20px var(--text)}
.xpn__m span{font:400 13px/18px var(--text);color:#3E4160}
.xpn__shared{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:clamp(22px,2.4vw,32px);padding:12px 16px;border-radius:14px;background:#FFF7EF}
.xpn__shared span{font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#3E4160}
.xpn__shared a{display:inline-flex;align-items:center;gap:7px;font:500 14px/20px var(--text);color:#1C1F4A}
.xpn__shared a:hover{text-decoration:underline;text-underline-offset:3px}
.xpn__shared .pi{width:16px;height:16px}
@media (max-width:1100px){.glc{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.glc__op{display:none}.xpn__row{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.ets{grid-template-columns:minmax(0,1fr)}.xpn__m{grid-template-columns:repeat(2,minmax(0,1fr))}.cxh{grid-template-columns:auto minmax(0,1fr)}.cxh__r{grid-column:1 / -1}}
@media (max-width:480px){.glc{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:no-preference){
  .glc.spr-wait > *{opacity:0}
  .glc.spr-go > *{animation:sprIn .6s var(--spring) both}
  .glc.spr-go > .glc__op{animation:sprOp .5s var(--spring) both}
  .glc.spr-go > :nth-child(2){animation-delay:.3s}.glc.spr-go > :nth-child(3){animation-delay:.08s}.glc.spr-go > :nth-child(4){animation-delay:.38s}.glc.spr-go > :nth-child(5){animation-delay:.16s}.glc.spr-go > :nth-child(6){animation-delay:.46s}.glc.spr-go > :nth-child(7){animation-delay:.26s}
}
/* ===== club and chapter detail ===== */
.cst{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:clamp(20px,2.4vw,32px) 0 0;border-top:2px solid #1C1F4A;border-bottom:1px solid #EFE3D6}
.cst div{padding:16px 18px 18px}
.cst div + div{border-left:1px solid #EFE3D6}
.cst dt{font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#3E4160}
.cst dd{margin:6px 0 0;font:600 clamp(24px,2.16vw,34.2px)/1.05 var(--display);letter-spacing:-.025em}
.clp__sec{margin-top:clamp(40px,4.6vw,72px)}
.ppl2{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(24px,4vw,64px);align-items:start}
.ppl2__lead{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:18px 14px}
.ppl2__lead li{display:grid;gap:3px}
.ppl2__av{display:block;width:96px;height:96px;margin-bottom:8px;border-radius:50%;overflow:hidden;background:var(--cl,#FFF7EF)}
.ppl2__av img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.ppl2__lead b{font:500 15px/20px var(--text)}
.ppl2__lead span{font:500 13px/18px var(--text);color:#1C1F4A}
.ppl2__lead small{font:400 13px/18px var(--text);color:#3E4160}
.ppl2__wall{padding:18px 20px;border-radius:20px;background:#FFF7EF}
.ppl2__k{margin-bottom:12px;font:600 clamp(22px,1.8vw,27px)/1 var(--display);letter-spacing:-.02em}
.ppl2__wall ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:8px}
.ppl2__d{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--cl,#e8e4dc)}
.ppl2__d--1{background:var(--cm,#d8d2c6)}.ppl2__d--2{background:#EFE3D6}
.ppl2__d::before{content:"";position:absolute;left:50%;top:22%;width:36%;height:36%;margin-left:-18%;border-radius:50%;background:rgba(17,17,17,.28)}
.ppl2__d::after{content:"";position:absolute;left:50%;bottom:-18%;width:76%;height:46%;margin-left:-38%;border-radius:50% 50% 0 0;background:rgba(17,17,17,.28)}
.ppl2__more{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:#1C1F4A;color:#fff;font:500 12px/1 var(--text)}
.ppl2__note{margin-top:12px;font:400 13px/18px var(--text);color:#3E4160}
/* a chapter's office bearers, one card each, then its sub-committees and advisors */
.obr{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(18px,2vw,28px)}
.obr__c{display:grid;align-content:start;gap:6px;padding:clamp(18px,1.8vw,24px);border-radius:24px;background:#FFF7EF}
.obr__av{display:block;width:112px;height:112px;margin-bottom:10px;border-radius:50%;overflow:hidden;background:#e8e4dc}
.obr__av img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.obr__n{font:500 18px/24px var(--text);letter-spacing:-.005em}
.obr__r{font:500 14px/20px var(--text);color:#1C1F4A}
.obr__r span{display:block;font-weight:400;color:#3E4160}
.obr__b{margin-top:6px;font:400 14px/21px var(--text);color:#272B63;text-wrap:pretty}
/* sub-committees: one card per committee in an outcome's light colour, its icon, the lead in a white strip, members as chips */
.cmt{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(16px,1.6vw,24px)}
.cmt__c{display:grid;align-content:start;gap:16px;padding:clamp(18px,1.8vw,24px);border-radius:24px;background:var(--l);color:var(--d)}
.cmt__top{display:flex;align-items:center;gap:14px}
.cmt__ic{flex:0 0 auto;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--m);color:var(--d);font-size:26px}
.cmt__h{font:500 18px/23px var(--text);letter-spacing:-.005em;color:var(--d)}
.cmt__n{font:500 12px/16px var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--d);opacity:.72}
.cmt__lead{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.cmt__lead p{display:grid;gap:1px;min-width:0}
.cmt__lead b{font:600 15px/20px var(--text);color:#1C1F4A}
.cmt__lead span:not(.cmt__mono){font:500 12px/16px var(--text);color:var(--d)}
.cmt__mono{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--d);color:var(--l);font:600 14px/1 var(--text);letter-spacing:.02em}
.cmt__l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cmt__l li{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.62);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);font:500 14px/18px var(--text);color:#1C1F4A}
/* advisors: a dark band, each name with a monogram in one of the outcome colours */
.adv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(24px,4vw,64px);align-items:start;padding:clamp(24px,3.4vw,48px);border-radius:28px;background:#1C1F4A;color:#fff}
.adv__h{display:grid;gap:10px}
.adv__k{display:inline-flex;align-items:center;gap:8px;font:600 12px/16px var(--text);letter-spacing:.14em;text-transform:uppercase;color:#FF7A3D}
.adv__k .pi{font-size:18px}
.adv__h h2{font:600 clamp(24px,2.4vw,35.2px)/1.05 var(--display);letter-spacing:-.02em;color:#fff}
.adv__s{font:400 15px/22px var(--text);color:#bdbdbd}
.adv__l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:12px}
.adv__l li{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:16px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font:500 15px/20px var(--text);color:#fff}
.adv__mono{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--m);color:#1C1F4A;font:700 13px/1 var(--text)}
@media (max-width:860px){.adv{grid-template-columns:minmax(0,1fr)}}
.act{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.act__i{display:grid;align-content:start;gap:8px}
.act__ph{position:relative;margin:0 0 4px;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:var(--cl,#FFF7EF)}
.act__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.act__m{display:flex;align-items:center;gap:10px;font:500 13px/18px var(--text);color:#3E4160}
.act__k{padding:3px 9px;border-radius:999px;background:var(--cl,#FFF7EF);color:#1C1F4A;font:600 11px/14px var(--text);letter-spacing:.04em}
.act__t{font:600 clamp(18px,1.35vw,18.9px)/1.22 var(--display);letter-spacing:-.01em;text-wrap:balance}
.clp__side{display:grid;gap:14px;align-content:start}
.clp__step{position:relative;display:grid;gap:6px;padding:20px 22px;border-radius:22px;background:#1C1F4A;color:#fff}
.clp__stepk{font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#c4c4c4}
.clp__step b{font:600 clamp(26px,2.16vw,30.6px)/1.05 var(--display);letter-spacing:-.025em}
.clp__step span:not(.clp__stepk):not(.clp__stepgo){font:400 14px/20px var(--text);color:#d6d6d6}
.clp__stepgo{position:absolute;right:20px;top:20px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#1C1F4A}
.clp__stepgo svg{width:15px;height:15px}
.crc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.crc__c{display:grid;gap:10px;padding:22px 24px;border-radius:22px;background:#FFF7EF;color:#1C1F4A}
.crc__c--dark{background:#1C1F4A;color:#fff}
.crc__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(17,17,17,.08)}
.crc__c--dark .crc__ic{background:rgba(255,255,255,.12)}
.crc__ic .pi{width:22px;height:22px}
.crc__c h3{font:600 clamp(24px,1.98vw,28.8px)/1.05 var(--display);letter-spacing:-.02em}
.crc__c p{font:400 15px/22px var(--text);opacity:.9}
@media (max-width:1000px){.act{grid-template-columns:repeat(2,minmax(0,1fr))}.ppl2{grid-template-columns:minmax(0,1fr)}.cst{grid-template-columns:repeat(2,minmax(0,1fr))}.cst div:nth-child(3){border-left:0}.cst div:nth-child(n+3){border-top:1px solid #EFE3D6}}
@media (max-width:640px){.act{grid-template-columns:minmax(0,1fr)}.crc{grid-template-columns:minmax(0,1fr)}}
.cxw--calm .plogo li{min-height:68px;height:68px;aspect-ratio:auto}
.cxw--calm .cxpl__list{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr))}
/* report covers */
.rcov{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:translate .4s var(--ease-dd)}
.rcov:hover{translate:0 -4px}
.rcov__geo{aspect-ratio:4/3}
.rcov__ill{border-radius:0}
.rcov:hover .rcov__ill svg{scale:1.03}
.rcov__ill svg{transition:scale .6s var(--ease-dd)}
.rcov__tx{display:flex;flex-direction:column;gap:8px;padding:clamp(18px,1.8vw,26px);flex:1}
.rcov__k{font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.rcov__t{font:600 clamp(24px,1.8vw,27px)/1.08 var(--display);letter-spacing:-.016em;text-wrap:balance}
.rcov__s{font:400 14px/20px var(--text);color:var(--grey)}
.rcov__f{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:14px;font:500 13px/18px var(--text)}
.rcov__ic{display:flex;font-size:18px}
.rcov__a{margin-left:auto;display:flex;transition:translate .35s var(--ease-dd)}
.rcov:hover .rcov__a{translate:4px 0}

/* bands */
.band,.band-after{position:relative;border-radius:var(--br) var(--br) 0 0;border-top:0!important}
.band::after{content:"";position:absolute;left:0;right:0;top:100%;height:var(--br);background:var(--band);z-index:-1}
.over{margin-top:calc(var(--br) * -1)}
main{--br:clamp(24px,3vw,44px)}
.band-after{background:var(--bg)}
.band{--bg:var(--band);background:var(--band)}
.band--paper{--band:#FFF7EF}
.band--paper,.band--tint,.band--tint-wch{--line:rgba(255,255,255,.95)}
.band--tint{--band:var(--o-l)}
.band--tint-wch{--band:#f7d0a8}
.band--night,.band--deep,.band--terra{--field-line:rgba(255,255,255,.62);--ink:#ffffff;--grey:rgba(255,255,255,.68);--line:rgba(255,255,255,.16);--line-2:rgba(255,255,255,.32);--soft:rgba(255,255,255,.07);color:#fff}
.band--night{--band:#1C1F4A}
.band--deep{--band:var(--o-d)}
.band--terra{--band:#9c4f2d}
.band--night .pill,.band--deep .pill,.band--terra .pill{background:#fff;color:#1C1F4A}
.band--terra .ptile__box{box-shadow:none}
.band--terra .heart{color:#FF7A3D}
.band--night .grow:hover,.band--deep .grow:hover{background:rgba(255,255,255,.04)}
.band--night .cta,.band--deep .cta{border-top:0}
.band.cta{padding-block:clamp(56px,6vw,96px)}
.foot{position:relative;border-radius:var(--br,40px) var(--br,40px) 0 0}
#app main:has(> section.band:last-child) + .foot{margin-top:calc(var(--br) * -1)}
#app{--br:clamp(24px,3vw,44px)}

/* project brief: summary beside the key facts, set as tiles */
.pbrief{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,88px);align-items:start;padding-block:clamp(56px,6vw,96px)}
.pbrief__k{display:flex;align-items:center;gap:10px;font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--grey);margin-bottom:20px}
.pbrief__sum{position:sticky;top:calc(var(--bar) + 24px)}
.pbrief__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pb{display:grid;align-content:space-between;gap:28px;min-height:clamp(150px,13vw,200px);padding:clamp(20px,2vw,28px);background:#fff;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(17,17,17,.06)}
.pb--obj{grid-column:1/-1;background:var(--s);min-height:clamp(180px,16vw,240px)}
.pb--obj .pb__v{font-size:clamp(28px,2.9vw,44px);max-width:16em}
.pb--wide{grid-column:1/-1;min-height:0;background:var(--sand)}
.pb__k{display:flex;align-items:center;gap:8px;font:500 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase;color:#3E4160}
.pb__k svg{width:18px;height:18px}
.pb__v{font:600 clamp(20px,1.57vw,23.4px)/1.18 var(--display);letter-spacing:-.012em;text-wrap:pretty}
@media (max-width:860px){.pbrief{grid-template-columns:minmax(0,1fr)}.pbrief__sum{position:static}.pbrief__grid{grid-template-columns:minmax(0,1fr)}.pb{min-height:0}}

/* outcome hero */
.ohero{position:relative;isolation:isolate;min-height:clamp(560px,62.5vw,900px);display:flex;align-items:center;padding:calc(var(--bar) + 40px) var(--g) 80px;color:var(--on-image);overflow:hidden}
.ohero > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-4;transition:opacity .6s var(--ease-dd)}
.js .ohero > img{animation:settle 1.8s var(--ease) both}
@keyframes settle{from{scale:1.09}to{scale:1}}
.ohero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.3) 45%,rgba(0,0,0,.12) 100%)}
.ohero__in{display:grid;gap:10px;width:100%}
/* an outcome's photo leaves room for its section bar at the foot of the first screen (platform strip + bar, about 112px) */
.ohero--tabs{min-height:max(420px,min(clamp(560px,62.5vw,900px),calc(100svh - 112px)))}
@media (max-width:760px){.ohero::before{background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.5) 100%)}}
.ohero__in h1{max-width:14em}
.ohero__in .t-label{color:var(--on-image)}
.ohero__in a:hover{text-decoration:underline;text-underline-offset:5px}
.pj-band img{animation:settle 1.8s var(--ease) both}

/* outcome page: hero promise and goal, the Initiative panel with its projects */
.oh2 .ohero__in{gap:14px}
.oh2__p{font:300 clamp(20px,1.9vw,28px)/1.25 var(--display);letter-spacing:-.01em;max-width:30em;text-wrap:pretty}
.oh2__by{font:400 15px/22px var(--text);opacity:.92}
.oh2__by a{text-decoration:underline;text-underline-offset:4px}
.oh2__row{display:flex;flex-wrap:wrap;align-items:end;gap:28px 40px;margin-top:22px}
.oh2__goal{display:grid;gap:2px}
.oh2__k{font:500 12px/16px var(--text);letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.oh2__n{font:600 clamp(35.2px,4vw,57.6px)/1 var(--display);letter-spacing:-.03em}
.oh2__u{font:500 15px/20px var(--text)}
.oh2 .btn{color:#fff}
.oh2 .btn:hover{background:#fff;color:#14162F;border-color:#fff}
.oc2i{background:var(--l);color:var(--d);border-radius:32px;margin:clamp(24px,3vw,40px) var(--g);display:grid;gap:clamp(36px,4vw,56px)}
.oc2i__in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px 64px;align-items:start}
.oc2i .t-label{color:var(--d);opacity:.8}
.oc2i h2{margin:10px 0 18px}
.oc2i .t-intro{max-width:32em}
.oc2i__goal{display:grid;gap:4px}
.oc2i__n{font:600 clamp(44.8px,4.8vw,76.8px)/1 var(--display);letter-spacing:-.03em}
.oc2i__u{font:500 17px/24px var(--text)}
.oc2i__c{font:400 14px/21px var(--text);opacity:.8;margin-top:12px;max-width:34em}
.oc2i__pj{display:grid;gap:20px;padding-top:clamp(28px,3vw,40px);border-top:1px solid color-mix(in srgb,var(--d) 18%,transparent)}
.oc2i__h{font:600 clamp(22px,1.8vw,25.2px)/1.2 var(--display);letter-spacing:-.01em}
.oc2i .pc{background:#fff}
.oc2i.sec{padding-block:clamp(40px,5vw,72px)}
.oc2i__more{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding-top:clamp(24px,3vw,32px);border-top:1px solid color-mix(in srgb,var(--d) 18%,transparent)}
.oc2i__more p{font:400 16px/24px var(--text)}
.sw{display:grid;gap:clamp(28px,3vw,44px)}
.sw__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px 48px}
.sw__head .t-intro{margin-top:12px;max-width:34em}
.sw__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.sw__c{display:flex;flex-direction:column;gap:10px;padding:24px 22px;border-radius:24px;background:var(--tint)}
.sw__ic{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#1C1F4A;color:#fff}
.sw__ic svg{width:20px;height:20px}
/* each way to support on its own pale tint, its icon in the full colour (27 Oct 2026: one flat tint read as drab) */
.sw__c:nth-child(5n+1){background:#FFE7DA;--sw-c:#FF7A3D}.sw__c:nth-child(5n+2){background:#DDEEFF;--sw-c:#3DA5FF}
.sw__c:nth-child(5n+3){background:#FFF1CC;--sw-c:#FFC83D}.sw__c:nth-child(5n+4){background:#D9F4E6;--sw-c:#2EC27E}.sw__c:nth-child(5n+5){background:#E9E3FF;--sw-c:#7C5CFF}
.sw__c .sw__ic{background:var(--sw-c);color:#1C1F4A}
.sw__c .sw__d{color:#3E4160}
.sw__t{font:600 20px/1.15 var(--display);letter-spacing:-.01em;margin-top:6px}
.sw__d{font:400 14px/21px var(--text);color:var(--grey)}
.sw__go{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:8px;font:500 15px/20px var(--text);color:var(--ink);background:none;border:0;cursor:pointer;align-self:flex-start}
.sw__go .ico{width:16px;height:16px;transition:translate .3s var(--ease-dd)}
.sw__go:hover .ico{translate:4px 0}
.enq{width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:0;border-radius:28px;padding:clamp(24px,3vw,40px);background:var(--bg);color:var(--ink);overflow:auto}
.enq::backdrop{background:rgba(0,0,0,.45)}
.enq[open]{animation:enqIn .35s var(--ease) both}
@keyframes enqIn{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
.enq__top{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:24px}
.enq__t{font:600 clamp(26px,2.16vw,30.6px)/1.05 var(--display);letter-spacing:-.02em}
.enq__about{margin-top:8px;font:400 14px/20px var(--text);color:var(--grey)}
.enq__about b{font-weight:500;color:var(--ink)}
.enq__x{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:none;cursor:pointer}
.enq__x .ico{width:18px;height:18px;rotate:45deg}
.enq__f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
.enq__wide{grid-column:1/-1}
.enq__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:4px}
.enq__note{font:400 13px/19px var(--text);color:var(--grey)}
@media (max-width:600px){.enq__f{grid-template-columns:minmax(0,1fr)}.enq__foot .pill{width:100%;justify-content:center}}
.eng{display:grid;gap:clamp(32px,4vw,56px)}
.eng__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px 64px;align-items:start}
.eng__wrap{display:grid;justify-items:center}
.eng__hub{display:grid;justify-items:center;text-align:center;gap:6px;padding:26px 48px;border-radius:28px;background:#1C1F4A;color:#fff;min-width:min(100%,360px)}
.eng__hk{font:500 12px/16px var(--text);letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.eng__hn{font:600 clamp(35.2px,3.52vw,51.2px)/1 var(--display);letter-spacing:-.03em}
.eng__hu{font:500 15px/20px var(--text)}
.eng__rail{display:block;width:100%;height:clamp(56px,6vw,90px)}
.eng__rail path{fill:none;stroke:var(--m);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:7 9;vector-effect:non-scaling-stroke}
@media (prefers-reduced-motion:no-preference){.eng__rail path{animation:engflow 1.1s linear infinite}}
@keyframes engflow{to{stroke-dashoffset:-32}}
.eng__cols{width:100%;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:12px;align-items:stretch}
.eng__col{background:var(--l);color:var(--d);border-radius:24px;padding:22px 18px 18px;display:flex;flex-direction:column;gap:10px}
.eng__pk{display:flex;align-items:center;gap:10px;font:600 clamp(22px,1.62vw,25.2px)/1.05 var(--display);letter-spacing:-.02em}
.eng__ic{flex:none;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--m);color:#fff}
.eng__ic svg{width:18px;height:18px;fill:currentColor}
.eng__job{font:500 12px/16px var(--text);letter-spacing:.06em;text-transform:uppercase}
.eng__pd{font:400 14px/21px var(--text);opacity:.85}
.eng__cs{display:grid;gap:8px;padding-top:6px}
.eng__c{position:relative;background:#fff;border-radius:14px;padding:14px 16px;color:#1C1F4A;display:grid;gap:4px}
.eng__ct{font:500 14px/20px var(--text)}
.eng__cd{font:400 13px/19px var(--text);color:var(--grey)}
.eng__go{display:inline-flex;align-items:center;gap:6px;font:500 13px/18px var(--text);margin-top:2px}
.eng__go svg{width:12px;height:12px}
/* the chain: outcome, projects, the Initiative, then its five parts */
.eng__ho{font:500 15px/20px var(--text);opacity:.85;max-width:24em;text-wrap:balance}
.eng__down{display:block;width:0;height:clamp(28px,3vw,40px);border-left:2.5px dashed #b9b4aa}
.eng__tier{display:grid;justify-items:center;gap:12px;width:100%}
.eng__tk{font:600 11px/14px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#3E4160}
.eng__pjs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:980px}
.eng__pjs a{display:inline-block;padding:9px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px #d9d4ca;font:500 14px/18px var(--text);color:#1C1F4A;transition:box-shadow .25s var(--ease-dd)}
.eng__pjs a:hover{box-shadow:inset 0 0 0 1.5px #1C1F4A}
.eng__ini{display:grid;justify-items:center;text-align:center;gap:4px;padding:18px 36px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 2px var(--m);color:#1C1F4A;min-width:min(100%,320px)}
.eng__ini:hover .eng__in{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.eng__in{font:600 clamp(22px,1.71vw,25.2px)/1.15 var(--display);letter-spacing:-.015em}
.eng__iu{font:400 13px/18px var(--text);color:#3E4160}
.eng__all{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:6px;font:500 14px/18px var(--text);color:var(--d)}
.eng__all svg{width:13px;height:13px}
.eng__all:hover{text-decoration:underline;text-underline-offset:3px}
.oh2__base{margin-top:6px;font:400 14px/20px var(--text);opacity:.85;max-width:22em}
/* the outcome page: one section rhythm and one heading style throughout */
.oh2__see{margin-top:8px;display:inline-flex;align-items:center;gap:6px;font:500 14px/20px var(--text);color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.oh2__see svg{width:13px;height:13px;rotate:90deg}
/* the problem: the statement set large beside the heading; who it serves and where, as tags */
.ocp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:20px clamp(40px,5vw,88px);align-items:start}
.ocp__head{display:grid;gap:12px}
.ocp__lead{font:400 clamp(22px,2vw,30px)/1.35 var(--display);letter-spacing:-.012em;color:#1C1F4A;text-wrap:pretty}
.ocp__who{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:20px clamp(40px,5vw,88px);margin:clamp(32px,3.6vw,52px) 0 0;padding-top:clamp(20px,2.4vw,28px);border-top:1px solid rgba(0,0,0,.12)}
.ocp__who > div{display:grid;gap:12px}
.ocp__who > div:only-child{grid-column:1 / -1}
.ocp__who dt{font:600 12px/16px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#3E4160}
.ocp__who dd{margin:0}
.ocp__tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ocp__tags li{padding:8px 15px;border-radius:999px;background:rgba(255,255,255,.75);font:500 15px/20px var(--text);color:#1C1F4A}
/* platforms: a card each, its logo or initials, what it is and where it lives */
.ocpl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:clamp(12px,1.2vw,18px)}
.ocpl__c{position:relative;display:flex;flex-direction:column;gap:18px;padding:clamp(22px,2.2vw,30px);border-radius:24px;background:#fff;transition:translate .3s var(--ease-dd),box-shadow .3s var(--ease-dd)}
.ocpl__c:has(.ocpl__a):hover{translate:0 -3px;box-shadow:0 14px 30px rgba(0,0,0,.08)}
.ocpl__a{position:absolute;inset:0;border-radius:inherit;z-index:1}
.ocpl__mk{display:inline-grid;place-items:center;align-self:flex-start;min-width:56px;height:56px;padding:0 12px;border-radius:16px;background:var(--cl);color:var(--cd);font:500 20px/1 var(--display)}
.ocpl__mk--logo{background:none;padding:0;justify-content:start}
.ocpl__mk__tile{display:flex;align-items:center;height:56px}
.ocpl__mk__tile img{max-height:44px;max-width:180px;width:auto;object-fit:contain}
.ocpl__mk--icon .ocpl__mk__tile img{max-height:56px;border-radius:14px}
.ocpl__tx{display:grid;gap:6px}
.ocpl__t{font:600 clamp(24px,1.8vw,27px)/1.1 var(--display);letter-spacing:-.015em;color:#1C1F4A}
.ocpl__d{font:400 15px/22px var(--text);color:#3E4160;max-width:30em}
.ocpl__go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font:500 14px/20px var(--text);color:#1C1F4A}
.ocpl__go svg{width:12px;height:12px}
.ocpl__mk--reg .ocpl__mk__tile{height:64px}.ocpl__mk--reg .ocpl__mk__tile img{max-height:64px;max-width:120px}
.ocpl__tag{justify-self:start;padding:4px 10px;border-radius:999px;background:var(--cl);color:var(--cd);font:600 11px/14px var(--text);letter-spacing:.06em;text-transform:uppercase}
.ocpl__soon{margin-top:auto;font:400 13px/18px var(--text);color:#646884}
/* the words and, when the Studio has a video, the film beside them (outcome and project heroes) */
.oh2__tx{display:grid;gap:14px;min-width:0}
.oh2--v .ohero__in{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:32px clamp(32px,4vw,72px)}
@media (max-width:1000px){.oh2--v .ohero__in{grid-template-columns:minmax(0,1fr)}.oh2--v .vbox{max-width:560px}}
.vbox{margin:0;display:grid;gap:10px}
.vbox__play,.vbox__frame{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:20px;overflow:hidden;background:#14162F;box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.18)}
.vbox__play{cursor:pointer}
.vbox__play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:scale .6s var(--ease-dd),filter .4s var(--ease-dd)}
.vbox__play:hover img{scale:1.03;filter:brightness(.9)}
.vbox__btn{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--lemon,#FF7A3D);color:#1C1F4A;box-shadow:0 8px 24px rgba(0,0,0,.3);transition:scale .3s var(--ease-dd)}
.vbox__play:hover .vbox__btn,.vbox__play:focus-visible .vbox__btn{scale:1.08}
.vbox__btn svg{width:30px;height:30px;margin-left:4px}
.vbox__play:focus-visible{outline:3px solid #fff;outline-offset:3px}
.vbox__cap{font:400 14px/20px var(--text);opacity:.9}
/* a project page: its steps, its ways in by audience, what support buys, its milestones, its people */
.pjs{list-style:none;margin:clamp(8px,1vw,16px) 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:clamp(12px,1.2vw,18px);counter-reset:s}
.pjs__s{display:grid;align-content:start;gap:10px;padding:clamp(22px,2.2vw,30px);border-radius:24px;background:var(--cl)}
.pjs__n{font:600 clamp(28.8px,2.72vw,41.6px)/1 var(--display);letter-spacing:-.03em;color:var(--cd)}
.pjs__t{font:600 clamp(20px,1.53vw,21.6px)/1.2 var(--display);letter-spacing:-.012em;color:#1C1F4A;text-wrap:balance}
.pjs__d{font:400 15px/22px var(--text);color:#3E4160}
@media (max-width:900px){.pjs{grid-template-columns:minmax(0,1fr)}}
.pjt{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(28px,3.6vw,64px)}
.pjt__c{display:grid;align-content:start;gap:6px}
.pjt__k{display:flex;align-items:center;gap:12px;font:600 clamp(24px,1.8vw,27px)/1.1 var(--display);letter-spacing:-.015em;color:#1C1F4A}
.pjt__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--cl);color:var(--cd)}
.pjt__ic svg{width:22px;height:22px}
.pjt__d{margin-bottom:8px;font:400 15px/22px var(--text);color:#3E4160}
.pjt button.ets__go{background:none;border:0;padding:0;cursor:pointer}
.pjg2{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:clamp(12px,1.2vw,18px);margin-top:clamp(28px,3vw,44px)}
.pjg2 .frame{margin:0;aspect-ratio:4/3;border-radius:20px;overflow:hidden}
.pjg2 img{width:100%;height:100%;object-fit:cover}
@media (max-width:760px){.pjg2{grid-template-columns:minmax(0,1fr)}}
.pjone{max-width:680px}
/* a course page: its facts, what you become, who it is for, the curriculum, what is included, fees */
.crh__k{font:600 12px/16px var(--text);letter-spacing:.1em;text-transform:uppercase;opacity:.9}
.crf{margin:0 var(--g);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));border-bottom:1px solid var(--line)}
.crf > div{display:grid;gap:6px;align-content:start;padding:clamp(18px,2vw,26px) clamp(14px,1.6vw,24px)}
.crf > div:first-child{padding-left:0}
.crf > div + div{border-left:1px solid var(--line)}
.crf dt{font:600 12px/16px var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--cd)}
.crf dd{margin:0;font:400 16px/23px var(--text);color:#1C1F4A}
@media (max-width:760px){.crf > div{padding-left:0}.crf > div + div{border-left:0;border-top:1px solid var(--line)}}
.crb{display:grid;gap:clamp(22px,2.4vw,32px)}
.crb__you{display:grid;gap:8px;padding:clamp(20px,2.2vw,28px);border-radius:24px;background:rgba(255,255,255,.75)}
.crb__you p:last-child{font:400 17px/26px var(--text);color:#1C1F4A}
.crw{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(12px,1.2vw,18px)}
.crw__c{display:grid;align-content:start;gap:8px;padding:clamp(22px,2.2vw,30px);border-radius:24px;background:var(--cl)}
.crw__t{font:600 clamp(21px,1.62vw,23.4px)/1.15 var(--display);letter-spacing:-.012em;color:#1C1F4A}
.crw__d{font:400 15px/22px var(--text);color:#3E4160}
.crw__note{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(20px,2.2vw,30px);padding:12px 18px;border-radius:999px;background:#FFF7EF;font:500 15px/20px var(--text);color:#1C1F4A}
.crw__note .stb__tick{width:18px;height:18px;color:var(--cd)}
.crs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--r),auto);grid-auto-flow:column;column-gap:clamp(32px,4vw,72px);align-items:start}
.crs__s--top{border-top:1px solid var(--line)}
@media (max-width:900px){.crs{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}.crs__s--top + .crs__s,.crs__s--top:not(:first-child){border-top:0}}
.crs__s{border-bottom:1px solid var(--line)}
.crs__s summary,.crs__h{list-style:none;display:grid;grid-template-columns:clamp(44px,4vw,60px) minmax(0,1fr) auto;align-items:center;gap:6px 18px;padding-block:clamp(16px,1.8vw,24px)}
.crs__s summary{cursor:pointer}
.crs__s summary::-webkit-details-marker{display:none}
.crs__s summary:hover .circ-s{border-color:var(--ink)}
.crs__s details[open] .circ-s{transform:rotate(45deg)}
.crs__s details::details-content{height:0;overflow:clip;transition:height .5s var(--ease),content-visibility .5s allow-discrete}
.crs__s details[open]::details-content{height:auto}
.crs__n{display:grid;place-items:center;width:clamp(40px,3.4vw,52px);aspect-ratio:1;border-radius:50%;border:1.5px solid var(--cm);color:var(--cd);font:500 15px/1 var(--text)}
.crs__tx{display:grid;gap:4px;min-width:0}
.crs__t{font:600 clamp(20px,1.62vw,23.4px)/1.2 var(--display);letter-spacing:-.012em;color:#1C1F4A;text-wrap:balance}
.crs__k{font:400 15px/21px var(--text);color:#3E4160}
.crs__p{margin:0 0 clamp(18px,2vw,26px) calc(clamp(44px,4vw,60px) + 18px);max-width:44em;font:400 16px/25px var(--text);color:#3E4160}
@media (max-width:760px){.crs__p{margin-left:0}}
.cri{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(12px,1.2vw,18px)}
.cri li{display:flex;gap:14px;align-items:flex-start;padding:clamp(18px,2vw,24px);border-radius:20px;background:#FFF7EF;font:400 16px/24px var(--text);color:#1C1F4A}
.cri__ic{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--cd);color:#fff}
.cri__ic .stb__tick{width:16px;height:16px}
.pjk.crk{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.crk .pjk__c{gap:12px}
.crk .crk__n{font-size:clamp(34px,3.4vw,52px);overflow-wrap:anywhere}
.crk__n span{font:400 clamp(16px,1.3vw,20px)/1.2 var(--text);letter-spacing:0;color:#3E4160}
.crk__tag{justify-self:start;padding:5px 12px;border-radius:999px;background:var(--cl);color:var(--cd);font:600 12px/16px var(--text);letter-spacing:.04em}
.th-ccio .crk__tag{background:#fddecf;color:#1C1F4A}
.crk__p{font:600 12px/16px var(--text);letter-spacing:.08em;text-transform:uppercase;color:#3E4160}
.cre .sw__head{margin-bottom:0}
.cre .btns{flex-wrap:wrap}
/* a course with a cover drawing: a light hero, the words on the left and the drawing on its own cream on the right */
.crh2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,72px);padding:clamp(28px,4vw,64px) var(--g) clamp(36px,4.6vw,72px);background:#fcf7ea;color:#1C1F4A}
.crh2 .oh2__tx{gap:14px}
.crh2 .t-label,.crh2 .t-label a{color:#1C1F4A}
.crh2 .crh__k{color:var(--cd);opacity:1}
.crh2 .t-title{max-width:12em}
.crh2 .oh2__by a{color:#1C1F4A}
.crh2 .oh2__see{color:#1C1F4A}
.crh2 .oh2__row{margin-top:18px}
.crh2__art{margin:0;min-width:0}
.crh2__art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 72% 68% at 50% 50%,#14162F 62%,transparent 100%);mask-image:radial-gradient(ellipse 72% 68% at 50% 50%,#14162F 62%,transparent 100%)}
.crh2 .vbox__cap{color:#3E4160}
@media (max-width:900px){.crh2{grid-template-columns:minmax(0,1fr)}.crh2__art{order:-1;max-width:560px}}
/* the CCIO brand (CCIO Brand Guidelines v3.0, April 2026) on a course page: cream (#FFF7EF) everywhere, never white; beige
   (#E0D0BF) panels; near-black (#1C1F4A) text; orange (#F05A28) only as accents, never as text on cream; Georgia Bold
   Italic headings; the CC/O mark. ISAC's header, menu and footer stay as they are */
.th-ccio body,.th-ccio main{--bg:#FFF7EF;background:#FFF7EF}
.th-ccio main{--ink:#1C1F4A;--grey:#3E4160;--line:#d9c9b6;--cd:#1C1F4A;--cm:#f05a28;--cl:#e0d0bf;color:#1C1F4A}
.th-ccio .band--tint{--band:#fddecf;--line:rgba(26,26,26,.12)}
.th-ccio .band--paper{--band:#f8eee2;--line:rgba(26,26,26,.1)}
.th-ccio .band--night{--band:#1C1F4A}
.th-ccio .crh2{background:#FFF7EF}
.th-ccio .tabs,.th-ccio .tabs__in{background:#FFF7EF}
.th-ccio .tabs__bar{background:#f05a28}
.th-ccio main .t-title,.th-ccio main .t-h2,.th-ccio main .t-h2s,.th-ccio .crw__t,.th-ccio .crs__t,.th-ccio .crk .crk__n,.th-ccio .oh2__n,.th-ccio .ocp__lead{font-family:Georgia,'EB Garamond','Times New Roman',serif;font-style:italic;font-weight:700;letter-spacing:-.01em}
.th-ccio .ocp__lead{font-weight:400}
.th-ccio .crh2 .oh2__p{font-family:Georgia,'EB Garamond','Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:0}
.th-ccio main .t-eyebrow,.th-ccio .crh__k,.th-ccio .crf dt,.th-ccio .crk__p,.th-ccio .ets__h{color:#6b5f50;letter-spacing:.14em}
.th-ccio .crm{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px}
.crh2__crumb{display:flex;flex-wrap:wrap;gap:8px;font:400 14px/20px var(--text);color:#6b5f50}
.crh2__crumb a{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.crh2__crumb a:hover{color:#1C1F4A}
.th-ccio .crm__mk{display:inline-grid;place-items:center;width:76px;height:76px;border-radius:50%;border:3px solid #f05a28;color:#f05a28;font:700 19px/1 Georgia,'Times New Roman',serif;letter-spacing:-.03em}
.th-ccio .crs__n{border-color:#f05a28;color:#1C1F4A;font-weight:700}
.th-ccio .crw__c{background:#fff;box-shadow:inset 0 0 0 1px #e0d0bf}
.th-ccio .crw__note{background:#fddecf}
.th-ccio .cri li{background:#fff}
.th-ccio .cri__ic,.th-ccio .crw__note .stb__tick{background:#f05a28;color:#fff}
.th-ccio .crw__note .stb__tick{border-radius:50%;padding:2px}
.th-ccio .crb__you{background:#FFF7EF;border-left:4px solid #f05a28;border-radius:0 24px 24px 0}
.th-ccio .pjk__c{background:#fff}
.th-ccio .crk .crk__n,.th-ccio .crk__n span{color:#1C1F4A}
.th-ccio .pill--lemon,.th-ccio .band--night .pill.pill--lemon{background:#f05a28;color:#1C1F4A;font-weight:600}
.th-ccio .pill--lemon,.th-ccio .band--night .pill.pill--lemon{transition:background-color .25s var(--ease-dd),color .25s var(--ease-dd)}
.th-ccio .pill--lemon:hover,.th-ccio .pill--lemon:focus-visible,.th-ccio .band--night .pill.pill--lemon:hover{background:#d94a1b;color:#fff}
.th-ccio .crh2 .btn{border-color:#1C1F4A;color:#1C1F4A}
.th-ccio .crh2 .btn:hover,.th-ccio .crh2 .btn:focus-visible{background:#1C1F4A;border-color:#1C1F4A;color:#FFF7EF}
.th-ccio .crft{margin-top:clamp(28px,3vw,44px);padding-top:18px;border-top:1px solid rgba(255,255,255,.16);font:700 11px/16px var(--text);letter-spacing:.42em;text-transform:uppercase;color:#b5a899;text-align:center}
.th-ccio .crft span{margin:0 .6em;letter-spacing:0}
.th-ccio .acc summary{font-weight:500}
.pjk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(12px,1.2vw,18px)}
.pjk__c{display:grid;align-content:start;gap:10px;padding:clamp(22px,2.2vw,30px);border-radius:24px;background:#fff}
.pjk__n{font:600 clamp(28.8px,2.72vw,41.6px)/1 var(--display);letter-spacing:-.03em;color:var(--cd)}
.pjk__t{font:400 16px/23px var(--text);color:#1C1F4A}
.pjk__more{margin-top:clamp(24px,2.4vw,36px)}
.pjk__ask{display:grid;gap:14px;justify-items:start;max-width:46em;padding:clamp(26px,3vw,44px);border-radius:28px;background:#fff}
.pjk__q{font:600 clamp(22px,1.8vw,27px)/1.3 var(--display);letter-spacing:-.012em;color:#1C1F4A;text-wrap:pretty}
.pjk__ask > p:not(.pjk__q){font:400 16px/24px var(--text);color:#3E4160}
.pjm{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:0;overflow-x:auto;scrollbar-width:thin}
.pjm__s{position:relative;display:grid;align-content:start;gap:6px;padding:0 24px 8px 0}
.pjm__s::before{content:"";position:absolute;left:0;right:0;top:13px;height:2px;background:#EFE3D6}
.pjm__s--done::before{background:var(--cm)}
.pjm__s:last-child::before{right:auto;width:28px}
.pjm__dot{position:relative;display:grid;place-items:center;width:28px;height:28px;margin-bottom:12px;border-radius:50%;background:#fff;border:2px solid #cfc8bc;color:#fff}
.pjm__s--done .pjm__dot{background:var(--cd);border-color:var(--cd)}
.pjm__s--goal .pjm__dot{background:var(--lemon,#FF7A3D);border-color:#1C1F4A}
.pjm__dot .stb__tick{width:16px;height:16px}
.pjm__w{font:600 12px/16px var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--cd)}
.pjm__t{font:600 clamp(18px,1.35vw,18.9px)/1.25 var(--display);letter-spacing:-.01em;color:#1C1F4A;max-width:14em;text-wrap:balance}
.pjm__k{font:500 13px/18px var(--text);color:#3E4160}
@media (max-width:760px){.pjm{grid-auto-flow:row;grid-auto-columns:auto}.pjm__s{grid-template-columns:28px minmax(0,1fr);column-gap:16px;padding:0 0 22px}.pjm__s > :not(.pjm__dot){grid-column:2}.pjm__dot{grid-row:1 / span 3;margin:0}.pjm__s::before{left:13px;right:auto;top:0;bottom:0;width:2px;height:auto}.pjm__s:last-child::before{height:14px;width:2px}}
.pjp{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(28px,3.6vw,64px);align-items:start}
.pjp > :only-child{grid-column:1 / -1;max-width:560px}
@media (max-width:900px){.pjp{grid-template-columns:minmax(0,1fr)}}
/* research: one column per kind, each a list */
.ocrs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(20px,3vw,48px);align-items:start}
.ocrs__g{display:grid;gap:4px}
.ocrs__l{list-style:none;margin:0;padding:0}
.ocrs__l li{display:grid;gap:3px;padding:14px 0;border-bottom:1px solid #EFE3D6}
.ocrs__t,.ocrs__l a{font:600 clamp(18px,1.26vw,18px)/1.3 var(--display);letter-spacing:-.01em;color:#1C1F4A}
.ocrs__n{font:400 14px/20px var(--text);color:#3E4160}
@media (max-width:900px){.ocpl{grid-template-columns:minmax(0,1fr)}}
/* an Initiative's departments, under its statement */
.ocd{margin-top:clamp(40px,4.6vw,64px);display:grid;justify-items:center}
.ocd__h{display:flex;justify-content:center;width:100%}
.ocd__h span{padding:12px 22px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 2px var(--m);font:500 15px/20px var(--text);color:#1C1F4A;text-align:center}
@media (max-width:900px){.ocp,.ocp__who{grid-template-columns:minmax(0,1fr)}}
.ocx{padding-block:clamp(56px,6vw,96px)}
.ocx .shead{margin-bottom:clamp(28px,3.2vw,44px)}
.ocx__intro{max-width:40em;margin-top:4px;color:#3E4160}
.ocx__block{margin-top:clamp(40px,4.4vw,64px)}
.ocx__block:first-of-type{margin-top:0}
.ocx__subh{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px}
.ocx__links{display:flex;gap:20px}
.ocx__posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.2vw,18px)}
/* one or two posts: photo beside the text, two to a row, so a lone post does not leave the row empty */
.ocx__posts--few{grid-template-columns:repeat(2,minmax(0,1fr))}
.ocx__posts--few .art:only-child{grid-column:span 2;max-width:860px}
.eng__pjs{max-width:760px}
.ocx--problem .ill--problem{max-width:340px;margin-top:clamp(16px,2vw,28px)}
.ocx--problem .split{align-items:start}
/* the Initiative behind an outcome: what it is beside who runs it; its Expert Panel and partners below */
.oci__in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px clamp(40px,5vw,80px);align-items:start}
.oci__main{display:grid;gap:14px;align-content:start}
.oci__is{font:500 18px/1.5 var(--text);max-width:34em;color:#1C1F4A}
.oci__remit{font:400 15px/1.6 var(--text);color:#3E4160;max-width:36em}
.oci__side{display:grid;gap:24px;align-content:start}
.oci__part{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;border-radius:20px;background:var(--cl);color:var(--cd);transition:translate .3s var(--ease-dd)}
.oci__part:hover{translate:0 -2px}
.oci__part > span:last-child{display:grid;gap:4px;font:400 15px/22px var(--text)}
.oci__part b{font:500 17px/22px var(--text)}
.oci__part svg{width:14px;height:14px;vertical-align:-2px}
.oci__pi{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--cd);color:#fff}
.oci__pi svg,.oci__pi .pi{width:20px;height:20px}
.oci__row{display:grid;gap:12px;margin-top:clamp(36px,4vw,56px);padding-top:clamp(22px,2.6vw,32px);border-top:1px solid #EFE3D6}
.oci__note{font:400 15px/22px var(--text);color:#3E4160;max-width:36em}
.oci .xpn__m{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.eng__count{margin-top:auto;padding-top:10px;font:400 14px/20px var(--text)}
.eng__count b{font:600 clamp(26px,1.98vw,30.6px)/1 var(--display);letter-spacing:-.02em;margin-right:6px}
.eng__all{margin-top:6px;padding-top:0}
@media (max-width:900px){.oci__in{grid-template-columns:minmax(0,1fr)}.ocx__posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ocx__posts{grid-template-columns:minmax(0,1fr)}.ocx__links{flex-direction:column;gap:6px;align-items:flex-end}}
@media (max-width:760px){.eng__pjs a{font-size:13px;padding:8px 13px}}
@media (max-width:1180px){.eng__rail{display:none}.eng__hub{margin-bottom:16px}.eng__cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}}
@media (max-width:760px){.eng__head{grid-template-columns:minmax(0,1fr)}.eng__hub{width:100%}}
@media (max-width:860px){.oc2i__in{grid-template-columns:minmax(0,1fr)}.oc2i{margin-inline:12px;border-radius:24px}}

/* project story page (27 Oct 2026): ISAC's hopeful palette, one story in seven acts. Every class starts ps- */
.ps{--ps-night:#1c1f4a;--ps-night-2:#272b63;--ps-ink:#14162f;--ps-text:#3e4160;--ps-soft:#fff7ef;--ps-line:rgba(28,31,74,.12);
  --ps-orange:#ff7a3d;--ps-orange-d:#e85f1f;--ps-orange-t:#c2410c;--ps-sky:#3da5ff;--ps-leaf:#2ec27e;--ps-sun:#ffc83d;--ps-pink:#ff6b8b;
  --ps-r:28px;--ps-ease:cubic-bezier(.22,1,.36,1);color:var(--ps-text);font:400 17px/1.6 var(--text)}
.ps h1,.ps h2,.ps h3,.ps h4{font-family:var(--display);color:var(--ps-ink);letter-spacing:-.025em;line-height:1.05;font-weight:600;margin:0}
.ps p{margin:0}
.ps-wrap{max-width:1320px;margin:0 auto;padding:0 var(--g)}
.ps-eye{display:inline-flex;align-items:center;gap:10px;font:600 13px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--ps-orange-t)}
.ps-eye::before{content:"";width:22px;height:3px;border-radius:2px;background:currentColor}
.ps-h2{margin-top:18px !important;font-size:clamp(36px,4.6vw,64px)}
.ps-lead{font:400 clamp(19px,1.6vw,23px)/1.5 var(--text);color:var(--ps-text);max-width:36em}
.ps-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:64px}
.ps-btn{display:inline-flex;align-items:center;gap:12px;padding:17px 28px;border-radius:999px;font:600 17px/1 var(--text);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .3s var(--ps-ease),background .3s}
.ps-btn .ico{width:18px;height:18px;transition:transform .3s var(--ps-ease)}
.ps-btn:hover{transform:translateY(-2px)}
.ps-btn:hover .ico{transform:translateX(4px)}
/* text on orange is night indigo, not white: white on #ff7a3d is 2.6:1, indigo 6:1 (WCAG AA asks 4.5:1) */
.ps-btn--go{background:var(--ps-orange);color:var(--ps-night);box-shadow:0 10px 30px rgba(255,122,61,.35)}
.ps-btn--go:hover{box-shadow:0 14px 36px rgba(255,122,61,.5)}
.ps-btn--line{border-color:currentColor;color:#fff;background:none}
.ps-btn--white{background:#fff;color:var(--ps-night);align-self:flex-start;margin-top:auto}
.ps-rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ps-ease),transform .9s var(--ps-ease)}
.ps-rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ps-rv{opacity:1;transform:none;transition:none}}

/* 1 the promise */
.ps-hero{position:relative;background:var(--ps-night);color:#fff;overflow:hidden;padding-top:calc(var(--bar) + 24px)}
.ps-hero::before{content:"";position:absolute;width:900px;height:900px;right:-260px;top:-320px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,61,.35),rgba(255,122,61,0) 65%)}
.ps-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:end}
.ps-crumb{display:inline-flex !important;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:rgba(255,255,255,.1);font:500 14px/1.2 var(--text);margin-bottom:28px !important}
.ps-crumb a{color:#fff}
.ps-crumb b{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--ps-sun);color:var(--ps-night)}
.ps-crumb b svg{width:16px;height:16px}
.ps .ps-h1{color:#fff;font-size:clamp(44px,5.6vw,84px);line-height:.98;letter-spacing:-.035em}
.ps-h1 span{display:block;color:var(--c)}
.ps-hero__p{margin:26px 0 34px !important;font:400 clamp(19px,1.6vw,23px)/1.5 var(--text);color:rgba(255,255,255,.82);max-width:30em}
.ps-hero__btns{display:flex;flex-wrap:wrap;gap:14px;padding-bottom:72px}
.ps-hero__pic{position:relative;align-self:stretch;min-height:560px}
.ps-hero__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:220px 220px 0 0}
.ps-chip{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:20px;background:#fff;color:var(--ps-ink);box-shadow:0 20px 50px rgba(0,0,0,.25);font:500 15px/1.25 var(--text)}
.ps-chip b{font:700 32px/1 var(--display);letter-spacing:-.03em;color:var(--ps-orange-t)}
.ps-chip--goal{left:-40px;bottom:120px}
.ps-chip--three{right:-10px;top:90px;flex-direction:column;align-items:flex-start;gap:6px}
.ps-chip--three i{display:flex;align-items:center;gap:8px;font-style:normal;font-weight:600}
.ps-chip--three i::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--d)}
@media (prefers-reduced-motion:no-preference){.ps-chip--goal{animation:psFloat 6s ease-in-out infinite}.ps-chip--three{animation:psFloat 7s ease-in-out -2s infinite}}
@keyframes psFloat{50%{transform:translateY(-10px)}}
.ps-ledby{position:relative;background:var(--ps-night-2);color:rgba(255,255,255,.8);font:500 15px/1.4 var(--text)}
.ps-ledby .ps-wrap{display:flex;flex-wrap:wrap;gap:10px 40px;align-items:center;padding-top:20px;padding-bottom:20px}
.ps-ledby a{color:inherit;text-decoration:none}
.ps-ledby b{color:#fff}

/* 2 the story */
.ps-story{background:var(--ps-soft);padding:clamp(90px,10vw,150px) 0}
.ps-tl{position:relative;display:grid;gap:22px;max-width:980px;margin:0 auto}
.ps-tl::before{content:"";position:absolute;left:39px;top:10px;bottom:10px;width:4px;border-radius:2px;background:rgba(28,31,74,.1)}
.ps-tl__fill{position:absolute;left:39px;top:10px;width:4px;height:0;border-radius:2px;background:linear-gradient(var(--ps-sky),var(--ps-leaf),var(--ps-orange),var(--ps-sun))}
.ps-tl__s{position:relative;display:grid;grid-template-columns:82px minmax(0,1fr);gap:28px;align-items:start}
.ps-tl__dot{position:relative;z-index:1;display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:var(--c);color:#fff;box-shadow:0 0 0 8px var(--ps-soft)}
.ps-tl__dot svg{width:36px;height:36px}
.ps-tl__card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 28px;align-items:baseline;padding:30px 34px;border-radius:var(--ps-r);background:#fff}
.ps-tl__m{font:700 15px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--c) 50%,#14162f)}
.ps-tl__t{font:500 clamp(22px,2.2vw,30px)/1.3 var(--display);color:var(--ps-ink);letter-spacing:-.015em}
.ps-story__end{margin:72px auto 0;max-width:980px;padding:44px 48px;border-radius:var(--ps-r);background:var(--ps-night);display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.ps-story__end p{font:600 clamp(24px,2.4vw,34px)/1.2 var(--display);letter-spacing:-.02em;color:#fff;max-width:22em}
.ps-story__end p span{color:var(--ps-sun)}

/* 3 why now */
.ps-stakes{background:var(--ps-night);color:#fff;padding:clamp(90px,10vw,150px) 0}
.ps-stakes .ps-h2{color:#fff;max-width:14em}
.ps-stakes .ps-eye{color:var(--ps-sun)}
.ps-nums{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:20px;margin:64px 0 56px}
.ps-num{padding:36px 32px;border-radius:var(--ps-r);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.ps-num b{display:block;font:700 clamp(64px,6.4vw,96px)/1 var(--display);letter-spacing:-.04em;color:var(--c)}
.ps-num p{margin-top:16px !important;font:400 18px/1.5 var(--text);color:rgba(255,255,255,.88)}
.ps-num small{display:block;margin-top:18px;font:400 13px/1.4 var(--text);color:rgba(255,255,255,.55)}
.ps-turn{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:center;padding-top:44px;border-top:1px solid rgba(255,255,255,.14)}
.ps-turn > p{font:500 clamp(22px,2.2vw,30px)/1.35 var(--display);letter-spacing:-.012em;color:#fff;max-width:28em}
.ps-research{display:contents}
.ps-research summary{list-style:none;cursor:pointer;font:600 15px/1 var(--text);color:var(--ps-sun);display:inline-flex;gap:8px;align-items:center}
.ps-research summary .ico{width:16px;height:16px}
.ps-research summary::-webkit-details-marker{display:none}
.ps-research ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;grid-column:1/-1}
.ps-research li{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.06);font:400 15px/1.5 var(--text);color:rgba(255,255,255,.85)}
.ps-research li b{color:#fff;font:700 22px/1 var(--display);display:block;margin-bottom:6px}
.ps-research li small{display:block;margin-top:6px;color:rgba(255,255,255,.55);font-size:12px}

/* 4 what we build */
.ps-inside{background:#fff;padding:clamp(90px,10vw,150px) 0}
.ps-pillars{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:16px}
.ps-pillar{position:relative;display:flex;flex-direction:column;gap:14px;padding:30px 26px;border-radius:var(--ps-r);background:var(--c);color:var(--ps-ink);min-height:400px;overflow:hidden;transition:transform .4s var(--ps-ease),opacity .9s var(--ps-ease)}
.ps-pillar.in:hover{transform:translateY(-8px) rotate(-.6deg)}
.ps-pillar::after{content:"";position:absolute;right:-50px;bottom:-50px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.22)}
.ps-pillar__ic{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--cc,#fff);color:var(--ps-ink)}
.ps-pillar__ic svg{width:30px;height:30px}
.ps .ps-pillar h3{font-size:clamp(23px,1.9vw,28px);letter-spacing:-.02em}
.ps-pillar__k{align-self:flex-start;padding:7px 12px;border-radius:999px;background:rgba(20,22,47,.12);font:600 13px/1 var(--text)}
.ps-pillar p{position:relative;z-index:1;font:400 15.5px/1.55 var(--text);color:rgba(20,22,47,.86)}
.ps-pillar--dark,.ps .ps-pillar--dark h3{color:#fff}
.ps-pillar--dark p{color:rgba(255,255,255,.92)}
.ps-pillar--dark .ps-pillar__k{background:rgba(255,255,255,.22)}
.ps-with{margin-top:96px}
.ps .ps-with h3{font-size:clamp(28px,2.6vw,38px);margin-bottom:28px}
.ps-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ps-tile{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding:26px;border-radius:24px;background:var(--ps-soft);transition:background .3s,opacity .9s var(--ps-ease),transform .9s var(--ps-ease)}
.ps-tile:hover{background:#ffefe0}
.ps-tile__mk{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#fff;color:var(--ps-night);overflow:hidden}
.ps-tile__mk img{width:46px;height:46px;object-fit:contain}
.ps-tile__mk svg{width:32px;height:32px}
.ps-tile__k{font:600 12px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--ps-orange-t)}
.ps .ps-tile h4{margin:8px 0 6px;font:600 22px/1.15 var(--display);letter-spacing:-.015em}
.ps-tile p:last-child{font:400 15px/1.5 var(--text)}

/* 5 the year */
.ps-year{background:var(--ps-soft);padding:clamp(90px,10vw,150px) 0;overflow:hidden}
.ps-year__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px}
.ps-year__side{display:grid;gap:16px;justify-items:end}
.ps-legend{display:flex;flex-wrap:wrap;gap:10px}
.ps-legend span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;font:500 14px/1 var(--text);color:var(--ps-ink)}
.ps-legend span::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}
.ps-year__nav{display:flex;gap:10px}
.ps-year__nav button{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:2px solid var(--ps-night);background:none;color:var(--ps-night);cursor:pointer}
.ps-year__nav button:hover{background:var(--ps-night);color:#fff}
.ps-year__nav .ico{width:20px;height:20px}
.ps-months{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px var(--g) 24px;margin:0 calc(var(--g) * -1);scrollbar-width:thin}
.ps-month{scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;min-height:300px;padding:26px 24px;border-radius:var(--ps-r);background:#fff}
.ps-month__n{display:flex;justify-content:space-between;align-items:baseline;font:700 30px/1 var(--display);color:var(--ps-ink);letter-spacing:-.025em;margin-bottom:6px !important}
.ps-month__n small{font:600 13px/1 var(--text);color:#646884}
.ps-ev{padding:14px 16px;border-radius:16px;background:var(--bg);font:500 15px/1.4 var(--text);color:var(--ps-ink)}
.ps-ev i{display:block;font:600 11px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:color-mix(in srgb,var(--c) 50%,#14162f);margin-bottom:7px}

/* 6 who benefits */
.ps-circle{background:#fff;padding:clamp(90px,10vw,150px) 0}
.ps-circle__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.ps-rings{position:relative;aspect-ratio:1;max-width:560px;width:100%;margin:0 auto}
.ps-ring{position:absolute;border-radius:50%;display:grid;place-items:start center;transition:box-shadow .5s}
.ps-ring span{margin-top:4.2%;padding:0 18%;text-align:center;font:600 clamp(11px,1vw,13px)/1.2 var(--text);letter-spacing:.06em;text-transform:uppercase}
.ps-r2 span{padding:0 24%;margin-top:3.6%}
.ps-ring.on{box-shadow:0 0 0 6px var(--ps-orange)}
.ps-r4{inset:0;background:var(--ps-night);color:#fff}
.ps-r3{inset:10%;background:#3b3f86;color:#fff}
.ps-r2{inset:21%;background:var(--ps-sky);color:var(--ps-ink)}
.ps-r1{inset:33%;background:var(--ps-sun);color:var(--ps-ink);place-items:center}
.ps-r1 span{margin:0;padding:0 10%;font:700 clamp(22px,2.4vw,32px)/1 var(--display);text-transform:none;letter-spacing:-.02em}
.ps-gets{display:grid;gap:12px;margin-top:36px}
.ps-get{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;padding:22px 24px;border-radius:22px;background:var(--ps-soft);transition:background .3s,transform .3s var(--ps-ease),opacity .9s var(--ps-ease)}
.ps-get.in:hover{background:#ffebdc;transform:translateX(6px)}
.ps-get__dot{width:18px;height:18px;margin-top:5px;border-radius:50%;background:var(--c)}
.ps .ps-get h4{font:600 21px/1.2 var(--display)}
.ps-get p{margin-top:4px !important;font:400 15.5px/1.5 var(--text)}
.ps-outs{margin-top:96px;padding:48px;border-radius:36px;background:linear-gradient(135deg,#fff1e6,#fff8d9)}
.ps .ps-outs h3{font-size:clamp(28px,2.6vw,38px);margin-bottom:28px}
.ps-outs ul,.ps-give{list-style:none;margin:0;padding:0}
.ps-outs ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ps-outs li{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:20px;background:#fff;font:500 16px/1.45 var(--text);color:var(--ps-ink)}
.ps-outs li b,.ps-give li b{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ps-leaf);color:#fff}
.ps-outs .stb__tick,.ps-give .stb__tick{width:16px;height:16px}

/* 7 how to help */
.ps-ways{background:var(--ps-night);color:#fff;padding:clamp(90px,10vw,150px) 0}
.ps-ways .ps-h2{color:#fff;max-width:13em}
.ps-ways .ps-eye{color:var(--ps-sun)}
.ps-ways__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:64px}
.ps-ways__grid--one{grid-template-columns:minmax(0,1fr);max-width:760px}
.ps-way{display:flex;flex-direction:column;gap:22px;padding:44px;border-radius:36px}
.ps-way--join{background:#fff;color:var(--ps-text)}
.ps-way--fund{background:linear-gradient(160deg,#C2410C,#9A3412);color:#fff}
.ps-way__k{display:inline-flex !important;align-items:center;gap:10px;font:600 14px/1.2 var(--text);letter-spacing:.1em;text-transform:uppercase}
.ps-way__k svg{width:20px;height:20px}
.ps-way--join .ps-way__k{color:var(--ps-orange-t)}
.ps .ps-way h3{font-size:clamp(32px,3vw,46px)}
.ps .ps-way--fund h3{color:#fff}
.ps-way__p{font:400 18px/1.55 var(--text)}
.ps-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}
.ps-mode{padding:22px;border-radius:22px;background:var(--ps-soft)}
.ps .ps-mode h4{font:600 19px/1.2 var(--display);margin-bottom:8px}
.ps-mode p{font:400 14.5px/1.5 var(--text)}
.ps-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:s}
.ps-steps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:baseline;font:400 16px/1.45 var(--text)}
.ps-steps li::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ps-night);color:#fff;font:600 15px/1 var(--text)}
.ps-steps b{color:var(--ps-ink)}
.ps-way--join .ps-btn{align-self:flex-start;margin-top:auto}
.ps-big{font:700 clamp(64px,7vw,104px)/.9 var(--display);letter-spacing:-.045em}
.ps-big__pre{display:block;font:600 16px/1.3 var(--text);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.ps-big__u{display:block;font:500 20px/1.3 var(--text);letter-spacing:0;margin-top:10px}
.ps-give{display:grid;gap:12px}
.ps-give li{display:flex;gap:14px;align-items:flex-start;font:500 17px/1.45 var(--text)}
.ps-give li b{background:rgba(255,255,255,.22);color:#fff}
.ps-road{margin-top:72px;padding:40px 44px;border-radius:32px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.ps-road__t{display:flex;justify-content:space-between;gap:16px;font:600 15px/1.3 var(--text);color:rgba(255,255,255,.7);margin-bottom:22px}
.ps-road__bar{position:relative;height:16px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.ps-road__bar i{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--ps-sun),var(--ps-orange));transition:width 1.6s var(--ps-ease)}
.ps-road__marks{display:flex;justify-content:space-between;margin-top:22px;gap:20px}
.ps-road__marks b{display:block;font:700 40px/1 var(--display);letter-spacing:-.03em;color:#fff}
.ps-road__marks span{font:400 15px/1.4 var(--text);color:rgba(255,255,255,.75)}
.ps-road__marks div:last-child{text-align:right}
.ps-road__marks div:last-child b{color:var(--ps-sun)}

/* questions and the last word */
.ps-faq{background:#fff;padding:clamp(80px,9vw,130px) 0}
.ps-faq__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}
.ps-faq details{border-bottom:1px solid var(--ps-line);padding:24px 0}
.ps-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font:600 20px/1.3 var(--display);color:var(--ps-ink)}
.ps-faq summary::-webkit-details-marker{display:none}
.ps-faq summary span{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ps-soft);transition:transform .3s}
.ps-faq summary .ico{width:16px;height:16px}
.ps-faq details[open] summary span{transform:rotate(45deg);background:var(--ps-sun)}
.ps-faq details p{margin-top:12px !important;font:400 16.5px/1.6 var(--text);max-width:40em}
.ps-end{margin:0 var(--g) var(--g);padding:clamp(56px,7vw,96px) clamp(28px,5vw,80px);border-radius:44px;background:var(--ps-sun);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
.ps .ps-end h2{font-size:clamp(34px,4vw,58px);max-width:14em}
.ps-end__btns{display:flex;flex-wrap:wrap;gap:12px}
.ps-end .ps-btn--line{color:var(--ps-night)}

/* the people, news and more, in the story's own look */
.ps-people{background:#fff;padding:clamp(80px,9vw,130px) 0}
.ps-people__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:16px;align-items:stretch}
.ps-people__grid--one{grid-template-columns:minmax(0,1fr)}
.ps-people__grid--one .ps-led{flex-direction:row;align-items:center;gap:24px;padding:32px 40px}
.ps-people__grid--one .ps-led__tx{flex:1}
.ps-people__grid--one .ps-led__k{margin:0 0 10px}
.ps-led{position:relative;display:flex;flex-direction:column;gap:12px;padding:36px;border-radius:var(--ps-r);background:var(--ps-night);color:#fff;text-decoration:none;overflow:hidden;transition:transform .4s var(--ps-ease),opacity .9s var(--ps-ease)}
.ps-led::after{content:"";position:absolute;right:-70px;bottom:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,61,.45),rgba(255,122,61,0) 70%)}
.ps-led.in:hover{transform:translateY(-4px)}
.ps-led__ic{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--ps-sun);color:var(--ps-night)}
.ps-led__ic svg{width:28px;height:28px}
.ps-led__tx{display:grid;gap:10px;margin-top:auto}
.ps-led__k{font:600 13px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--ps-sun)}
.ps-led b{font:600 clamp(26px,2.4vw,34px)/1.1 var(--display);letter-spacing:-.02em}
.ps-led__go{display:inline-flex;align-items:center;gap:10px;font:600 16px/1 var(--text);color:#fff}
.ps-led__go .ico{width:18px;height:18px}
.ps-crew,.ps-panel{padding:30px;border-radius:var(--ps-r);background:var(--ps-soft)}
.ps-crew__h{display:flex;align-items:center;gap:10px;margin-bottom:20px !important;font:600 13px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--ps-ink)}
.ps-crew__h span{display:grid;place-items:center;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:var(--ps-orange);color:var(--ps-night);letter-spacing:0}
.ps-crew ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px 16px}
.ps-crew li{display:grid;justify-items:start;gap:4px}
.ps-crew img{width:72px;height:72px;border-radius:50%;object-fit:cover;margin-bottom:8px;box-shadow:0 0 0 4px #fff}
.ps-crew b{font:600 16px/1.25 var(--display);color:var(--ps-ink)}
.ps-crew li > span{font:400 13.5px/1.4 var(--text);color:var(--ps-text)}
.ps-panel{margin-top:16px;background:#fff;border:1px solid var(--ps-line)}
.ps-panel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.ps-panel li{display:flex;align-items:center;gap:14px}
.ps-panel img{flex:none;width:52px;height:52px;border-radius:50%;object-fit:cover}
.ps-panel li span{display:grid;font:400 13.5px/1.4 var(--text);color:var(--ps-text)}
.ps-panel li b{font:600 15.5px/1.3 var(--display);color:var(--ps-ink)}
.ps-partners{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.ps-partners li{display:grid;place-items:center;min-width:140px;height:72px;padding:0 20px;border-radius:18px;background:var(--ps-soft);font:600 14px/1.2 var(--text);color:var(--ps-ink)}
.ps-partners img{max-height:40px;max-width:150px;object-fit:contain}
.ps-news{background:var(--ps-soft);padding:clamp(80px,9vw,130px) 0}
.ps-news__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:48px}
.ps-pills{display:flex;flex-wrap:wrap;gap:10px}
.ps-pills a{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:999px;border:2px solid var(--ps-night);color:var(--ps-night);font:600 15px/1 var(--text);text-decoration:none;transition:background .3s,color .3s}
.ps-pills a:hover{background:var(--ps-night);color:#fff}
.ps-pills .ico{width:16px;height:16px}
.ps-evts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-bottom:16px}
.ps-evt{display:flex;gap:18px;align-items:center;padding:20px;border-radius:24px;background:var(--ps-night);color:#fff;text-decoration:none;transition:transform .3s var(--ps-ease),opacity .9s var(--ps-ease)}
.ps-evt.in:hover{transform:translateY(-3px)}
.ps-evt__d{flex:none;display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:var(--ps-sun);color:var(--ps-night);font:600 13px/1 var(--text);text-transform:uppercase;letter-spacing:.06em}
.ps-evt__d b{font:700 30px/1 var(--display);letter-spacing:-.03em;text-transform:none}
.ps-evt__k{display:block;font:600 11px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--ps-sun);margin-bottom:6px}
.ps-evt__t{display:block;font:600 18px/1.25 var(--display)}
.ps-evt__w{display:block;margin-top:4px;font:400 14px/1.4 var(--text);color:rgba(255,255,255,.75)}
.ps-posts{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:16px}
.ps-post{position:relative;display:flex;flex-direction:column;gap:12px;padding:14px 14px 26px;border-radius:var(--ps-r);background:#fff;transition:transform .4s var(--ps-ease),box-shadow .4s,opacity .9s var(--ps-ease)}
.ps-post.in:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(28,31,74,.12)}
.ps-post__a{position:absolute;inset:0;z-index:1;border-radius:inherit}
.ps-post__img{aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:var(--ps-night);display:grid;place-items:center;color:var(--ps-sun)}
.ps-post__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ps-ease)}
.ps-post:hover .ps-post__img img{transform:scale(1.05)}
.ps-post__img svg{width:48px;height:48px}
.ps-post__m{display:flex;align-items:center;gap:10px;padding:6px 12px 0 !important;font:500 14px/1 var(--text);color:#646884}
.ps-post__m span{padding:6px 10px;border-radius:999px;background:#ffefe0;color:var(--ps-orange-t);font-weight:600}
.ps .ps-post h3{padding:0 12px;font-size:21px;line-height:1.25;letter-spacing:-.015em}
.ps-post__p{padding:0 12px !important;font:400 15px/1.55 var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ps-post__go{margin-top:auto;padding:4px 12px 0;display:inline-flex;align-items:center;gap:8px;font:600 15px/1 var(--text);color:var(--ps-orange-t)}
.ps-post__go .ico{width:16px;height:16px;transition:transform .3s var(--ps-ease)}
.ps-post:hover .ps-post__go .ico{transform:translateX(4px)}
.ps-more{background:var(--ps-night);padding:clamp(80px,9vw,130px) 0}
.ps-more .ps-eye{color:var(--ps-sun)}
.ps-more .ps-h2{color:#fff}
.ps-more .ps-pills a{border-color:#fff;color:#fff}
.ps-more .ps-pills a:hover{background:#fff;color:var(--ps-night)}
.ps-mores{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px}
.ps-mcard{position:relative;display:flex;flex-direction:column;gap:14px;min-height:340px;padding:32px;border-radius:var(--ps-r);background:var(--c);color:var(--ps-ink);text-decoration:none;overflow:hidden;transition:transform .4s var(--ps-ease),opacity .9s var(--ps-ease)}
.ps-mcard::after{content:"";position:absolute;right:-60px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.22)}
.ps-mcard.in:hover{transform:translateY(-8px) rotate(-.5deg)}
.ps-mcard__k{font:600 13px/1.2 var(--text);letter-spacing:.1em;text-transform:uppercase}
.ps-mcard__h{font:600 clamp(24px,2.2vw,30px)/1.15 var(--display);letter-spacing:-.02em}
.ps-mcard__n{margin-top:auto;font:700 clamp(48px,4.6vw,68px)/1 var(--display);letter-spacing:-.04em}
.ps-mcard__n small{display:block;margin-top:6px;font:500 15px/1.3 var(--text);letter-spacing:0}
.ps-mcard__go{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;font:600 15px/1 var(--text)}
.ps-mcard__go .ico{width:16px;height:16px}
@media (max-width:1100px){.ps-posts{grid-template-columns:repeat(2,minmax(0,1fr))}.ps-people__grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.ps-people__grid--one .ps-led{flex-direction:column;align-items:flex-start;padding:24px}.ps-posts{grid-template-columns:minmax(0,1fr)}.ps-led,.ps-crew,.ps-panel{padding:24px}}
@media (max-width:1100px){
  .ps-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.ps-pillar{min-height:0}
  .ps-tiles,.ps-outs ul,.ps-research ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .ps-hero__grid,.ps-head,.ps-circle__grid,.ps-ways__grid,.ps-faq__grid,.ps-end,.ps-turn{grid-template-columns:minmax(0,1fr)}
  .ps-hero__btns{padding-bottom:40px}
  .ps-hero__pic{min-height:420px;margin:0 calc(var(--g) * -1)}
  .ps-hero__pic img{border-radius:160px 160px 0 0}
  .ps-chip--goal{left:16px;bottom:24px}.ps-chip--three{right:16px;top:24px}
  .ps-nums,.ps-tiles,.ps-outs ul,.ps-research ul,.ps-pillars{grid-template-columns:minmax(0,1fr)}
  .ps-tl::before,.ps-tl__fill{left:27px}
  .ps-tl__s{grid-template-columns:58px minmax(0,1fr);gap:16px}
  .ps-tl__dot{width:58px;height:58px}.ps-tl__dot svg{width:26px;height:26px}
  .ps-tl__card{grid-template-columns:minmax(0,1fr);padding:22px}
  .ps-way,.ps-outs,.ps-road{padding:28px}
  .ps-story__end{padding:32px 28px}
  .ps-year__side{justify-items:start}
}

/* tabs with one sliding indicator */
.tabs{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--line);transition:transform .45s var(--ease)}
/* when the header slides in, the bar moves down with it by the same kind of animation (transform, as .float), so the two
   stay in step even while smooth scrolling keeps the page busy; an animated top lagged and let the header cover the labels */
body.float-on .tabs{transform:translateY(var(--float))}
.tabs__in{position:relative;display:flex;gap:28px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-inline:var(--g);padding-top:4px}
.tabs__in::-webkit-scrollbar{display:none}
.tabs a{flex:none;font:400 14px/20px var(--text);padding-block:20px 18px;color:var(--grey);transition:color .3s var(--ease-dd)}
.tabs a:hover,.tabs a.is-active{color:var(--ink)}
.tabs__bar{position:absolute;left:0;bottom:-1px;width:12px;height:1px;background:var(--bg);transition:translate .55s var(--ease)}
.tabs__bar::before{content:"";position:absolute;left:2px;top:-10px;width:8px;height:8px;border-radius:50%;background:var(--mark)}
.tabs{--mark-fallback:#1C1F4A}
[data-anchor]{scroll-margin-top:calc(var(--float) + 70px)}

/* goal block */
.goal{display:grid;gap:18px}
.goal__n{font:600 clamp(41.6px,4.8vw,70.4px)/.9 var(--display);letter-spacing:-.01em}
.goal__u{font:400 19px/28px var(--text)}
.goal__trk{max-width:660px;margin-top:6px}

/* forms */
.form{display:grid;gap:22px}
.field{display:grid;gap:4px}
.field > span{color:var(--grey);font:400 14px/20px var(--text)}
.field input,.field select,.field textarea{font:400 16px/24px var(--text);letter-spacing:.006em;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--field-line, #767676);border-radius:0;padding:8px 0;width:100%;-webkit-appearance:none;appearance:none;transition:border-color .3s var(--ease-dd)}
.field select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='black' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat right 2px center/12px}
.field textarea{resize:vertical;min-height:84px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-bottom-color:var(--ink)}
.check{display:flex;gap:12px;align-items:flex-start;font:400 14px/20px var(--text)}
.check input{accent-color:var(--ink);width:16px;height:16px;margin:2px 0 0;flex:none}
.form__msg{font:400 14px/20px var(--text)}
.form__msg:empty{display:none}
.form__about{font:400 14px/20px var(--text);color:var(--grey)}
.form__about b{display:block;margin-top:2px;font-weight:500;color:var(--ink)}
.cta--form{align-items:start}
.cta__form{padding-block:40px;max-width:560px}
.band--night .field select,.band--deep .field select,.band--terra .field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='white' stroke-width='1.2'/%3E%3C/svg%3E")}
.field option,.field optgroup{color:#1C1F4A;background:#fff}
.clp__form{justify-self:stretch;margin-top:6px}
.clp__more{font:500 15px/22px var(--text);color:#1C1F4A}
@media (max-width:860px){.cta__form{padding-block:0 24px}}

/* accordion (smooth open where the browser supports it) */
.acc{border-top:1px solid var(--line)}
.acc details{border-bottom:1px solid var(--line)}
.acc details::details-content{height:0;overflow:clip;transition:height .5s var(--ease),content-visibility .5s allow-discrete}
.acc details[open]::details-content{height:auto}
.acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:22px;cursor:pointer;font:400 16px/24px var(--text)}
.acc summary::-webkit-details-marker{display:none}
.acc summary:hover .circ-s{border-color:var(--ink)}
.acc details[open] .circ-s{transform:rotate(45deg)}
.acc details p{color:var(--grey);font:400 14px/20px var(--text);padding-bottom:22px;max-width:40em}

/* feature (news) */
.feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding:0 var(--g) clamp(56px,6vw,88px);background:var(--bg)}
.feat .frame{aspect-ratio:660/440}
.feat__text{display:flex;flex-direction:column;gap:20px;min-width:0}
@media (max-width:860px){.feat{grid-template-columns:minmax(0,1fr)}}

/* search */
.sbox{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;border-bottom:1px solid var(--ink);padding-bottom:12px}
.sbox input{font:600 clamp(26px,2.38vw,34.2px)/1.26 var(--display);letter-spacing:-.006em;border:0;background:transparent;padding:0;width:100%;color:var(--ink);min-width:0}
.sbox input:focus{outline:none}
.sbox input::placeholder{color:#a6a6a6}
.suggest{display:grid;gap:12px;justify-items:start}
.suggest a{font:400 19px/30px var(--text)}

/* footer */
.foot{background:var(--flood);color:var(--flood-on);padding:clamp(28px,3vw,40px) var(--g) clamp(40px,5vw,72px)}
.foot__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.foot__h{font:500 16px/24px var(--text);letter-spacing:.025em;margin-bottom:12px}
.foot__cols ul{display:grid;gap:10px}
.foot__cols a{font:400 15px/20px var(--text);letter-spacing:.02em;text-transform:uppercase}
.foot__cols a:hover{text-decoration:underline;text-underline-offset:4px}
.foot__note{font:400 14px/20px var(--text);max-width:22em;text-wrap:balance}
.foot__mark{display:block;margin-top:clamp(80px,10vw,140px)}
.foot__mark svg{display:block;width:100%;height:auto;overflow:visible}
.js .foot__mark:not(.is-in) .wm-dot{opacity:0;translate:0 -260%}
.foot__mark.is-in .wm-dot{animation:dotdrop 1.1s cubic-bezier(.3,1.2,.4,1) both}
@keyframes dotdrop{0%{opacity:0;translate:0 -260%;scale:1 1}30%{opacity:1}60%{translate:0 0;scale:1.18 .8}78%{translate:0 -22%;scale:.94 1.06}100%{translate:0 0;scale:1 1}}
.foot__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:22px;font:400 14px/20px var(--text);letter-spacing:.012em}
.foot__legal nav{display:flex;gap:20px}
.foot__legal a:hover{text-decoration:underline;text-underline-offset:4px}
@media (max-width:860px){.foot__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}}

/* review notice (from the brief) */
.notice{position:fixed;right:var(--g);bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:60;max-width:560px;background:#14162F;color:#fff;padding:16px 16px 16px 18px;display:flex;align-items:center;gap:20px;font:400 14px/20px var(--text);letter-spacing:.012em}
.notice .btn{min-height:40px;padding:8px 16px;font-size:14px;color:#fff;border-color:#fff}
.notice .btn:hover{background:#fff;color:#14162F}
@media (max-width:560px){.notice{left:var(--g);right:var(--g)}}
.notice{transition:opacity .25s var(--ease-dd),visibility 0s}
.notice.is-away{opacity:0;visibility:hidden;transition:opacity .25s var(--ease-dd),visibility 0s .25s}

.page-in{animation:pagein .45s var(--ease-dd) both}
/* Studio preview: every editable piece is outlined; the picked one is lit */
[data-st-size="s"]{font-size:.82em}[data-st-size="l"]{font-size:1.25em}[data-st-size="xl"]{font-size:1.6em;line-height:1.1}
[data-st-tone="ink"]{color:#1C1F4A}[data-st-tone="grey"]{color:#646464}[data-st-tone="terra"]{color:#b4613c}[data-st-tone="brown"]{color:#3a1d10}
[data-st-tone="blue"]{color:#2850b8}[data-st-tone="red"]{color:#c4371f}[data-st-tone="green"]{color:#2f7d4f}[data-st-tone="white"]{color:#fff}
[data-st-bold="1"]{font-weight:600}[data-st-mark="1"]{background:#FF7A3D;color:#1C1F4A;padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.is-editing .is-hidden-sec{opacity:.4;outline:2px dashed #c4371f;outline-offset:-2px}
.is-editing img[data-slot]{cursor:pointer}
.is-editing img[data-slot]:hover{outline:3px solid #2850b8;outline-offset:-3px}
.is-editing img[data-slot].is-sel{outline:3px solid #2850b8;outline-offset:-3px}
.is-editing [data-edit]{outline:2px dotted rgba(180,97,60,.75);outline-offset:4px;cursor:pointer}
.is-editing [data-edit]:hover{outline:2px solid #b4613c}
.is-editing .art[data-edit],.is-editing .st[data-edit],.is-editing .rail__card[data-edit],.is-editing .rcov[data-edit],.is-editing .icard[data-edit]{position:relative}
.is-editing [data-edit]::after{content:attr(data-edit-label) ' \2192';position:absolute;top:12px;right:12px;z-index:6;padding:6px 11px;border-radius:999px;background:#b4613c;color:#fff;font:600 12px/1 var(--text);letter-spacing:.01em;opacity:0;transition:opacity .15s;pointer-events:none;white-space:nowrap}
.is-editing [data-edit]:hover::after{opacity:1}
.is-editing [data-slot]{outline:1px dashed transparent;outline-offset:3px;border-radius:2px;cursor:text}
.is-editing [data-slot]:hover{outline:2px solid #2850b8;background:rgba(40,80,184,.07)}
.is-editing [data-slot].is-sel{outline:2px solid #2850b8;background:rgba(255,240,77,.55);color:#1C1F4A}
@keyframes pagein{from{opacity:.001}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .ow:not(.is-in) .ow__t,.js .ow:not(.is-in) .ow__rest,.js .ow:not(.is-in) .ow__img img{opacity:1;filter:none;translate:none;scale:none}
  .js .foot__mark:not(.is-in) .wm-dot{opacity:1;translate:none}
  .js .goals:not(.is-in) .grow__title,.js .goals:not(.is-in) .grow__track,.js .goals:not(.is-in) .grow__goal{opacity:1;filter:none;translate:none}
}
/* ===================== immersive motion (GSAP layer, see initMotion) ===================== */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.hl-line{position:relative}
.hl-bar{position:absolute;top:-.06em;bottom:-.1em;left:-.06em;right:-.06em;pointer-events:none}
.mo-num{font-variant-numeric:tabular-nums}
.pgc{position:fixed;inset:0;z-index:190;display:grid;place-items:center;background:#1C1F4A;visibility:hidden;pointer-events:none;will-change:transform}
.pgc img{width:clamp(64px,6vw,88px);height:auto}

/* ===================== 2026 redesign: the Future Ready Schools design system, site-wide (27 Oct 2026) =====================
   THE COLOUR FORMULA. Every surface is light or deep, never in between, and its text follows:
   - light (white, warm white #FFF7EF, the pale tints): headings #14162F, body #3E4160, captions #646884, orange text #C2410C;
   - deep (night #1C1F4A, deep orange #C2410C, the deep shades): white text, sunflower #FFC83D for small highlights;
   - the bright mid-tones (orange #FF7A3D, sky, pink, leaf, sunflower) are for small things only: buttons, dots, bars,
     chips, icons and single big letters. A card that carries text uses its colour's tint or its deep shade.
   Proportion 60-30-10: white and warm white, night indigo, bright accents. Meaning: indigo trust, orange the action,
   sunflower hope, sky safety, leaf growth, pink care. Every pairing passes WCAG AA (4.5:1 text, 3:1 large). */
   One night-indigo anchor, one orange action (indigo text on it, 6:1), warm white sections, bold Inter Tight headings,
   rounded cards. Colour has a meaning: each outcome keeps its own colour everywhere. This layer sits last so it wins. */
body{color:var(--text-c)}
.t-title{font:600 clamp(34px,3.9vw,56px)/1.04 var(--display);letter-spacing:-.03em;color:var(--ink)}
.t-h2{font:600 clamp(26px,2.7vw,38px)/1.12 var(--display);letter-spacing:-.025em;color:var(--ink)}
.t-h2s{font:600 clamp(22px,2vw,28px)/1.15 var(--display);letter-spacing:-.02em}
.t-h3{font:600 22px/1.2 var(--display);letter-spacing:-.015em}
.t-lead{color:var(--text-c)}
.t-eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 13px/1 var(--text);letter-spacing:.12em;color:var(--orange-t)}
.t-eyebrow::before{content:"";width:22px;height:3px;border-radius:2px;background:currentColor;flex:none}
.band--night .t-eyebrow{color:var(--sun)}
.band--deep .t-eyebrow{color:#fff}
.band--tint .t-eyebrow,.band--quote .t-eyebrow{color:var(--ink)}
.th-ccio .band--night .t-eyebrow{color:#e0d0bf}
.rail__h{font-weight:600;letter-spacing:-.02em}
/* buttons: one orange action; the rest are line buttons */
.pill{background:var(--orange);color:var(--night);font-weight:600;box-shadow:0 10px 26px rgba(255,122,61,.3)}
.pill--lemon{background:var(--orange);color:var(--night)}
.pill:not(.pill--lemon):not(.pill--ghost){background:var(--night);color:#fff;box-shadow:none}
.band--night .pill:not(.pill--ghost),.band--deep .pill:not(.pill--ghost){background:var(--orange);color:var(--night);box-shadow:0 10px 26px rgba(255,122,61,.3)}
.btn{border-radius:999px;border-width:2px;font-weight:600;padding-inline:24px}
.btn:hover{background:var(--night);border-color:var(--night);color:#fff}
.ul{text-decoration-color:currentColor}
/* images and cards: rounded */
.frame{border-radius:24px}
.rail__img{border-radius:24px}
.art{background:var(--warm)}
.art:hover{background:#F6E9DC}
/* header: night indigo on every page; over a photo it stays clear */
.pbar{background:#12143A}
.bar{background:var(--night);color:#fff}
.bar.is-over{background:none}
.bar__logo .isac-lock path{fill:#fff}
.nav__pill{background:rgba(255,255,255,.1)}
.nav__pill > a,.nav__pill > button{color:#fff}
.nav__pill > a:hover,.nav__pill > button:hover,.nav__pill > button[aria-expanded="true"]{background:rgba(255,255,255,.14)}
.nav__pill > a[aria-current="page"],.nav__pill > button.is-current{background:#fff;color:var(--night)}
.nav .nav__search{box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);color:#fff}
.nav .nav__search:hover,.nav .nav__search[aria-expanded="true"]{background:rgba(255,255,255,.14)}
.menu-btn{color:#fff;font-weight:600}
/* on phones and tablets Donate stays in view next to Menu (live hid it inside the menu) */
.bar__m{display:none;align-items:center;gap:14px}
@media (max-width:1280px){.bar__m{display:inline-flex}.bar__m .donate{min-height:40px;padding:8px 14px 8px 12px;font-size:15px}}
@media (max-width:420px){.bar__m{gap:10px}.bar__m .donate{padding:8px 12px 8px 10px;font-size:14px}}
.nav a.donate,.donate{background:var(--sun);color:var(--night);font-weight:600;border-radius:999px;padding-inline:16px 20px}
.nav a.donate:hover,.donate:hover,.donate:focus-visible{background:#FFD55E}
.donate__ic{color:var(--night);filter:none}
.float{background:var(--night);border-bottom:0}
.sheet{background:var(--night);color:#fff}
.sheet__top .isac-lock path{fill:#fff}
.sheet nav a{font-weight:600;letter-spacing:-.02em}
.sheet nav a.sheet__donate{justify-self:start;background:var(--sun);color:var(--night);border-radius:999px}
/* sections and bands */
.sec{padding:clamp(56px,7vw,112px) var(--g)}
.band--paper{--band:var(--warm)}
.band--night{--band:var(--night)}
.band--terra{--band:var(--warm);--ink:var(--ink);--grey:var(--grey);--line:var(--line);--line-2:var(--line-2);--soft:#fff;color:var(--text-c)}
.band--terra .pill{background:var(--night);color:#fff}
/* Home: the promise on night indigo */
.hm-hero{--hm-sky:#3DA5FF;--hm-leaf:#2EC27E;position:relative;overflow:hidden;background:var(--night);color:#fff;padding:clamp(24px,4vw,56px) var(--g) clamp(56px,7vw,96px)}
.hm-hero::before{content:"";position:absolute;width:1000px;height:1000px;right:-300px;top:-380px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,61,.32),rgba(255,122,61,0) 65%);pointer-events:none}
.hm-hero::after{content:"";position:absolute;width:700px;height:700px;left:-320px;bottom:-420px;border-radius:50%;background:radial-gradient(circle,rgba(61,165,255,.22),rgba(61,165,255,0) 65%);pointer-events:none}
.hm-hero__g{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;max-width:1440px;margin:0 auto}
.hm-h1{font:600 clamp(40px,4.7vw,74px)/.98 var(--display);letter-spacing:-.035em}
.hm-h1 span{display:block;color:var(--c)}
.hm-lead{margin:28px 0 36px;max-width:30em;font:400 clamp(18px,1.5vw,22px)/1.5 var(--text);color:rgba(255,255,255,.82)}
.hm-btns{gap:14px}
.hm-line{color:#fff;border-color:#fff}
.hm-line:hover{background:#fff;color:var(--night);border-color:#fff}
.hm-mosaic{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 1fr;gap:14px;height:clamp(380px,38vw,540px)}
.hm-ph{margin:0;overflow:hidden;border-radius:28px}
.hm-ph img{width:100%;height:100%;object-fit:cover}
.hm-ph--a{grid-row:1/3;border-radius:200px 200px 28px 28px}
.hm-ph--b{border-radius:28px 120px 28px 28px}
.hm-ctl{margin:clamp(48px,6vw,80px) var(--g) 0;border-top:0;padding-top:0}
.hm-rail{margin-bottom:0}
.hm-rail .rail__img::after{scale:1 1;height:8px}
.rail__tag{opacity:1;translate:0 0}
.circ{border-radius:50%}
.goals .st{border-radius:28px}
.h-heart .heart{color:#FF6B8B}
@media (max-width:860px){.hm-hero__g{grid-template-columns:minmax(0,1fr);gap:40px}.hm-mosaic{height:360px}}
/* outcome, project and course heroes: night indigo with the photo in an arch on the right (was a full-bleed photo) */
.ohero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,4vw,64px);align-items:center;min-height:0;padding:calc(var(--bar) + clamp(24px,3vw,48px)) var(--g) clamp(56px,7vw,96px);background:var(--night);color:#fff}
.ohero::before{inset:auto;width:1000px;height:1000px;right:-300px;top:-380px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,61,.3),rgba(255,122,61,0) 65%)}
.ohero::after{content:"";position:absolute;z-index:-2;width:700px;height:700px;left:-320px;bottom:-420px;border-radius:50%;background:radial-gradient(circle,rgba(61,165,255,.2),rgba(61,165,255,0) 65%)}
.ohero > img{position:relative;inset:auto;z-index:0;grid-column:2;grid-row:1;width:100%;height:clamp(400px,40vw,580px);border-radius:clamp(160px,16vw,240px) clamp(160px,16vw,240px) 28px 28px}
.ohero__in{grid-column:1;grid-row:1}
.ohero .t-title,.ohero__in h1{color:#fff}
.oh2__p{color:rgba(255,255,255,.88);font-weight:400}
.oh2__n{color:var(--sun)}
.oh2--v .ohero__in{grid-template-columns:minmax(0,1fr)}
.oh2--v .vbox{position:absolute;z-index:1;right:calc(var(--g) - 12px);bottom:clamp(28px,4vw,64px);width:min(300px,24vw)}
.oh2--v .vbox__play{border:4px solid #fff}
.oh2--v .vbox__btn{width:56px;height:56px}
.oh2--v .vbox__cap{display:none}
@media (max-width:900px){
  .ohero{grid-template-columns:minmax(0,1fr)}
  .ohero > img{grid-column:1;grid-row:2;height:380px}
  .oh2--v .vbox{position:relative;right:auto;bottom:auto;width:100%;max-width:420px}
}
/* the arched photo with white cards floating on it (from the Future Ready Schools hero), for any page's hero */
.arch{position:relative;align-self:stretch;min-height:clamp(420px,40vw,560px)}
.arch > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:clamp(160px,16vw,240px) clamp(160px,16vw,240px) 28px 28px}
.arch__chip{position:absolute;z-index:1;display:flex;align-items:center;gap:12px;max-width:290px;padding:14px 18px;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 20px 50px rgba(0,0,0,.28);font:500 14px/1.3 var(--text)}
.arch__chip b{flex:none;font:700 clamp(24px,2.2vw,32px)/1 var(--display);letter-spacing:-.03em;color:var(--c)}
.arch__chip--1{left:-36px;bottom:22%}
.arch__chip--2{right:-18px;top:16%}
.arch__chip--3{left:12%;bottom:-22px}
@media (prefers-reduced-motion:no-preference){.arch__chip--1{animation:psFloat 6s ease-in-out infinite}.arch__chip--2{animation:psFloat 7s ease-in-out -2s infinite}.arch__chip--3{animation:psFloat 8s ease-in-out -4s infinite}}
@media (max-width:860px){.arch{min-height:400px;margin-inline:calc(var(--g) * -.25)}.arch__chip{max-width:240px;padding:12px 14px}.arch__chip--1{left:0}.arch__chip--2{right:0}.arch__chip--3{left:8%}}
/* an outcome's problem: the text beside an arched photo from one of its projects */
.ocp2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:center}
.ocp2__tx{display:grid;gap:clamp(20px,2.4vw,32px)}
.ocp2 .ocp__lead{font:600 clamp(20px,1.8vw,26px)/1.35 var(--display);letter-spacing:-.012em;color:var(--ink)}
.arch--sm{min-height:clamp(380px,34vw,500px)}
.arch__chip .arch__k{display:block;margin-bottom:6px;font:600 11px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--orange-t)}
.ocp__tags li{background:#fff}
@media (max-width:900px){.ocp2{grid-template-columns:minmax(0,1fr)}}
/* Global Registries */
.gi2__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center}
.gi2--flip .gi2__plate{order:2}
.gi2__plate{display:grid;place-items:center;aspect-ratio:4/5;max-height:560px;padding:14%;border-radius:clamp(160px,16vw,240px) clamp(160px,16vw,240px) 28px 28px;background:var(--plate);transition:transform .5s var(--ease)}
.gi2__plate:hover{transform:translateY(-6px)}
.gi2__plate img{width:100%;height:auto;max-height:100%;object-fit:contain}
.gi2__tx{display:grid;gap:18px;align-content:center}
.gi2__n{font-variant-numeric:tabular-nums}
.gi2__lead{font:400 clamp(17px,1.4vw,20px)/1.6 var(--text);color:var(--text-c);max-width:36em}
.gi2__rel{padding:20px 22px;border-radius:20px;background:var(--warm);font:400 15px/1.55 var(--text)}
.gi2__k{margin-bottom:6px;font:600 11px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--orange-t)}
.gi2 .ladder{margin-top:clamp(40px,5vw,72px)}
.gi2-chip__mk{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--warm)}
.gi2-chip__mk img{width:34px;height:34px;object-fit:contain}
.gi2-close{padding-block:clamp(56px,7vw,104px)}
.gi2-close__q{max-width:30em;margin:0 auto;padding:clamp(32px,4vw,56px);border-radius:28px;background:var(--night);color:#fff;font:600 clamp(22px,2.4vw,34px)/1.25 var(--display);letter-spacing:-.02em;text-align:center}
@media (max-width:900px){.gi2__grid{grid-template-columns:minmax(0,1fr)}.gi2--flip .gi2__plate{order:0}.gi2__plate{max-width:420px;width:100%;margin:0 auto}}
/* About */
.ab2-hero .t-eyebrow{color:var(--sun)}
.ab2-hero{padding-bottom:clamp(72px,8vw,112px)}
.ab2-h1{margin-top:18px;font:600 clamp(36px,4vw,60px)/1.02 var(--display);letter-spacing:-.03em;color:#fff;max-width:13em}
.ab2-vals{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.ab2-vals li{padding:7px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);color:rgba(255,255,255,.9);font:500 14px/1 var(--text)}
.ab2-hero .hm-lead{margin-bottom:22px}
.ab2-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:clamp(26px,3vw,44px);border-radius:28px;background:var(--c)}
.ab2-card::after{content:"";position:absolute;right:-60px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.35);pointer-events:none}
.ab2-card .t-eyebrow{color:var(--ink)}
.ab2-card--line{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.ab2-card--line::after{display:none}
.ab2-card--line .t-eyebrow{color:var(--orange-t)}
.ab2-vm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ab2-vm__h{font:600 clamp(24px,2.4vw,34px)/1.12 var(--display);letter-spacing:-.02em;color:var(--ink)}
.ab2-vm__p{position:relative;z-index:1;font:400 16px/1.6 var(--text);color:var(--text-c)}
.ab2-name{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:clamp(36px,4vw,56px)}
.ab2-name span{display:flex;flex-direction:column;gap:6px}
.ab2-name b{display:grid;place-items:center;aspect-ratio:1;max-width:150px;border-radius:50%;background:var(--c);color:var(--night);font:700 clamp(56px,7vw,104px)/1 var(--display)}
.ab2-name span:nth-child(2) b{border-radius:50% 50% 28px 28px}
.ab2-name span:nth-child(3) b{border-radius:28px}
.ab2-name span:nth-child(4) b{border-radius:50% 50% 50% 28px}
.ab2-name i{font:600 15px/1.3 var(--text);font-style:normal;color:var(--ink)}
.ab2-why{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);margin-bottom:clamp(48px,5vw,72px)}
.ab2-why__k{font:600 clamp(22px,2.2vw,30px)/1.25 var(--display);letter-spacing:-.015em;color:var(--ink)}
.ab2-why__b{display:grid;gap:14px;font:400 16px/1.6 var(--text)}
.ab2-sub{margin-bottom:18px;font:600 13px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}
.ab2-pr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:none}
.ab2-pr__c{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;min-height:300px;padding:28px;border-radius:28px;background:var(--c)}
.ab2-pr__n{font:600 13px/1 var(--text);color:var(--ink);opacity:.7}
.ab2-pr__s{font:600 clamp(20px,1.8vw,26px)/1.2 var(--display);letter-spacing:-.015em;color:var(--ink)}
.ab2-pr__s em{font-style:normal;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
.ab2-pr__c h3{margin-top:auto;font:600 17px/1.3 var(--text);color:var(--ink)}
.ab2-pr__p{font:400 15px/1.55 var(--text);color:var(--text-c)}
.ab2-belief{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:clamp(28px,3.4vw,48px);border-radius:28px;background:var(--night);color:#fff;font:600 clamp(22px,2.4vw,34px)/1.2 var(--display);letter-spacing:-.02em}
.ab2-belief span{font:600 13px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--sun)}
.ab2-story{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,80px)}
.ab2-story__head{display:grid;gap:12px;align-content:start;position:sticky;top:calc(var(--float) + 24px)}
.ab2-tl{position:relative;display:grid;gap:clamp(28px,3vw,44px)}
.ab2-tl::before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:var(--line)}
.ab2-tl li{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding-left:44px}
.ab2-tl li::before{content:"";position:absolute;left:0;top:4px;width:24px;height:24px;border-radius:50%;background:var(--c);box-shadow:0 0 0 6px #fff}
.ab2-tl__y{font:700 clamp(22px,2vw,30px)/1 var(--display);letter-spacing:-.03em;color:var(--ink)}
.ab2-tl h3{margin-bottom:6px;font:600 20px/1.25 var(--display);color:var(--ink)}
.ab2-q{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:center;margin:0}
.ab2-q__ph{position:relative;aspect-ratio:4/5;max-height:560px}
.ab2-q__ph img{width:100%;height:100%;object-fit:cover;border-radius:220px 220px 28px 28px}
.ab2-q__tx{display:grid;gap:18px;color:#fff}
.ab2-q__mark{font:700 120px/.6 var(--display);color:var(--sun);height:56px}
.ab2-q__q{margin:0;font:600 clamp(28px,3.2vw,46px)/1.15 var(--display);letter-spacing:-.025em;color:#fff}
.ab2-q__by{display:grid;gap:4px}
.ab2-q__by b{font:600 17px/1.3 var(--text)}
.ab2-q__by span{color:rgba(255,255,255,.85)}
.ab2-lede{max-width:40em;margin-top:6px}
.ab2-reg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ab2-reg__h{font:600 clamp(22px,2vw,28px)/1.15 var(--display);letter-spacing:-.02em;color:var(--ink)}
.ab2-reg__facts{display:grid;gap:0;margin-top:auto;border-top:1px solid var(--line)}
.ab2-reg__facts div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font:400 15px/1.4 var(--text)}
.ab2-reg__facts dt{color:var(--grey)}
.ab2-reg__facts dd{margin:0;font-weight:600;color:var(--ink);text-align:right}
#about-contact .t-h2{color:inherit}
@media (max-width:860px){
  .ab2-vm,.ab2-why,.ab2-pr,.ab2-story,.ab2-q,.ab2-reg{grid-template-columns:minmax(0,1fr)}
  .ab2-name{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab2-story__head{position:static}
  .ab2-tl li{grid-template-columns:minmax(0,1fr);gap:6px}
  .ab2-q__ph{max-width:420px}
}
/* footer: night indigo, white wordmark, headings in sunflower */
.foot{background:var(--night);color:rgba(255,255,255,.78)}
.foot__h{color:var(--sun);font:600 13px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}
.foot__cols a{text-transform:none;letter-spacing:0;font-size:15px;color:rgba(255,255,255,.82)}
.foot__cols a:hover{color:#fff}
.foot__colo{border-top-color:rgba(255,255,255,.16)}
.foot .colo{color:rgba(255,255,255,.75);font-size:13px;line-height:1.45}
.foot .colo__h{color:#fff}
.foot__mark{color:#fff}
.foot__legal{border-top:1px solid rgba(255,255,255,.16);padding-top:22px}

/* club and chapter header (27 Oct 2026): night card, arch photo, facts as floating cards */
.cl2{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,4vw,64px);align-items:center;margin-top:clamp(20px,2.4vw,32px);padding:clamp(28px,4vw,64px);border-radius:clamp(24px,2.6vw,36px);background:var(--night);color:#fff}
.cl2::before{content:"";position:absolute;width:800px;height:800px;right:-260px;top:-360px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,61,.3),rgba(255,122,61,0) 65%);pointer-events:none}
.cl2::after{content:"";position:absolute;width:600px;height:600px;left:-280px;bottom:-380px;border-radius:50%;background:radial-gradient(circle,rgba(61,165,255,.2),rgba(61,165,255,0) 65%);pointer-events:none}
.cl2 > *{position:relative;z-index:1}
.cl2__k{display:inline-flex;align-items:center;gap:8px;font:600 12px/16px var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--sun)}
.cl2__k .pi{width:17px;height:17px}
.cl2__h{margin-top:16px;font:600 clamp(34px,3.9vw,56px)/1.02 var(--display);letter-spacing:-.03em;color:#fff;text-wrap:balance}
.cl2__s{margin-top:18px;max-width:32em;font:400 clamp(17px,1.4vw,20px)/1.5 var(--text);color:rgba(255,255,255,.82)}
.cl2__s a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.cl2__f{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px 24px;margin:24px 0 0}
.cl2__f div{padding-top:12px;border-top:1px solid rgba(255,255,255,.2)}
.cl2__f dt{font:600 11px/14px var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--sun)}
.cl2__f dd{margin:4px 0 0;font:400 16px/1.4 var(--text);color:#fff}
.cl2 .btns{margin-top:28px}
.cl2__arch{min-height:clamp(360px,32vw,480px)}
.cl2__arch .arch__chip{max-width:250px}
.cl2__arch .arch__chip--1{left:-24px}
.cl2__arch .arch__chip--2{right:-12px}
@media (max-width:900px){.cl2{grid-template-columns:minmax(0,1fr)}.cl2__arch .arch__chip--1{left:0}.cl2__arch .arch__chip--2{right:0}}
/* chapter blocks on the colour formula: committee cards on a pale tint, the bright shade only on the icon tile */
.cmt__c{background:color-mix(in srgb,var(--l) 50%,#fff);color:var(--ink)}
.cmt__h{font-weight:600;color:var(--ink)}
.cmt__n,.cmt__lead span:not(.cmt__mono){color:var(--text-c);opacity:1}
.cmt__l li{background:#fff}
.adv__s{color:rgba(255,255,255,.75)}
.adv__k{color:var(--orange)}
.chp:hover{background:var(--night-2)}
.chp__k,.chp__n{color:rgba(255,255,255,.75)}

/* a certification's hero (27 Oct 2026): night, the cover in an arch, sessions and prerequisite as floating cards */
.crh3 .t-eyebrow{margin-top:18px;color:var(--sun)}
.crh3__crumb{display:flex;flex-wrap:wrap;gap:8px;font:400 14px/20px var(--text);color:rgba(255,255,255,.72)}
.crh3__crumb a{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.crh3__crumb a:hover{color:#fff}
.crh3__by{margin:-14px 0 28px;font:400 15px/22px var(--text);color:rgba(255,255,255,.72)}
.crh3__by a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.crh3__arch > img{background:#FFF7EF}
a.arch__chip:hover{box-shadow:0 20px 50px rgba(0,0,0,.4)}
.crh3__v{min-width:0}

/* a certification page's colours (27 Oct 2026): warm, white, night and warm again, with the colour on the audience
   cards only, each its own pale tint, so the outcome's colour does not flood the page */
#cr-about .crb__you{background:#fff;border-left:4px solid var(--orange);border-radius:0 24px 24px 0}
#cr-about .t-eyebrow{color:var(--orange-t)}
.crw__c{background:var(--t,#FFF7EF)}
.crw__note{background:#fff;box-shadow:inset 0 0 0 1px #E3E4EB}
.crw__note .stb__tick,.cri__ic{color:#fff}
.crw__note .stb__tick{background:var(--orange-t);border-radius:50%;padding:2px}
.cri__ic{background:var(--orange-t)}
#cr-curriculum .crs__t{color:#fff}
#cr-curriculum .crs__k,#cr-curriculum .crs__p,#cr-curriculum .ocx__sub,#cr-curriculum .t-intro{color:rgba(255,255,255,.75)}
#cr-curriculum .crs__n{border-color:var(--sun);color:#fff}
#cr-curriculum .circ-s{border-color:rgba(255,255,255,.4);color:#fff}
#cr-curriculum .crs__s summary:hover .circ-s{border-color:#fff}
#cr-fees .crk__tag{background:#FFE7DA;color:var(--ink)}

/* photo cutouts (27 Oct 2026; docs/PHOTO-CUTOUTS.md): .cut is the frame, the img inside takes the shape */
.cut-defs{position:absolute;width:0;height:0;overflow:hidden}
.cut{position:relative;margin:0;align-self:stretch;min-height:clamp(380px,34vw,500px)}
.cut > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cut--md{min-height:clamp(380px,34vw,500px)}
.cut--arch > img{border-radius:clamp(160px,16vw,240px) clamp(160px,16vw,240px) 28px 28px}
.cut--leaf > img{border-radius:clamp(140px,14vw,220px) 24px clamp(140px,14vw,220px) 24px}
.cut--quarter > img{border-radius:clamp(240px,26vw,420px) 24px 24px 24px}
.cut--blob > img{border-radius:62% 38% 46% 54% / 55% 45% 55% 45%}
@media (prefers-reduced-motion:no-preference){.cut--blob > img{animation:cutMorph 12s ease-in-out infinite}}
@keyframes cutMorph{50%{border-radius:42% 58% 60% 40% / 45% 58% 42% 55%}}
.cut--shield > img{clip-path:url(#cut-shield)}
.cut--keyhole > img{clip-path:url(#cut-keyhole)}
.cut--wave > img{clip-path:url(#cut-wave)}
.cut--twin > img{clip-path:url(#cut-twin)}
.cut--skyline > img{clip-path:url(#cut-skyline)}
.cut--petals > img{clip-path:url(#cut-petals)}
.cut--honeycomb > img{clip-path:url(#cut-honeycomb)}
.cut--corners > img{clip-path:polygon(18% 0,100% 0,100% 82%,82% 100%,0 100%,0 18%)}
.cut--steps > img{clip-path:polygon(0 34%,33% 34%,33% 17%,66% 17%,66% 0,100% 0,100% 100%,0 100%);border-radius:0 0 28px 28px}
.cut--ticket > img{border-radius:24px;-webkit-mask:radial-gradient(circle 22px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 22px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 22px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 22px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat}
.cut--sunrise::before{content:"";position:absolute;width:38%;aspect-ratio:1;border-radius:50%;background:var(--sun);right:-4%;top:-3%}
.cut--sunrise > img{inset:9% 0 0;height:91%;clip-path:url(#cut-sunrise)}
.cut--sunrise::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:12px;border-radius:0 0 12px 12px;background:var(--orange)}
.cut--orbit::before{content:"";position:absolute;inset:0;margin:auto;aspect-ratio:1;max-width:100%;max-height:100%;border-radius:50%;border:2px dashed rgba(255,200,61,.75)}
.cut--orbit > img{inset:0;margin:auto;width:auto;height:88%;aspect-ratio:1;border-radius:50%}
@media (prefers-reduced-motion:no-preference){.cut--orbit::before{animation:cutSpin 40s linear infinite}}
@keyframes cutSpin{to{rotate:360deg}}
.cut--frame::before{content:"";position:absolute;inset:0 0 0 0;translate:20px 20px;border-radius:clamp(160px,16vw,240px) clamp(160px,16vw,240px) 28px 28px;border:2px solid var(--orange)}
.cut--frame > img{border-radius:clamp(160px,16vw,240px) clamp(160px,16vw,240px) 28px 28px}
.cut--stack::before,.cut--stack::after{content:"";position:absolute;inset:0;border-radius:28px;box-shadow:0 24px 50px rgba(0,0,0,.2)}
.cut--stack::before{rotate:-6deg;translate:-18px 6px;background:var(--sky,#3DA5FF)}
.cut--stack::after{rotate:4deg;translate:16px 0;background:#FF6B8B}
.cut--stack > img{z-index:1;border-radius:28px;box-shadow:0 24px 50px rgba(0,0,0,.25)}
.cut .arch__chip{z-index:2}
@media (max-width:860px){.cut{min-height:380px}.cut--frame::before{translate:12px 12px}}

/* NSD certifications (27 Oct 2026): fee cards, the currency switch, the Hacked911 panel, tracks and the overview */
.cur{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #E3E4EB;flex:none}
.cur button{padding:8px 14px;border:0;border-radius:999px;background:none;font:600 13px/16px var(--text);color:var(--text-c);cursor:pointer}
.cur button:hover{background:#FFF7EF}
.cur button[aria-pressed="true"]{background:var(--night);color:#fff}
.cfee__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:clamp(20px,2.4vw,32px)}
.cfee__head > *{margin-bottom:0}
.cfee .crk__n{white-space:nowrap}
.cfee .crk__n{color:var(--ink)}
.crk__n .px{font:inherit;letter-spacing:inherit;color:inherit}
.px__t{font:400 clamp(15px,1.2vw,18px)/1.2 var(--text);letter-spacing:0;color:var(--text-c)}
.cfee__note{margin-top:16px;font:400 14px/20px var(--text);color:var(--grey)}
.h911{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:center;margin-top:clamp(28px,3vw,44px);padding:clamp(24px,3vw,40px);border-radius:28px;background:var(--night);color:#fff}
.h911 .t-eyebrow{color:var(--sun)}
.h911__h{margin:10px 0 12px;font:600 clamp(24px,2.2vw,32px)/1.1 var(--display);letter-spacing:-.02em;color:#fff}
.h911__tx p:last-child{font:400 16px/1.55 var(--text);color:rgba(255,255,255,.82)}
.h911__l{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.h911__l li{display:grid;gap:2px;padding:16px 20px;border-radius:20px;background:#fff;color:var(--ink)}
.h911__l b{font:600 17px/1.2 var(--display)}
.h911__l li > span{font:400 14px/20px var(--text);color:var(--text-c)}
.h911__p{margin-top:6px;font:700 26px/1 var(--display);letter-spacing:-.02em}
.h911__p .px__t{font-size:14px}
html.cur-intl .px__t{display:none}   /* euro and dollar prices include taxes and stand alone: no "excl. taxes", no "a year" (29 Oct 2026) */
@media (max-width:860px){.h911{grid-template-columns:minmax(0,1fr)}}
.crt{list-style:none;margin:0;padding:0;display:grid}
.crt__r{display:grid;grid-template-columns:minmax(0,15em) minmax(0,1fr);gap:8px 20px;align-items:center;padding:14px 0;border-top:1px solid #E3E4EB}
.crt__n{font:600 16px/1.3 var(--display);color:var(--ink)}
.crt__s{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.crt__s li{display:flex;align-items:center;gap:6px}
.crt__s li + li::before{content:"→";color:var(--grey)}
.crt__s a{display:inline-block;padding:6px 12px;border-radius:999px;background:#FFF7EF;box-shadow:inset 0 0 0 1px #E3E4EB;font:600 13px/16px var(--text);color:var(--ink)}
.crt__s a:hover{background:#fff;box-shadow:inset 0 0 0 1.5px var(--night)}
.crt__s a[aria-current]{background:var(--orange);box-shadow:none;color:var(--night)}
.band--night .crt__r{border-top-color:rgba(255,255,255,.16)}
.band--night .crt__n{color:#fff}
.band--night .crt__s li + li::before{color:rgba(255,255,255,.6)}
.band--night .crt__s a{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);color:#fff}
.band--night .crt__s a:hover{background:#fff;color:var(--night)}
@media (max-width:700px){.crt__r{grid-template-columns:minmax(0,1fr)}}
.ce-hero .t-eyebrow{color:var(--sun)}
.ce-fees{padding-bottom:0}
.ceg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:clamp(12px,1.4vw,20px)}
.cec{display:grid;align-content:start;gap:6px;height:100%;padding:clamp(20px,2vw,26px);border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #E3E4EB;color:var(--ink);transition:translate .3s var(--ease-dd),box-shadow .3s var(--ease-dd)}
.cec:hover{translate:0 -3px;box-shadow:inset 0 0 0 1px #d6d1c6,0 16px 30px -22px rgba(17,17,17,.45)}
.cec__code{justify-self:start;padding:4px 10px;border-radius:999px;background:var(--night);color:#fff;font:600 12px/16px var(--text);letter-spacing:.06em}
.cec__n{margin-top:8px;font:600 19px/1.2 var(--display);letter-spacing:-.01em}
.cec__m,.cec__by{font:400 14px/20px var(--text);color:var(--text-c)}
.cec__f{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:10px;margin-top:4px;border-top:1px solid #E3E4EB;font:700 18px/1.2 var(--display)}
.cec__f + .cec__f{margin-top:0;padding-top:6px;border-top:0}
.cec__k{font:500 13px/18px var(--text);color:var(--text-c)}
.cec__f .px__t{display:none}
.cec__go{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font:600 14px/18px var(--text);color:var(--orange-t)}
.cec__go svg{width:14px;height:14px}
.ce-fam .h911{margin-top:clamp(24px,2.6vw,36px)}
.ce-tracks__g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(32px,5vw,72px);align-items:center}
.ce-tracks .t-intro{margin-bottom:20px}
@media (max-width:900px){.ce-tracks__g{grid-template-columns:minmax(0,1fr)}}

/* the tracks photo is a group of people: a card stack keeps every face whole */
.ce-tracks__ph{margin:24px 24px 24px 0}
@media (max-width:900px){.ce-tracks__ph{margin:16px 20px}}

/* the overview's families sit closer together than full sections */
.ce-fam.sec{padding-block:clamp(40px,4.4vw,64px)}
.ce-fam .shead{margin-bottom:clamp(20px,2.2vw,32px)}
.ce-fees.sec{padding-top:clamp(40px,4.4vw,64px)}
.ce-tracks.sec,.ce-fam + .ce-tracks{padding-block:clamp(48px,5vw,80px)}

/* a certification's hero photo takes its own cutout; the bundled-examination note; "What is included" in even rows */
.crh3 .cut{min-height:clamp(420px,40vw,560px)}
/* faces sit in the top half of most photos, so the second card floats at the foot, over bodies rather than heads */
.crh3__arch .arch__chip--2{top:auto;bottom:-20px;right:-12px}
@media (max-width:860px){.crh3__arch .arch__chip--2{right:0}}
.cfee__save{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:16px 20px;border-radius:20px;background:#FFF1CC;box-shadow:inset 4px 0 0 var(--sun);font:400 16px/1.5 var(--text);color:var(--ink)}
.cfee__save b{font-weight:600}
.cfee__save-ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--sun);color:var(--night)}
.cfee__save-ic .pi{width:18px;height:18px}
.cri{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr))}
@media (max-width:900px){.cri{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.cri{grid-template-columns:minmax(0,1fr)}}

/* an outcome's certifications as a grid of small cards, above its other programmes and services */
.occ{margin-bottom:clamp(32px,3.6vw,52px)}
.occ__h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px}
.occ__g{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.cec--s{gap:4px;padding:18px 20px}
.cec--s .cec__n{margin-top:6px;font-size:17px}
.cec--s .cec__m,.cec--s .cec__by{font-size:13px;line-height:18px}
.cec--s .cec__go{margin-top:auto;padding-top:10px}
.ets--one{grid-template-columns:minmax(0,1fr)}

/* executive programmes (NCSAIPM, NCSSP): deep night cards with a gold edge, set apart from the technical certifications */
.cec--exec{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(255,200,61,.24),rgba(255,200,61,0) 55%),linear-gradient(160deg,#272B63,#1C1F4A 70%);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,200,61,.6),0 22px 44px -26px rgba(28,31,74,.7)}
.cec--exec:hover{box-shadow:inset 0 0 0 1.5px #FFC83D,0 26px 50px -24px rgba(28,31,74,.75)}
.cec--exec .cec__code{background:linear-gradient(135deg,#FFE08A,#F2B23C);color:var(--night)}
.cec--exec .cec__n{color:#fff}
.cec--exec .cec__m,.cec--exec .cec__by,.cec--exec .cec__k{color:rgba(255,255,255,.78)}
.cec--exec .cec__f{border-top-color:rgba(255,255,255,.18);color:#fff}
.cec--exec .cec__go{color:var(--sun)}
.cec__x{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;font:600 11px/14px var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--sun)}
.cec__x::before{content:"";width:18px;height:2px;background:var(--sun)}

/* where an in-person programme meets, in its hero */
.crh3__where{display:flex;gap:12px;align-items:flex-start;max-width:34em;margin:-12px 0 28px;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,200,61,.45);font:400 15px/1.45 var(--text);color:rgba(255,255,255,.9)}
.crh3__where b{display:block;margin-top:2px;font-weight:600;color:var(--sun)}
.crh3__where-ic{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sun);color:var(--night)}
.crh3__where-ic .pi{width:16px;height:16px}

/* the Cyber Aware Netizens project page (27 Oct 2026) */

.can-hero .t-eyebrow{color:var(--sun)}
.can-hero .hm-lead{margin-bottom:22px}
.can-trust{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none}
.can-trust li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);font:500 14px/1 Inter,sans-serif;color:#fff}
.can-trust li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sun)}

/* three ways */
.can-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.can-way{position:relative;display:grid;align-content:start;gap:12px;padding:clamp(24px,2.4vw,32px);border-radius:28px;background:var(--t);overflow:hidden}
.can-way__n{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--c);color:#fff;font:700 18px/1 'Inter Tight',sans-serif}
.can-way__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.can-way h3{font:600 clamp(22px,1.9vw,27px)/1.15 'Inter Tight',sans-serif;letter-spacing:-.015em;color:var(--ink)}
.can-way p{font:400 16px/1.55 Inter,sans-serif;color:var(--text-c)}
.can-way ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.can-way li{display:flex;gap:10px;font:400 15px/1.45 Inter,sans-serif;color:var(--ink)}
.can-way li::before{content:"✓";flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff;color:var(--c);font:700 12px/1 Inter,sans-serif}
.can-way .pill{justify-self:start;margin-top:6px}
.can-way--hi{background:var(--night);box-shadow:0 24px 50px -28px rgba(28,31,74,.7)}
.can-way--hi h3,.can-way--hi .can-way__k{color:#fff}
.can-way--hi p{color:rgba(255,255,255,.8)}
.can-way--hi li{color:#fff}
.can-way--hi .can-way__k{color:var(--sun)}
.can-way__tag{position:absolute;top:22px;right:22px;padding:5px 12px;border-radius:999px;background:var(--sun);color:var(--night);font:600 12px/16px Inter,sans-serif}

/* what you get */
.can-get{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.can-card{position:relative;max-width:460px;margin:0 auto;padding:28px;border-radius:24px;background:#fff;box-shadow:0 30px 60px -30px rgba(28,31,74,.45),inset 0 0 0 1px #E3E4EB;rotate:-2deg}
.can-card::before{content:"";position:absolute;inset:10px;border-radius:16px;border:1.5px solid #FFC83D;pointer-events:none}
.can-card__top{display:flex;justify-content:space-between;align-items:center;font:600 11px/14px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-t)}
.can-card__seal{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE08A,#F2B23C);color:var(--night);font:700 13px/1 'Inter Tight',sans-serif}
.can-card h3{margin:22px 0 4px;font:600 26px/1.1 'Inter Tight',sans-serif;color:var(--ink)}
.can-card p{font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}
.can-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 0;padding-top:16px;border-top:1px dashed #E3E4EB}
.can-card dt{font:600 10px/14px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}
.can-card dd{margin:2px 0 0;font:600 15px/1.3 'Inter Tight',sans-serif;color:var(--ink)}
.can-gets{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.can-gets li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}
.can-gets i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--t);font-style:normal;color:var(--night)}
.can-gets i .pi{width:22px;height:22px}
.can-gets b{display:block;font:600 18px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.can-gets span{font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}

/* learn */
.can-learn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.can-learn li{list-style:none;display:grid;gap:8px;padding:20px;border-radius:22px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#fff}
.can-learn i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,200,61,.16);color:var(--sun);font-style:normal}
.can-learn i .pi{width:22px;height:22px}
.can-learn b{font:600 17px/1.25 'Inter Tight',sans-serif}
.can-learn span{font:400 14px/1.45 Inter,sans-serif;color:rgba(255,255,255,.75)}
.band--night .t-intro{color:rgba(255,255,255,.8)}

/* steps */
.can-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;counter-reset:s}
.can-steps li{position:relative;padding:0 20px 0 0;counter-increment:s}
.can-steps li::before{content:counter(s);display:grid;place-items:center;width:52px;height:52px;margin-bottom:16px;border-radius:50%;background:var(--orange);color:var(--night);font:700 20px/1 'Inter Tight',sans-serif;position:relative;z-index:1}
.can-steps li::after{content:"";position:absolute;top:26px;left:52px;right:0;height:2px;background:repeating-linear-gradient(90deg,#FF7A3D 0 8px,transparent 8px 14px)}
.can-steps li:last-child::after{display:none}
.can-steps b{display:block;font:600 19px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.can-steps span{display:block;margin-top:6px;font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}

/* who */
.can-who{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.can-who li{display:grid;gap:6px;padding:22px 20px;border-radius:22px;background:var(--t)}
.can-who b{font:600 18px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.can-who span{font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}

/* institutions + go further */
.can-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(14px,1.6vw,22px)}
.can-box{display:grid;align-content:start;gap:12px;padding:clamp(26px,3vw,40px);border-radius:28px;background:#FFF7EF}
.can-box h3{font:600 clamp(24px,2.2vw,32px)/1.1 'Inter Tight',sans-serif;letter-spacing:-.02em;color:var(--ink)}
.can-box p{font:400 16px/1.55 Inter,sans-serif;color:var(--text-c)}
.can-box .pill,.can-box .btn{justify-self:start}
.can-ladder{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0}
.can-ladder span{padding:6px 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #E3E4EB;font:600 13px/16px Inter,sans-serif;color:var(--ink)}
.can-ladder span.on{background:var(--orange);box-shadow:none}
.can-ladder em{font-style:normal;color:var(--grey)}

.can-close{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(28px,4vw,56px);border-radius:32px;background:linear-gradient(160deg,#C2410C,#9A3412);color:#fff}
.can-close h2{font:600 clamp(28px,3vw,42px)/1.08 'Inter Tight',sans-serif;letter-spacing:-.025em;color:#fff}
.can-close p{margin-top:12px;font:400 17px/1.55 Inter,sans-serif;color:rgba(255,255,255,.88)}
.can-close .btns{justify-content:flex-end}
.can-close .pill{background:#fff;color:var(--night)}
.can-close .btn{color:#fff;border-color:#fff}
.can-close .can-big{margin:6px 0 4px;font:700 clamp(52px,6vw,88px)/1 'Inter Tight',sans-serif;letter-spacing:-.04em;color:#FFE08A}

.can-note{margin-top:14px;font:400 14px/20px Inter,sans-serif;color:var(--grey)}
.can-sec{padding:clamp(56px,6vw,96px) var(--g)}
.can-sec.band{border-radius:var(--br) var(--br) 0 0}
@media (max-width:1100px){.can-learn{grid-template-columns:repeat(2,minmax(0,1fr))}.can-who{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.can-ways,.can-get,.can-two,.can-close{grid-template-columns:minmax(0,1fr)}.can-steps{grid-template-columns:minmax(0,1fr);gap:22px}.can-steps li::after{display:none}.can-who{grid-template-columns:repeat(2,minmax(0,1fr))}.can-close .btns{justify-content:flex-start}}
@media (max-width:520px){.can-learn,.can-who{grid-template-columns:minmax(0,1fr)}}

.can-hero .crh3__crumb{margin-bottom:18px}
.can-way__go{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:6px}
.can-way--hi .ets__go{color:#fff}
.can-way .ets__go{background:none;border:0;padding:0;cursor:pointer;font:600 14px/18px Inter,sans-serif;color:var(--ink)}
.can-get__h{margin-bottom:24px}
.can-who__h{margin-top:clamp(48px,5vw,72px)}
.can-box .ul,.can-gets .ul,.acc .ul{text-decoration:underline;text-underline-offset:3px}
.can-ladder a{padding:6px 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--night);font:600 13px/16px Inter,sans-serif;color:var(--ink)}
.can-ladder a:hover{background:var(--night);color:#fff}
.can-close .t-eyebrow{color:#fff}
.can-sec--close{padding-top:0}
.can-soon{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1.5px var(--sun);font:600 15px/1 Inter,sans-serif;color:var(--sun)}
.can-soon::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sun)}
.can-way--hi .can-way__soon{font-size:14px;color:rgba(255,255,255,.72)}
.can-way--hi .can-way__n{color:var(--night)}
.can-box{background:#fff}

/* the CAN certificate request form */
.can-req__route{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;border:0}
.can-req__route legend{margin-bottom:10px;font:500 15px/20px var(--text);color:var(--text-c)}
.can-req__route label{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;box-shadow:inset 0 0 0 1px #E3E4EB;font:500 15px/20px var(--text);color:var(--ink);cursor:pointer}
.can-req__route label:has(input:checked){background:var(--night);color:#fff;box-shadow:none}
.can-req__route input{accent-color:var(--orange)}
.can-req .enq__about{max-width:34em}

/* the Hacked911 First Responders project page (27 Oct 2026) */
.h9-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin:0 0 clamp(20px,2.4vw,32px);padding:0;list-style:none}
.h9-stats li{display:grid;gap:8px;padding:clamp(22px,2.4vw,32px);border-radius:24px;background:var(--night);color:#fff}
.h9-stats b{font:700 clamp(40px,4.4vw,64px)/1 var(--display);letter-spacing:-.035em;color:var(--sun)}
.h9-stats span{font:400 16px/1.5 var(--text);color:rgba(255,255,255,.82)}
.h9-gaps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.h9-gaps article{padding:clamp(20px,2.2vw,28px);border-radius:24px;background:#FFF7EF;box-shadow:inset 4px 0 0 var(--orange)}
.h9-gaps h3{font:600 20px/1.2 var(--display);color:var(--ink)}
.h9-gaps p{margin-top:8px;font:400 15px/1.55 var(--text);color:var(--text-c)}
.h9-src{margin-top:14px;font:400 13px/18px var(--text);color:var(--grey)}
.h9-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,18px);margin:0;padding:0;list-style:none;counter-reset:none}
.h9-stages li{position:relative;display:grid;align-content:start;gap:8px;padding:clamp(22px,2.2vw,28px);border-radius:24px;background:var(--t)}
.h9-stages li:not(:last-child)::after{content:"→";position:absolute;right:-14px;top:30px;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(28,31,74,.15);font:600 14px/1 var(--text);color:var(--night)}
.h9-stages__n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--night);color:#fff;font:700 16px/1 var(--display)}
.h9-stages h3{margin-top:6px;font:600 22px/1.15 var(--display);color:var(--ink)}
.h9-stages__feel{font:italic 400 15px/1.5 var(--text);color:var(--text-c)}
.h9-stages__k{margin-top:8px;padding-top:12px;border-top:1px solid rgba(28,31,74,.12);font:600 12px/16px var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--orange-t)}
.h9-stages li p:last-child{font:400 15px/1.55 var(--text);color:var(--ink)}
.h9-help{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;margin-bottom:clamp(28px,3vw,44px)}
.h9-circle{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,460px);aspect-ratio:1;margin:0 auto}
.h9-circle__q{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:28px;background:color-mix(in srgb,var(--c) 22%,#fff);color:var(--ink)}
.h9-circle__q span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--c);color:var(--night)}
.h9-circle__q span .pi{width:22px;height:22px}
.h9-circle__q b{font:600 clamp(16px,1.5vw,19px)/1.15 var(--display);max-width:8em}
.h9-circle__q--1{border-radius:100% 12px 12px 12px;align-items:flex-start;padding:22% 18% 18% 22%}
.h9-circle__q--2{border-radius:12px 100% 12px 12px;align-items:flex-end;text-align:right;padding:22% 22% 18% 18%}
.h9-circle__q--3{border-radius:12px 12px 12px 100%;align-items:flex-start;padding:18% 18% 22% 22%}
.h9-circle__q--4{border-radius:12px 12px 100% 12px;align-items:flex-end;text-align:right;padding:18% 22% 22% 18%}
.h9-circle__c{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:30%;aspect-ratio:1;border-radius:50%;background:var(--night);box-shadow:0 0 0 8px #fff,0 18px 40px -16px rgba(28,31,74,.6);color:#fff;font:700 clamp(16px,1.6vw,20px)/1 var(--display)}
.h9-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,18px);margin:0;padding:0;list-style:none}
.h9-roles li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px #E3E4EB,inset 0 4px 0 var(--c)}
.h9-roles__ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--c) 22%,#fff);color:var(--night)}
.h9-roles__ic .pi{width:20px;height:20px}
.h9-roles b{font:600 18px/1.2 var(--display);color:var(--ink)}
.h9-roles p{font:400 15px/1.5 var(--text);color:var(--text-c)}
.h9-does{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 clamp(24px,2.6vw,36px);padding:0;list-style:none}
.h9-does li{display:grid;gap:6px;padding:22px;border-radius:22px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.h9-does span{font:700 14px/1 var(--display);color:var(--sun)}
.h9-does b{font:600 19px/1.2 var(--display);color:#fff}
.h9-does p{font:400 15px/1.5 var(--text);color:rgba(255,255,255,.78)}
.h9-ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.h9-ways article{padding:clamp(22px,2.4vw,30px);border-radius:24px;background:#fff;color:var(--ink)}
.h9-ways__k{font:600 12px/16px var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--orange-t)}
.h9-ways h3{margin-top:6px;font:600 22px/1.2 var(--display)}
.h9-ways p:last-child{margin-top:8px;font:400 15px/1.55 var(--text);color:var(--text-c)}
.h9-become{margin-top:clamp(28px,3vw,44px)}
.h9-stages .h9-stages__k{color:var(--ink)}
.band--night .h9-ways h3,.band--night .h9-ways article{color:#14162F}
.h9-become .can-box{background:#FFF7EF}
.h9-become .h911__p{color:var(--ink)}
@media (max-width:1000px){.h9-stages,.h9-roles{grid-template-columns:repeat(2,minmax(0,1fr))}.h9-stages li:nth-child(2)::after{display:none}}
@media (max-width:900px){.h9-stats,.h9-gaps,.h9-help,.h9-does,.h9-ways{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.h9-stages,.h9-roles{grid-template-columns:minmax(0,1fr)}.h9-stages li::after{display:none}.h9-circle__q{padding:16px!important}.h9-circle__q b{font-size:14px}}

/* the justice gap: complaints, FIRs and pending cases as a narrowing funnel */
.h9-gap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}
.h9-gap .t-intro{color:rgba(255,255,255,.82)}
.h9-gap__note{margin-top:18px;padding:16px 20px;border-radius:18px;background:rgba(255,200,61,.12);box-shadow:inset 4px 0 0 var(--sun);font:400 16px/1.55 var(--text);color:#fff}
.h9-funnel{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.h9-funnel li{display:flex;align-items:baseline;gap:14px;width:var(--w);min-width:min(100%,300px);margin:0 auto;padding:18px 22px;border-radius:18px;background:linear-gradient(90deg,#C2410C,#A8431B);color:#fff}
.h9-funnel li:nth-child(2){background:linear-gradient(90deg,#9A3412,#7C2D12)}
.h9-funnel li:nth-child(3){background:#3B2A6B}
.h9-funnel li:nth-child(4){background:#272B63;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.h9-funnel b{flex:none;font:700 clamp(24px,2.4vw,34px)/1 var(--display);letter-spacing:-.025em;color:#fff}
.h9-funnel span{font:400 14px/1.4 var(--text);color:rgba(255,255,255,.9)}
.h9-gapfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:clamp(28px,3vw,44px) 0 0;padding:0;list-style:none}
.h9-gapfacts li{display:grid;gap:6px;padding:20px 22px;border-radius:20px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.h9-gapfacts b{font:700 28px/1 var(--display);color:var(--sun)}
.h9-gapfacts span{font:400 14px/1.45 var(--text);color:rgba(255,255,255,.8)}
.h9-src--d{color:rgba(255,255,255,.6)}
@media (max-width:900px){.h9-gap,.h9-gapfacts{grid-template-columns:minmax(0,1fr)}.h9-funnel li{width:100%}}

/* complaints by year, and the 2026 callout */
.h9-trend{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.4vw,18px);align-items:end;height:220px;margin:0 0 clamp(20px,2.4vw,32px);padding:0;list-style:none}
.h9-trend li{display:grid;grid-template-rows:auto 1fr auto;align-items:end;gap:8px;height:100%;text-align:center}
.h9-trend__b{display:block;height:var(--h);min-height:12px;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#FF7A3D,#C2410C)}
.h9-trend li:last-child .h9-trend__b{background:linear-gradient(180deg,#FFC83D,#FF7A3D)}
.h9-trend__v{font:700 clamp(15px,1.4vw,19px)/1.1 var(--display);color:var(--ink)}
.h9-trend__y{font:600 13px/16px var(--text);color:var(--text-c)}
.h9-now{display:grid;grid-template-columns:auto 1fr 1fr;gap:14px 28px;align-items:start;margin-bottom:clamp(20px,2.4vw,32px);padding:clamp(20px,2.4vw,28px);border-radius:24px;background:#FFF1CC;box-shadow:inset 4px 0 0 var(--sun)}
.h9-now__k{padding:6px 12px;border-radius:999px;background:var(--night);color:#fff;font:600 12px/16px var(--text);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.h9-now p:not(.h9-now__k){font:400 16px/1.5 var(--text);color:var(--ink)}
.h9-now b{font:700 20px/1 var(--display);color:var(--ink)}
@media (max-width:900px){.h9-now{grid-template-columns:minmax(0,1fr)}.h9-now__k{justify-self:start}}

/* the Cyber Wellness Clinics project page (27 Oct 2026) */
.cwc-story{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,18px);margin:0;padding:0;list-style:none}
.cwc-story li{position:relative;display:grid;align-content:start;gap:8px;padding:clamp(22px,2.2vw,28px);border-radius:24px;background:#FFF7EF}
.cwc-story li:nth-child(3),.cwc-story li:nth-child(4){background:#D9F4E6}
.cwc-story li:not(:last-child)::after{content:"→";position:absolute;right:-14px;top:28px;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(28,31,74,.15);font:600 14px/1 var(--text);color:var(--night)}
.cwc-story__n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--night);color:#fff;font:700 15px/1 var(--display)}
.cwc-story h3{margin-top:4px;font:600 21px/1.15 var(--display);color:var(--ink)}
.cwc-story p{font:400 15px/1.55 var(--text);color:var(--text-c)}
.cwc-story__end{margin-top:clamp(18px,2vw,26px);padding:16px 20px;border-radius:18px;background:#FFF1CC;box-shadow:inset 4px 0 0 var(--sun);font:400 17px/1.5 var(--text);color:var(--ink)}
.cwc-clinic{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,4vw,64px);align-items:start}
.cwc-ticks{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.cwc-ticks li{display:flex;gap:10px;font:400 16px/1.5 var(--text);color:var(--ink)}
.cwc-ticks li::before{content:"✓";flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--orange-t);color:#fff;font:700 12px/1 var(--text)}
.cwc-gal{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cwc-shot{margin:0;display:grid;gap:8px}
.cwc-shot img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px;box-shadow:0 18px 40px -26px rgba(28,31,74,.6)}
.cwc-shot--wide{grid-column:1 / -1}
.cwc-shot--wide img{aspect-ratio:2.4/1;border-radius:120px 120px 20px 20px}
.cwc-shot figcaption{font:400 13px/1.4 var(--text);color:var(--text-c)}
.cwc-honk{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;align-items:start}
.cwc-honk__side{display:grid;gap:14px}
.cwc-shot--screen img{aspect-ratio:16/9;object-fit:cover;border-radius:18px;border:8px solid var(--night);box-shadow:0 22px 44px -26px rgba(28,31,74,.7)}
.cwc-honk__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:clamp(18px,2vw,26px) 0 0;padding:0;list-style:none}
.cwc-honk__facts li{display:grid;gap:4px;padding:18px 20px;border-radius:20px;background:#FFF1CC}
.cwc-honk__facts b{font:700 20px/1.1 var(--display);color:var(--ink)}
.cwc-honk__facts span{font:400 14px/1.45 var(--text);color:var(--text-c)}
.cwc-sustain{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,4vw,64px);align-items:center}
.cwc-earn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}
.cwc-earn li{display:grid;gap:6px;padding:22px;border-radius:22px;background:var(--t)}
.cwc-earn b{font:600 19px/1.2 var(--display);color:var(--ink)}
.cwc-earn span{font:400 15px/1.5 var(--text);color:var(--text-c)}
.cwc-join{margin-top:clamp(28px,3vw,44px)}
@media (max-width:1000px){.cwc-story{grid-template-columns:repeat(2,minmax(0,1fr))}.cwc-story li:nth-child(2)::after{display:none}}
@media (max-width:900px){.cwc-clinic,.cwc-honk,.cwc-sustain,.cwc-honk__facts{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.cwc-story,.cwc-earn{grid-template-columns:minmax(0,1fr)}.cwc-story li::after{display:none}}

/* Cyber Wellness Clinics with SORALYNK */
.cwc-sl{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,4vw,64px);align-items:start}
.cwc-sl .t-intro{color:rgba(255,255,255,.82)}
.cwc-sl .t-intro .ul{color:#fff;text-decoration:underline;text-underline-offset:3px}
.cwc-sl__note{margin:18px 0 22px;padding:16px 20px;border-radius:18px;background:rgba(255,200,61,.12);box-shadow:inset 4px 0 0 var(--sun);font:400 16px/1.55 var(--text);color:#fff}
.cwc-sl__l{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}
.cwc-sl__l li{display:grid;gap:6px;padding:20px;border-radius:20px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.cwc-sl__l span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,200,61,.16);color:var(--sun)}
.cwc-sl__l span .pi{width:20px;height:20px}
.cwc-sl__l b{font:600 17px/1.25 var(--display);color:#fff}
.cwc-sl__l p{font:400 14px/1.5 var(--text);color:rgba(255,255,255,.78)}
@media (max-width:900px){.cwc-sl{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.cwc-sl__l{grid-template-columns:minmax(0,1fr)}}

/* the clinic: a photo collage (an arched main photo with two tilted prints) beside the text, so neither overwhelms the other */
.cwc-clinic{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.cwc-col{position:relative;height:clamp(440px,42vw,580px)}
.cwc-col__main{position:absolute;left:10%;right:0;top:0;width:90%;height:70%;object-fit:cover;border-radius:clamp(120px,14vw,220px) clamp(120px,14vw,220px) 24px 24px;box-shadow:0 26px 50px -30px rgba(28,31,74,.6)}
.cwc-col figure{position:absolute;margin:0;padding:8px 8px 10px;border-radius:18px;background:#fff;box-shadow:0 22px 44px -22px rgba(28,31,74,.55)}
.cwc-col figure img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px}
.cwc-col figcaption{margin-top:8px;font:600 12px/16px var(--text);color:var(--ink);text-align:center}
.cwc-col__a{left:0;bottom:0;width:38%;rotate:-5deg}
.cwc-col__b{right:4%;bottom:2%;width:34%;rotate:4deg}
.cwc-col__tag{position:absolute;left:52%;top:6%;z-index:2;display:flex;align-items:center;gap:10px;max-width:46%;padding:12px 16px;border-radius:18px;background:var(--night);color:#fff;box-shadow:0 18px 40px -18px rgba(28,31,74,.7);font:400 13px/1.35 var(--text);translate:-50% 0}
.cwc-col__tag .pi{flex:none;width:20px;height:20px;color:var(--sun)}
.cwc-col__tag b{display:block;font:600 14px/1.2 var(--display);color:var(--sun)}
@media (prefers-reduced-motion:no-preference){.cwc-col__a{animation:psFloat 7s ease-in-out infinite}.cwc-col__b{animation:psFloat 8s ease-in-out -3s infinite}}
.cwc-feat{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 0;padding:0;list-style:none}
.cwc-feat li{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;padding:16px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6}
.cwc-feat span{grid-row:1 / 3;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#FFE7DA;color:var(--orange-t)}
.cwc-feat span .pi{width:20px;height:20px}
.cwc-feat b{font:600 17px/1.25 var(--display);color:var(--ink)}
.cwc-feat p{font:400 14px/1.45 var(--text);color:var(--text-c)}
.cwc-feat__wide{grid-column:1 / -1}
@media (max-width:900px){.cwc-clinic{grid-template-columns:minmax(0,1fr)}.cwc-col{height:auto;aspect-ratio:1/1.05;max-width:560px;width:100%;margin:0 auto 12px}}
@media (max-width:520px){.cwc-feat{grid-template-columns:minmax(0,1fr)}.cwc-col__tag{left:55%;max-width:62%}}

/* who a Cyber Wellness Clinic helps */
.cwc-who{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,18px);margin:0;padding:0;list-style:none}
.cwc-who li{display:grid;align-content:start;gap:10px;padding:clamp(20px,2.2vw,26px);border-radius:24px;background:var(--t);transition:translate .3s var(--ease-dd)}
.cwc-who li:hover{translate:0 -3px}
.cwc-who span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff;color:var(--night);box-shadow:0 6px 16px -10px rgba(28,31,74,.5)}
.cwc-who span .pi{width:22px;height:22px}
.cwc-who h3{font:600 19px/1.2 var(--display);color:var(--ink)}
.cwc-who p{font:400 15px/1.5 var(--text);color:var(--text-c)}
@media (max-width:1000px){.cwc-who{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.cwc-who{grid-template-columns:minmax(0,1fr)}}

/* the Open Source Forensic Labs project page (27 Oct 2026) */


/* the year-two problem */
.fl-cliff{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.fl-years{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;height:300px;margin:0;padding:0;list-style:none}
.fl-years li{display:grid;grid-template-rows:auto 1fr auto;gap:8px;height:100%;text-align:center}
.fl-years i{display:block;align-self:end;height:var(--h);border-radius:14px 14px 6px 6px;background:var(--c)}
.fl-years b{font:600 14px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.fl-years span{font:400 13px/1.35 Inter,sans-serif;color:var(--text-c)}
.fl-steps{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none}
.fl-steps li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:start;padding:14px 16px;border-radius:18px;background:#FFF7EF}
.fl-steps b{font:700 14px/1.2 'Inter Tight',sans-serif;color:var(--orange-t);text-transform:uppercase;letter-spacing:.06em}
.fl-steps p{font:400 15px/1.5 Inter,sans-serif;color:var(--ink)}
.fl-cycle{margin-top:16px;padding:16px 20px;border-radius:18px;background:#FFE3EA;font:400 16px/1.5 Inter,sans-serif;color:var(--ink)}

/* licensed vs open */
.fl-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.fl-vs article{padding:clamp(24px,2.6vw,34px);border-radius:28px}
.fl-vs article:first-child{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.fl-vs article:last-child{background:#fff;color:#14162F}
.fl-vs article:last-child h3,.fl-vs article:last-child li{color:#14162F}
.fl-vs h3{font:600 clamp(22px,2vw,28px)/1.15 'Inter Tight',sans-serif}
.fl-vs article:first-child h3{color:#fff}
.fl-vs ul{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}
.fl-vs li{display:flex;gap:12px;font:400 16px/1.5 Inter,sans-serif}
.fl-vs article:first-child li{color:rgba(255,255,255,.82)}
.fl-vs article:first-child li::before{content:"✕";flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,107,139,.25);color:#FFB3C2;font:700 11px/1 Inter}
.fl-vs article:last-child li::before{content:"✓";flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#2EC27E;color:#fff;font:700 12px/1 Inter}
.fl-vs__tag{display:inline-block;margin-bottom:12px;padding:5px 12px;border-radius:999px;font:600 12px/16px Inter;letter-spacing:.08em;text-transform:uppercase}
.fl-vs article:first-child .fl-vs__tag{background:rgba(255,255,255,.12);color:rgba(255,255,255,.8)}
.fl-vs article:last-child .fl-vs__tag{background:#D9F4E6;color:#14532D}

/* the stack */
.fl-stack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.fl-stack li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:var(--t)}
.fl-stack b{font:600 18px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.fl-stack p{font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}
.fl-stack small{font:500 12px/1.4 Inter,sans-serif;color:var(--ink);opacity:.75}
.fl-stack__new{background:var(--night)!important}
.fl-stack__new b{color:#fff}.fl-stack__new p{color:rgba(255,255,255,.8)}

/* funding */
.fl-fund{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}
.fl-fund ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}
.fl-fund li{display:grid;gap:6px;padding:20px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6}
.fl-fund b{font:600 17px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.fl-fund span{font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}
.fl-quote{margin-top:20px;padding:18px 22px;border-radius:20px;background:var(--night);color:#fff;font:600 19px/1.4 'Inter Tight',sans-serif}
.fl-quote em{font-style:normal;color:var(--sun)}

.fl-who{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.fl-who li{display:grid;gap:6px;padding:20px;border-radius:22px;background:var(--t)}
.fl-who b{font:600 17px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.fl-who span{font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}
@media (max-width:1100px){.fl-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.fl-who{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.fl-cliff,.fl-vs,.fl-fund{grid-template-columns:minmax(0,1fr)}.fl-who{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.fl-stack,.fl-fund ul,.fl-who{grid-template-columns:minmax(0,1fr)}.fl-years{height:240px}}

/* the one small box that points to all certifications (27 Oct 2026) */
.allc-sec{padding-top:clamp(24px,3vw,40px);padding-bottom:clamp(24px,3vw,40px)}
.allc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(16px,2vw,28px);align-items:center;padding:clamp(20px,2.4vw,30px) clamp(22px,2.6vw,34px);border-radius:24px;background:#FFF6EC;box-shadow:inset 0 0 0 1px #EFE3D6;color:var(--ink);transition:box-shadow .3s var(--ease-dd),translate .3s var(--ease-dd)}
.allc:hover{translate:0 -2px;box-shadow:inset 0 0 0 1px #E2CDB6,0 16px 30px -24px rgba(17,17,17,.45)}
.allc__ic{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--night);color:var(--sun)}
.allc__ic svg{width:26px;height:26px}
.allc__tx{display:grid;gap:4px}
.allc__k{font:600 12px/16px var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--orange-t)}
.allc__tx b{font:600 clamp(18px,1.6vw,21px)/1.25 var(--display)}
.allc__tx > span:last-child{font:400 15px/1.5 var(--text);color:var(--text-c)}
.allc__go{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:var(--night);color:#fff;font:600 15px/1 var(--text);white-space:nowrap}
@media (max-width:700px){.allc{grid-template-columns:minmax(0,1fr)}.allc__go{justify-self:start}}
/* get started: choice tiles and a two-step dialog (27 Oct 2026) */
.gs-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,18px);margin:0;padding:0;list-style:none}
.gs-path{display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;padding:clamp(24px,2.6vw,32px);border-radius:28px;color:#fff;transition:translate .3s var(--ease-dd),box-shadow .3s var(--ease-dd)}
.gs-path:hover{translate:0 -4px;box-shadow:0 24px 40px -26px rgba(28,31,74,.6)}
.gs-path--action{background:linear-gradient(150deg,#C2410C,#9A3412)}
.gs-path--grow{background:linear-gradient(150deg,#15805A,#0E5C40)}
.gs-path--learn{background:linear-gradient(150deg,#1F5FA8,#173F7A)}
.gs-path--trust{background:linear-gradient(150deg,#2D3270,#1C1F4A)}
.gs-path__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.16);font:700 22px/1 'Inter Tight',sans-serif}
.gs-path h3{font:600 clamp(22px,2.2vw,26px)/1.15 'Inter Tight',sans-serif;color:#fff}
.gs-path p{font:400 15px/1.5 Inter,sans-serif;color:rgba(255,255,255,.88)}
a.gs-path__go{text-decoration:none}
.gs-path__go{justify-self:start;margin-top:8px;padding:12px 20px;border:0;border-radius:999px;background:#fff;color:#14162F;font:600 15px/1 Inter,sans-serif;cursor:pointer}
.gs-next{display:flex;flex-wrap:wrap;gap:10px 28px;margin:clamp(20px,2.4vw,30px) 0 0;padding:0;list-style:none;counter-reset:gn}
.gs-next li{display:flex;align-items:center;gap:10px;font:400 15px/1.4 Inter,sans-serif;color:var(--ink);counter-increment:gn}
.gs-next li::before{content:counter(gn);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--night);color:#fff;font:700 13px/1 'Inter Tight',sans-serif}
.gs-dlg{width:min(640px,calc(100% - 32px))}
.gs-dlg__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-t)}
.gs-prog{height:6px;margin:14px 0 22px;border-radius:999px;background:#EEE9E1;overflow:hidden}
.gs-prog i{display:block;width:50%;height:100%;border-radius:999px;background:var(--orange-t);transition:width .35s var(--ease-dd)}
.gs-g{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.gs-g .field:first-child,.gs-g fieldset,.gs-g .field:has(textarea){grid-column:1/-1}
.gs-g [hidden]{display:none!important}
.gs-g .can-req__route label{padding:8px 13px;font-size:14px}
.gs-foot{display:flex;align-items:center;gap:12px;margin-top:24px}
.gs-n{margin-right:auto;font:500 13px/1 Inter,sans-serif;color:var(--grey)}
.gs-back{order:-1}
@media (max-width:900px){.gs-paths{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.gs-g{grid-template-columns:minmax(0,1fr)}}
.gs-w,.gs-g .gs-w{grid-column:1/-1}
.gs-paths{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.gs-dlg .enq__note{margin-top:14px}
.band--paper .gs-path h3,.gs-path h3{color:#fff}
/* the Critical Infrastructure Defenders project page (27 Oct 2026) */
.cd-hl{color:var(--sun)}
.cd-src{margin-top:16px;font:400 13px/18px Inter,sans-serif;color:var(--grey)}
.band--night .cd-src{color:rgba(255,255,255,.6)}
.cd-hero-how{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.cd-hero-how li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font:600 14px/1 Inter,sans-serif;color:#fff}
.cd-hero-how b{color:var(--sun)}
.cd-hero-how + .hm-btns{margin-top:clamp(26px,3vw,36px)}

/* two tracks */
.cd-tracks{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,22px)}
.cd-track{display:grid;grid-template-rows:auto 1fr;border-radius:28px;overflow:hidden;background:var(--t)}
.cd-track figure{margin:0;aspect-ratio:16/8;overflow:hidden}
.cd-track figure img{width:100%;height:100%;object-fit:cover}
.cd-track div{display:grid;align-content:start;gap:10px;padding:clamp(22px,2.4vw,30px)}
.cd-track__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--k)}
.cd-track h3{font:600 clamp(22px,2.2vw,28px)/1.15 'Inter Tight',sans-serif;color:var(--ink)}
.cd-track p{font:400 15px/1.55 Inter,sans-serif;color:var(--text-c)}
.cd-track__n{display:flex;align-items:baseline;gap:10px;margin-top:4px}
.cd-track__n b{font:700 clamp(36px,3.6vw,48px)/1 'Inter Tight',sans-serif;letter-spacing:-.02em;color:var(--k)}
.cd-track__n span{font:500 15px/1.35 Inter,sans-serif;color:var(--ink)}
.cd-track .pill{justify-self:start;margin-top:6px}

/* certification */
.cd-cert{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,56px);align-items:start}
.cd-card{position:sticky;top:90px;display:grid;gap:14px;padding:clamp(24px,2.8vw,34px);border-radius:28px;background:linear-gradient(160deg,#272B63,#1C1F4A);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,200,61,.5)}
.cd-card__code{justify-self:start;padding:6px 12px;border-radius:999px;background:var(--sun);color:#1C1F4A;font:700 13px/1 'Inter Tight',sans-serif;letter-spacing:.06em}
.cd-card h3{font:600 clamp(22px,2.2vw,28px)/1.15 'Inter Tight',sans-serif;color:#fff}
.cd-card p{font:400 15px/1.5 Inter,sans-serif;color:rgba(255,255,255,.82)}
.cd-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none}
.cd-facts li{display:grid;gap:4px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.08)}
.cd-facts b{font:700 18px/1.1 'Inter Tight',sans-serif;color:var(--sun)}
.cd-facts span{font:400 12px/1.35 Inter,sans-serif;color:rgba(255,255,255,.75)}
.cd-pre{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.cd-pre li{display:flex;gap:8px;font:400 14px/1.45 Inter,sans-serif;color:rgba(255,255,255,.85)}
.cd-pre li::before{content:"✓";flex:none;font-weight:700;color:var(--sun)}
.cd-card__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#FFE08A}
.cd-days{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.cd-day{display:grid;grid-template-columns:86px minmax(0,1fr);gap:16px;padding:14px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6}
.cd-day:last-child{box-shadow:inset 0 0 0 2px #C2410C}
.cd-day:last-child .cd-day__n{background:#C2410C;color:#fff}
.cd-day__n{display:grid;place-items:center;align-content:center;gap:2px;border-radius:18px;background:var(--c);color:#1C1F4A;text-align:center}
.cd-day__n small{font:600 11px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.cd-day__n b{font:700 34px/1 'Inter Tight',sans-serif}
.cd-mods{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cd-mod{display:grid;align-content:start;gap:6px;padding:10px 12px;border-radius:16px;background:none}
.cd-mod span{font:600 11px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--grey)}
.cd-mod b{font:600 16px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.cd-mod p{font:400 13px/1.45 Inter,sans-serif;color:var(--text-c)}
.cd-mod--range{box-shadow:inset 0 0 0 2px var(--orange-t)}
.cd-mod--range span{color:var(--orange-t)}

/* live fire */
.cd-lf{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,56px);align-items:center}
.cd-lf__img{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:16/10}
.cd-lf__img img{width:100%;height:100%;object-fit:cover}
.cd-lf__img figcaption{position:absolute;left:14px;bottom:14px;padding:7px 12px;border-radius:12px;background:#fff;font:600 12px/1.2 Inter,sans-serif;color:#14162F}
.cd-teams{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}
.cd-teams li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.cd-teams i{width:14px;height:14px;margin-top:4px;border-radius:50%;background:var(--c)}
.cd-teams b{display:block;font:600 16px/1.25 'Inter Tight',sans-serif;color:#fff}
.cd-teams span{font:400 14px/1.45 Inter,sans-serif;color:rgba(255,255,255,.8)}
.cd-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:clamp(24px,2.6vw,36px) 0 0;padding:0;list-style:none}
.cd-metrics li{display:grid;gap:8px;padding:20px;border-radius:22px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.cd-metrics b{font:700 clamp(26px,2.6vw,34px)/1 'Inter Tight',sans-serif;color:var(--sun)}
.cd-metrics h3{font:600 16px/1.25 'Inter Tight',sans-serif;color:#fff}
.cd-metrics p{font:400 14px/1.45 Inter,sans-serif;color:rgba(255,255,255,.8)}

/* formats */
.cd-fmt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.cd-fmt li{display:grid;align-content:start;gap:10px;padding:24px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #E3E4EB,inset 0 5px 0 var(--c)}
.cd-fmt__k{font:700 13px/1 'Inter Tight',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--orange-t)}
.cd-fmt h3{font:600 21px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.cd-fmt p{font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}
.cd-fmt ul{display:grid;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.cd-fmt ul li{display:flex;gap:8px;padding:0;background:none;box-shadow:none;font:400 14px/1.45 Inter,sans-serif;color:var(--ink)}
.cd-fmt ul li::before{content:"✓";flex:none;font-weight:700;color:var(--orange-t)}
.cd-locs{display:flex;flex-wrap:wrap;gap:6px}
.cd-locs span{padding:5px 10px;border-radius:999px;background:#FFE7DA;font:600 12px/1.2 Inter,sans-serif;color:var(--ink)}

/* scenarios */
.cd-scn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.cd-scn li{display:grid;grid-template-rows:auto 1fr;border-radius:22px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6}
.cd-scn figure{margin:0;aspect-ratio:4/3;overflow:hidden}
.cd-scn img{width:100%;height:100%;object-fit:cover}
.cd-scn div{display:grid;align-content:start;gap:6px;padding:16px 18px 20px}
.cd-scn b{font:600 18px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.cd-scn p{font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}

/* who */
.cd-who{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.cd-who li{padding:12px 18px;border-radius:999px;background:var(--t);font:600 16px/1 'Inter Tight',sans-serif;color:var(--ink)}

/* form */

@media (max-width:1100px){.cd-metrics,.cd-scn{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.cd-tracks,.cd-cert,.cd-lf,.cd-int{grid-template-columns:minmax(0,1fr)}.cd-card{position:static}.cd-fmt{grid-template-columns:minmax(0,1fr)}}

/* CSR story additions */
.cd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.cd-stats{gap:0!important}
.cd-stats li{display:grid;align-content:start;gap:10px;padding:6px clamp(16px,2vw,28px);border-left:1px solid #E7E2DA}
.cd-stats li:first-child{padding-left:0;border-left:0}
.cd-stats b{font:700 clamp(32px,3.2vw,46px)/1 'Inter Tight',sans-serif;letter-spacing:-.02em;color:var(--c)}
.cd-stats h3{font:600 17px/1.3 'Inter Tight',sans-serif;color:var(--ink)}
.cd-stats small{font:400 12px/1.4 Inter,sans-serif;color:var(--text-c)}
.cd-quote{margin-top:clamp(30px,3.4vw,46px);padding-left:20px;border-left:4px solid #C2410C;max-width:920px;font:500 clamp(20px,2vw,26px)/1.45 'Inter Tight',sans-serif;color:var(--ink)}
.cd-quote em{font-style:normal;color:#C2410C}
.cd-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.cd-why li{display:grid;align-content:start;gap:10px;padding:clamp(22px,2.4vw,30px);border-radius:24px;background:var(--t)}
.cd-why i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--c);color:#1C1F4A;font:700 19px/1 'Inter Tight',sans-serif;font-style:normal}
.cd-why h3{font:600 21px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.cd-why p{font:400 15px/1.55 Inter,sans-serif;color:var(--text-c)}
.cd-jobs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.cd-jobs__n{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 0;padding:0;list-style:none}
.cd-jobs__n li{display:grid;gap:6px;padding:20px;border-radius:22px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.cd-jobs__n b{font:700 clamp(30px,3vw,42px)/1 'Inter Tight',sans-serif;color:var(--sun)}
.cd-jobs__n span{font:400 14px/1.45 Inter,sans-serif;color:rgba(255,255,255,.85)}
.cd-hubs{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.cd-hubs li{display:grid;gap:8px;padding:20px 22px;border-radius:22px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 4px 0 0 var(--c)}
.cd-hubs b{font:600 18px/1.25 'Inter Tight',sans-serif;color:#fff}
.cd-hubs span{font:400 14px/1.5 Inter,sans-serif;color:rgba(255,255,255,.82)}
.cd-hubs .chips{display:flex;flex-wrap:wrap;gap:6px}
.cd-hubs .chips i{padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.12);font:600 12px/1.2 Inter,sans-serif;font-style:normal;color:#fff}
.cd-only{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,56px);align-items:center}
.cd-only figure{position:relative;margin:0;border-radius:28px;overflow:hidden;aspect-ratio:4/3}
.cd-only figure img{width:100%;height:100%;object-fit:cover}
.cd-only figcaption{position:absolute;left:14px;bottom:14px;padding:7px 12px;border-radius:12px;background:#fff;font:600 12px/1.2 Inter,sans-serif;color:#14162F}
.cd-only ul{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.cd-only ul li{display:flex;gap:10px;font:400 16px/1.5 Inter,sans-serif;color:var(--ink)}
.cd-only ul li::before{content:"✓";flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--orange-t);color:#fff;font:700 12px/1 Inter}
.cd-ppl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.cd-ppl li{display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;padding:clamp(22px,2.4vw,30px);border-radius:26px;background:#FFF7EF}
.cd-ppl__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-t)}
.cd-ppl h3{font:600 22px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.cd-ppl p{font:400 15px/1.55 Inter,sans-serif;color:var(--text-c)}
.cd-ppl__out{display:flex;gap:8px;padding:12px 14px;border-radius:14px;background:#D9F4E6;font:600 14px/1.4 Inter,sans-serif;color:#14532D}
.cd-ppl__out::before{content:"↗";font-weight:700}
.cd-comp{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,56px);align-items:center}
.cd-comp figure{margin:0;border-radius:28px;overflow:hidden;aspect-ratio:4/3}
.cd-comp figure img{width:100%;height:100%;object-fit:cover}
.cd-comp ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 0;padding:0;list-style:none}
.cd-comp ul li{display:grid;gap:6px;padding:16px 18px;border-radius:18px;background:var(--t)}
.cd-comp ul b{font:600 16px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.cd-comp ul span{font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}
.cd-fund{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.cd-fund li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:#fff}
.cd-fund b{font:600 18px/1.25 'Inter Tight',sans-serif;color:#14162F}
.cd-fund span{font:400 14px/1.5 Inter,sans-serif;color:#3E4160}
.cd-kpi{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none}
.cd-kpi li{display:grid;gap:6px;padding:16px;border-radius:18px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.cd-kpi b{font:600 15px/1.25 'Inter Tight',sans-serif;color:#fff}
.cd-kpi span{font:400 13px/1.4 Inter,sans-serif;color:rgba(255,255,255,.85)}
.cd-kpi__h{margin-top:clamp(28px,3vw,40px);font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#FFE08A}
.cd-elig{margin-top:18px;padding:16px 20px;border-radius:18px;background:#fff;font:400 15px/1.5 Inter,sans-serif;color:#14162F}
.cd-elig b{color:#14532D!important}
.cd-elig b{color:#14532D}
.cd-where{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.cd-where li{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.14);font:600 14px/1 Inter,sans-serif;color:#fff}
.cd-where li:first-child{background:none;padding-left:0;color:rgba(255,255,255,.75);font-weight:500}
@media (max-width:1100px){.cd-stats,.cd-fund{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.cd-jobs,.cd-only,.cd-comp{grid-template-columns:minmax(0,1fr)}.cd-why,.cd-ppl{grid-template-columns:minmax(0,1fr)}}

/* why so few: photo beside a numbered list */
.cd-why2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,56px);align-items:center}
.cd-why2 .cut{min-height:clamp(320px,30vw,440px)}
.cd-why2__l,.cd-bl{display:grid;gap:0;margin:22px 0 0;padding:0;list-style:none;counter-reset:cw}
.cd-why2__l li,.cd-bl li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;padding:18px 0;border-top:1px solid rgba(28,31,74,.12);counter-increment:cw}
.cd-why2__l li::before,.cd-bl li::before{content:counter(cw,decimal-leading-zero);grid-row:span 2;font:700 24px/1 'Inter Tight',sans-serif;color:#C2410C}
.cd-bl li::before{color:var(--orange-t)}
.cd-why2__l b,.cd-bl b{font:600 19px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.cd-why2__l span,.cd-bl span{margin-top:4px;font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}
@media (max-width:900px){.cd-why2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1100px){.cd-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:28px!important}.cd-stats li:nth-child(3){padding-left:0;border-left:0}}
@media (max-width:560px){.cd-stats{grid-template-columns:minmax(0,1fr)!important}.cd-stats li{padding-left:0;border-left:0;padding-bottom:18px;border-bottom:1px solid #E7E2DA}}
/* the SORALYNK project page (27 Oct 2026) */
.sl-hl{color:var(--sun)}
.sl-src{margin-top:16px;font:400 13px/18px Inter,sans-serif;color:var(--grey)}
.band--night .sl-src{color:rgba(255,255,255,.6)}
.sl-hero-how{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.sl-hero-how li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font:600 14px/1 Inter,sans-serif;color:#fff}
.sl-hero-how b{color:var(--sun)}

/* problem */
.sl-gap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.sl-gap li{display:grid;align-content:start;gap:10px;padding:24px;border-radius:22px;background:var(--t)}
.sl-gap b{font:700 clamp(30px,3vw,42px)/1 'Inter Tight',sans-serif;letter-spacing:-.02em;color:var(--k)}
.sl-gap h3{font:600 18px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.sl-gap p{font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}

/* one subscription */
.sl-sub{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.sl-sub__q{font:600 clamp(26px,2.8vw,38px)/1.2 'Inter Tight',sans-serif;letter-spacing:-.015em;color:var(--ink)}
.sl-sub__q em{font-style:normal;color:var(--orange-t)}
.sl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:clamp(18px,2.4vw,28px);border-radius:28px;background:linear-gradient(150deg,#272B63,#1C1F4A)}
.sl-grid span{display:grid;place-items:center;aspect-ratio:1;border-radius:22%;background:var(--c);color:#1C1F4A;font:700 clamp(13px,1.3vw,17px)/1.1 'Inter Tight',sans-serif;text-align:center;padding:6px;box-shadow:0 12px 24px -14px rgba(0,0,0,.6)}
.sl-grid span.sl-more{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3);color:#fff;font-size:clamp(14px,1.4vw,17px)}
.sl-sub ul{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.sl-sub ul li{display:flex;gap:10px;font:400 16px/1.5 Inter,sans-serif;color:var(--ink)}
.sl-sub ul li::before{content:"✓";flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--orange-t);color:#fff;font:700 12px/1 Inter}

/* the pack */
.sl-pack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.sl-pack li{display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;padding:22px;border-radius:24px;background:var(--t)}
.sl-pack i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--c);color:#1C1F4A;font:700 20px/1 'Inter Tight',sans-serif;font-style:normal}
.sl-pack h3{font:600 19px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.sl-pack p{font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}
.sl-pack small{display:flex;flex-wrap:wrap;gap:6px}
.sl-pack small span{padding:5px 10px;border-radius:999px;background:#fff;font:600 12px/1.2 Inter,sans-serif;color:var(--ink)}
.sl-pack small span.now{background:#14532D;color:#fff}
.sl-pack small span.soon{background:rgba(28,31,74,.08)}

/* baselines */
.sl-base{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(14px,1.6vw,22px);margin:0;padding:0;list-style:none}
.sl-base li{display:grid;gap:10px;padding:clamp(22px,2.4vw,30px);border-radius:24px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.sl-base b{font:700 clamp(30px,3vw,42px)/1 'Inter Tight',sans-serif;color:var(--sun)}
.sl-base h3{font:600 20px/1.25 'Inter Tight',sans-serif;color:#fff}
.sl-base p{font:400 15px/1.55 Inter,sans-serif;color:rgba(255,255,255,.82)}
.sl-base .chips{display:flex;flex-wrap:wrap;gap:6px}
.sl-base .chips span{padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.12);font:600 12px/1.2 Inter,sans-serif;color:#fff}

/* how it works */
.sl-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:ss}
.sl-steps li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6,inset 0 4px 0 var(--c);counter-increment:ss}
.sl-steps li::before{content:counter(ss);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--night);color:#fff;font:700 15px/1 'Inter Tight',sans-serif}
.sl-steps b{font:600 18px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.sl-steps span{font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}

/* price and sponsors */
.sl-price{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:stretch}
.sl-cap{display:grid;align-content:center;gap:10px;padding:clamp(26px,3vw,40px);border-radius:28px;background:linear-gradient(150deg,#C2410C,#9A3412);color:#fff}
.sl-cap small{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.sl-cap b{font:700 clamp(44px,5vw,68px)/1 'Inter Tight',sans-serif;letter-spacing:-.03em}
.sl-cap span{font:500 17px/1.45 Inter,sans-serif;color:rgba(255,255,255,.9)}
.sl-cap p{font:400 14px/1.5 Inter,sans-serif;color:rgba(255,255,255,.8)}
.sl-spons{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.sl-spons li{display:grid;gap:6px;padding:20px 22px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6}
.sl-spons b{font:600 18px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.sl-spons span{font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}
.sl-kpi{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.sl-kpi li{padding:9px 14px;border-radius:999px;background:var(--t);font:600 14px/1 Inter,sans-serif;color:var(--ink)}

/* badge */
.sl-badge{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(32px,5vw,72px);align-items:center}
.sl-seal{display:grid;place-items:center;width:min(100%,300px);aspect-ratio:1;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,#157A55,#0B4A33);box-shadow:0 0 0 14px rgba(46,194,126,.18),0 30px 60px -30px rgba(20,83,45,.6);text-align:center;color:#fff}
.sl-seal div{display:grid;gap:6px}
.sl-seal small{font:700 12px/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#fff}
.sl-seal b{font:700 30px/1.05 'Inter Tight',sans-serif}
.sl-seal span{font:500 13px/1.3 Inter,sans-serif;color:#fff}

/* form */

@media (max-width:1100px){.sl-gap,.sl-pack,.sl-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.sl-sub,.sl-base,.sl-price,.sl-badge,.sl-int{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.sl-gap,.sl-pack,.sl-steps,.sl-form__g{grid-template-columns:minmax(0,1fr)}.sl-who-t{border-radius:20px;grid-template-columns:minmax(0,1fr)}}
.sl-hero-how + .hm-btns{margin-top:clamp(26px,3vw,36px)}
/* the Cyber Ranges project page (27 Oct 2026) */
.cr-hl{color:var(--sun)}
.cr-src{margin-top:16px;font:400 13px/18px Inter,sans-serif;color:var(--grey)}
.band--night .cr-src{color:rgba(255,255,255,.6)}

/* the pool */
.cr-pool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.cr-pool__q{font:600 clamp(26px,2.8vw,38px)/1.2 'Inter Tight',sans-serif;letter-spacing:-.015em;color:var(--ink)}
.cr-pool__q em{font-style:normal;color:var(--orange-t)}
.cr-vs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cr-vs article{display:grid;align-content:start;gap:10px;padding:clamp(20px,2.2vw,28px);border-radius:24px}
.cr-vs article:first-child{background:#F3F4F8}
.cr-vs article:last-child{background:var(--night);color:#fff}
.cr-vs h3{font:600 20px/1.2 'Inter Tight',sans-serif}
.cr-vs article:first-child h3{color:var(--ink)}
.cr-vs ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.cr-vs li{display:flex;gap:10px;font:400 15px/1.45 Inter,sans-serif}
.cr-vs article:first-child li{color:var(--text-c)}
.cr-vs article:last-child li{color:rgba(255,255,255,.88)}
.cr-vs article:first-child li::before{content:"–";flex:none;color:var(--grey)}
.cr-vs article:last-child li::before{content:"✓";flex:none;font-weight:700;color:var(--sun)}

/* the gap */
.cr-gap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.cr-gap li{display:grid;align-content:start;gap:10px;padding:24px;border-radius:22px;background:var(--t)}
.cr-gap b{font:700 clamp(30px,3vw,42px)/1 'Inter Tight',sans-serif;letter-spacing:-.02em;color:var(--k)}
.cr-gap h3{font:600 18px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.cr-gap p{font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}

/* universities */
.cr-uni{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}
.cr-uni .cut{min-height:clamp(320px,30vw,440px);margin:20px}
.cr-ups{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 0;padding:0;list-style:none}
.cr-ups li{display:grid;align-content:start;gap:6px;padding:18px 20px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6,inset 0 4px 0 var(--c)}
.cr-ups b{font:600 17px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.cr-ups span{font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}

/* imagine */
.cr-img{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.cr-img li{display:grid;align-content:start;gap:12px;padding:clamp(22px,2.4vw,30px);border-radius:24px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.cr-img__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sun)}
.cr-img h3{font:600 22px/1.2 'Inter Tight',sans-serif;color:#fff}
.cr-img p{font:400 15px/1.55 Inter,sans-serif;color:rgba(255,255,255,.82)}
.cr-quote{margin-top:clamp(28px,3vw,40px);max-width:900px;font:500 clamp(20px,2vw,26px)/1.4 'Inter Tight',sans-serif;color:#fff}
.cr-quote em{font-style:normal;color:var(--sun)}

/* sponsors and auditors */
.cr-aud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.cr-aud li{display:grid;grid-template-rows:auto auto 1fr;gap:8px;padding:22px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px #E3E4EB}
.cr-aud__q{font:600 12px/16px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--grey)}
.cr-aud b{font:600 18px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.cr-aud span{font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}
.cr-kpi{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:clamp(24px,2.6vw,36px) 0 0;padding:0;list-style:none}
.cr-kpi li{display:grid;gap:6px;padding:16px;border-radius:18px;background:var(--t)}
.cr-kpi b{font:600 15px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.cr-kpi span{font:400 13px/1.4 Inter,sans-serif;color:var(--text-c)}
.cr-kpi__h{margin-top:clamp(28px,3vw,40px);font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-t)}

/* proof */
.rg-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin:0;padding:0;list-style:none}
.rg-case{display:grid;grid-template-rows:auto 1fr;border-radius:26px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6;overflow:hidden}
.rg-case figure{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden}
.rg-case img{width:100%;height:100%;object-fit:cover}
.rg-case figcaption{position:absolute;left:14px;top:14px;padding:7px 12px;border-radius:999px;background:#fff;font:600 12px/1 Inter,sans-serif;color:var(--ink);box-shadow:0 8px 20px -10px rgba(0,0,0,.4)}
.rg-case div{display:grid;align-content:start;gap:8px;padding:clamp(20px,2.2vw,26px)}
.rg-case h3{font:600 21px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.rg-case p{font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}
.rg-case b.rg-case__big{font:700 26px/1 'Inter Tight',sans-serif;color:var(--orange-t)}
.cr-wide{position:relative;margin:clamp(20px,2.4vw,32px) 0 0;border-radius:26px;overflow:hidden;aspect-ratio:21/9}
.cr-wide img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.cr-wide figcaption{position:absolute;left:16px;bottom:16px;max-width:calc(100% - 32px);padding:10px 14px;border-radius:14px;background:#fff;font:500 14px/1.4 Inter,sans-serif;color:var(--ink)}

/* how sponsorship works */
.cr-how{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.cr-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:cs}
.cr-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;align-items:center;padding:16px 20px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6;counter-increment:cs}
.cr-steps li::before{content:counter(cs);grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--orange-t);color:#fff;font:700 16px/1 'Inter Tight',sans-serif}
.cr-steps b{font:600 18px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.cr-steps span{font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}
.cr-sizes{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.cr-sizes li{padding:9px 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6;font:600 14px/1 Inter,sans-serif;color:var(--ink)}

@media (max-width:1100px){.cr-gap{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.cr-pool,.cr-uni,.cr-how{grid-template-columns:minmax(0,1fr)}.cr-img,.cr-aud,.rg-cases{grid-template-columns:minmax(0,1fr)}.cr-wide{aspect-ratio:4/3}}
@media (max-width:560px){.cr-gap,.cr-vs,.cr-ups{grid-template-columns:minmax(0,1fr)}.cr-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* expression of interest */
.cr-next{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none;counter-reset:cn}
.cr-next li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;counter-increment:cn}
.cr-next li::before{content:counter(cn);grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--night);color:#fff;font:700 14px/1 'Inter Tight',sans-serif}
.cr-next b{font:600 17px/1.3 'Inter Tight',sans-serif;color:var(--ink)}
.cr-next span{font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}
.cr-hero-how{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.cr-hero-how li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font:600 14px/1 Inter,sans-serif;color:#fff}
.cr-hero-how i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--sun);color:#1C1F4A;font:700 12px/1 'Inter Tight',sans-serif;font-style:normal}
.cr-hero-pool{margin-top:22px;padding-left:14px;border-left:3px solid var(--sun);font:500 16px/1.5 Inter,sans-serif;color:rgba(255,255,255,.85)}
.cr-hero-pool + .hm-btns{margin-top:clamp(28px,3vw,40px)}
/* world map */
.cr-map{margin:0;padding:clamp(14px,2vw,26px);border-radius:28px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.cr-map svg{display:block;width:100%;height:auto}
.cr-map__land{stroke:rgba(255,255,255,.28);stroke-width:4.6;stroke-linecap:round;fill:none}
.cr-pin circle{fill:var(--c)}
.cr-pin--need{--c:#FF7A3D}
.cr-pin--have{--c:#2EC27E}
.cr-pin__ring{fill:none!important;stroke:var(--c);stroke-width:2;opacity:0}
@media (prefers-reduced-motion:no-preference){.cr-pin--need .cr-pin__ring{animation:crPulse 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}}
@keyframes crPulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(3.2)}}
.cr-pin text{font:600 13px/1 Inter,sans-serif;fill:#fff;paint-order:stroke;stroke:#1C1F4A;stroke-width:4px}
.cr-map figcaption{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:14px;font:500 14px/1.3 Inter,sans-serif;color:rgba(255,255,255,.85)}
.cr-map figcaption span{display:inline-flex;align-items:center;gap:8px}
.cr-dot{width:12px;height:12px;border-radius:50%}
.cr-dot--need{background:#FF7A3D}.cr-dot--have{background:#2EC27E}
.cr-map__note{margin-left:auto;color:rgba(255,255,255,.55)}
.cr-regions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:clamp(20px,2.4vw,30px) 0 0;padding:0;list-style:none}
.cr-regions li{display:grid;gap:6px;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.cr-regions b{font:600 18px/1.2 'Inter Tight',sans-serif;color:#fff}
.cr-regions span{font:400 14px/1.45 Inter,sans-serif;color:rgba(255,255,255,.8)}
.cr-world-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin-top:clamp(20px,2.4vw,30px);padding:clamp(20px,2.4vw,28px);border-radius:24px;background:linear-gradient(120deg,#C2410C,#9A3412)}
.cr-world-cta p{max-width:640px;font:400 17px/1.5 Inter,sans-serif;color:#fff}
.cr-world-cta b{font-weight:700}
.cr-world-cta .pill{background:#fff;color:#9A3412}
@media (max-width:900px){.cr-regions{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-pin text{font-size:18px}}
@media (max-width:560px){.cr-regions{grid-template-columns:minmax(0,1fr)}.cr-map__note{margin-left:0}.cr-pin text{display:none}}
/* small ranges */
.cr-kits{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,22px);margin:0;padding:0;list-style:none}
.cr-kits > li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(16px,2vw,26px);padding:clamp(14px,1.6vw,20px);border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px #E3E4EB}
.cr-kits figure{margin:0;aspect-ratio:4/3;border-radius:20px;background:var(--t);overflow:hidden;display:grid;place-items:center}
.cr-kits figure img{width:100%;height:100%;object-fit:contain}
.cr-kits div{display:grid;gap:8px;padding-right:8px}
.cr-kits__for{font:600 12px/16px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-t)}
.cr-kits h3{font:600 24px/1.15 'Inter Tight',sans-serif;color:var(--ink)}
.cr-kits p{font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}
.cr-kits div ul{display:grid;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.cr-kits div ul li{display:flex;gap:8px;font:400 14px/1.45 Inter,sans-serif;color:var(--ink)}
.cr-kits div ul li::before{content:"✓";flex:none;font-weight:700;color:var(--orange-t)}
.cr-kits__also{margin-top:18px;font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}
.cr-kits__also b{color:var(--ink)}
@media (max-width:1100px){.cr-kits{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.cr-kits > li{grid-template-columns:minmax(0,1fr)}}
/* the Creators Recorded project page (28 Oct 2026): heritage brown and amber are the outcome's own; deep surfaces
   take white, light surfaces take ink */
:root{--cch:#5a2a0c;--cca:#ef8a3c;--ccl:#f7d0a8;--ccp:#FCEBDB}
.cc-hl{color:#FFC27A}
.cc-src{margin-top:16px;font:400 13px/18px Inter,sans-serif;color:var(--grey)}
.cc-hero-how{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.cc-hero-how li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font:600 14px/1 Inter,sans-serif;color:#fff}
.cc-hero-how b{color:#FFC27A}
.cc-hero-how + .hm-btns{margin-top:clamp(26px,3vw,36px)}

/* the problem: an editorial statement and three losses, no cards */
.cc-prob{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.cc-prob__q{font:600 clamp(26px,2.8vw,38px)/1.2 'Inter Tight',sans-serif;letter-spacing:-.015em;color:var(--ink)}
.cc-prob__q em{font-style:normal;color:var(--cch)}
.cc-loss{display:grid;margin:0;padding:0;list-style:none;counter-reset:cl}
.cc-loss li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;padding:20px 0;border-top:1px solid #EADFD3;counter-increment:cl}
.cc-loss li:last-child{border-bottom:1px solid #EADFD3}
.cc-loss li::before{content:counter(cl,decimal-leading-zero);grid-row:span 2;font:700 26px/1 'Inter Tight',sans-serif;color:var(--cch)}
.cc-loss b{font:600 19px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.cc-loss span{margin-top:4px;font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}

/* two missions: green for creators today (growth), night for creators we've lost (remembrance) */
.cc-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,22px)}
.cc-m{display:grid;align-content:start;gap:12px;padding:clamp(26px,3vw,40px);border-radius:30px;color:#fff}
.cc-m--now{background:linear-gradient(150deg,#15805A,#0E5C40)}
.cc-m--past{background:linear-gradient(150deg,#2D3270,#1C1F4A)}
.cc-m__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:.85}
.cc-m h3{font:600 clamp(24px,2.4vw,32px)/1.15 'Inter Tight',sans-serif;color:#fff}
.cc-m p{font:400 16px/1.55 Inter,sans-serif;color:rgba(255,255,255,.88)}
.cc-m ul{display:grid;gap:8px;margin:6px 0 0;padding:0;list-style:none}
.cc-m ul li{display:flex;gap:10px;font:400 15px/1.5 Inter,sans-serif;color:#fff}
.cc-m ul li::before{content:"✓";flex:none;font-weight:700;color:#FFC27A}
.cc-m .cc-m__go{justify-self:start;margin-top:10px;padding:12px 20px;border:0;border-radius:999px;background:#fff;color:#14162F;font:600 15px/1 Inter,sans-serif;cursor:pointer;text-decoration:none}

/* WCH ID: steps beside an example card */
.cc-id{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:center}
.cc-steps{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none;counter-reset:cs}
.cc-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;align-items:center;padding:14px 18px;border-radius:18px;background:#FFF7EF;counter-increment:cs}
.cc-steps li::before{content:counter(cs);grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--cch);color:#fff;font:700 16px/1 'Inter Tight',sans-serif}
.cc-steps b{font:600 17px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.cc-steps span{font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}
.cc-card{position:relative;display:grid;gap:14px;padding:clamp(24px,2.8vw,34px);border-radius:26px;background:#FFFDF8;box-shadow:inset 0 0 0 1.5px var(--ccl),0 30px 60px -36px rgba(90,42,12,.45)}
.cc-card::before{content:"";position:absolute;inset:0 0 auto;height:10px;border-radius:26px 26px 0 0;background:linear-gradient(90deg,var(--cca),var(--cch))}
.cc-card__k{margin-top:6px;font:600 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--cch)}
.cc-card h3{font:700 30px/1.05 'Inter Tight',sans-serif;color:#14162F}
.cc-card h3 small{display:block;margin-top:6px;font:500 18px/1 'Inter Tight',sans-serif;color:#3E4160}
.cc-card dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0}
.cc-card dt{font:600 11px/18px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6B5B4E}
.cc-card dd{margin:0;font:500 15px/18px Inter,sans-serif;color:#14162F}
.cc-card__id{justify-self:start;padding:7px 12px;border-radius:999px;background:var(--cch);color:#fff;font:700 13px/1 'Inter Tight',sans-serif;letter-spacing:.08em}
.cc-card__note{font:400 12px/1.4 Inter,sans-serif;color:#6B5B4E}

/* what a creator gets: light cards, ink text */
.cc-get{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.cc-get li{display:grid;align-content:start;gap:8px;padding:24px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6,inset 0 5px 0 var(--c)}
.cc-get b{font:600 19px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.cc-get span{font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}

/* the directory: night, with a search preview */
.cc-dir{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.cc-users{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.cc-users li{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font:600 14px/1 Inter,sans-serif;color:#fff}
.cc-search{display:grid;gap:12px;padding:clamp(20px,2.4vw,28px);border-radius:26px;background:#fff;color:#14162F}
.cc-search__bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;box-shadow:inset 0 0 0 1.5px #E3E4EB;font:400 15px/1 Inter,sans-serif;color:#6B6E8A}
.cc-search__f{display:flex;flex-wrap:wrap;gap:6px}
.cc-search__f span{padding:6px 11px;border-radius:999px;background:var(--ccp);font:600 12px/1.2 Inter,sans-serif;color:var(--cch)}
.cc-res{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.cc-res li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:16px;background:#F7F7FB}
.cc-res i{width:44px;height:44px;border-radius:50%;background:linear-gradient(150deg,var(--cca),var(--cch))}
.cc-res b{display:block;font:600 15px/1.2 'Inter Tight',sans-serif;color:#14162F}
.cc-res span{font:400 13px/1.35 Inter,sans-serif;color:#3E4160}
.cc-res em{font:600 12px/1 Inter,sans-serif;font-style:normal;color:#0E6B47}
.cc-soon{justify-self:start;padding:6px 12px;border-radius:999px;background:#FFF1CC;font:600 12px/1 Inter,sans-serif;color:#8A5A00}

/* every country */
.cc-map{margin:0;padding:clamp(14px,2vw,24px);border-radius:28px;background:#fff}
.cc-map svg{display:block;width:100%;height:auto}
.cc-map__land{stroke:#E6CBB0;stroke-width:4.6;stroke-linecap:round;fill:none}
.cc-pin circle{fill:var(--cch)}
.cc-pin__ring{fill:none!important;stroke:var(--cca);stroke-width:2;opacity:0}
@media (prefers-reduced-motion:no-preference){.cc-pin__ring{animation:ccPulse 2.6s ease-out infinite;transform-box:fill-box;transform-origin:center}}
@keyframes ccPulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(3)}}
.cc-pin text{font:600 13px/1 Inter,sans-serif;fill:#14162F;paint-order:stroke;stroke:#fff;stroke-width:4px}
.cc-words{display:flex;flex-wrap:wrap;gap:8px;margin:clamp(18px,2vw,26px) 0 0;padding:0;list-style:none}
.cc-words li{padding:9px 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #EADFD3;font:600 14px/1 Inter,sans-serif;color:var(--ink)}
.cc-words li span{margin-left:6px;font-weight:500;color:var(--text-c)}

/* biographies */
.cc-bio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.cc-leg{display:grid;gap:12px;padding:clamp(24px,2.8vw,34px);border-radius:26px;background:#FFF7EF;box-shadow:inset 0 0 0 1px #EADFD3}
.cc-leg__k{font:600 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--cch)}
.cc-leg h3{font:700 28px/1.1 'Inter Tight',sans-serif;color:var(--ink)}
.cc-leg p{font:400 15px/1.55 Inter,sans-serif;color:var(--text-c)}
.cc-leg ol{display:grid;gap:0;margin:4px 0 0;padding:0;list-style:none}
.cc-leg ol li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid #F1E7DC;font:400 14px/1.45 Inter,sans-serif;color:var(--ink)}
.cc-leg ol li b{font:700 15px/1.45 'Inter Tight',sans-serif;color:var(--cch)}
.cc-who{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.cc-who li{display:flex;gap:10px;font:400 16px/1.5 Inter,sans-serif;color:var(--ink)}
.cc-who li::before{content:"✓";flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--cch);color:#fff;font:700 12px/1 Inter}
.cc-consent{margin-top:18px;padding:14px 18px;border-radius:16px;background:#FFF7EF;box-shadow:inset 0 0 0 1px #EADFD3;font:400 14px/1.5 Inter,sans-serif;color:var(--ink)}
@media (max-width:1100px){.cc-get{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.cc-prob,.cc-two,.cc-id,.cc-dir,.cc-bio{grid-template-columns:minmax(0,1fr)}.cc-pin text{font-size:18px}}
@media (max-width:560px){.cc-get{grid-template-columns:minmax(0,1fr)}.cc-pin text{display:none}}

#cc-sponsor .pill{background:#fff;color:#14162F;box-shadow:none}
.cc-do{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:cd}
.cc-do li{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;padding:18px 20px;border-radius:20px;background:#fff;counter-increment:cd}
.cc-do li::before{content:counter(cd);grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#9A3412;color:#fff;font:700 16px/1 'Inter Tight',sans-serif}
.cc-do b{font:600 18px/1.25 'Inter Tight',sans-serif;color:#14162F}
.cc-do span{font:400 14px/1.45 Inter,sans-serif;color:#3E4160}
.cc-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:clamp(18px,2vw,26px)}
.cc-ways article{display:grid;gap:6px;padding:20px 22px;border-radius:20px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.cc-ways__k{font:600 11px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:.85}
.cc-ways h3{font:600 20px/1.2 'Inter Tight',sans-serif;color:#fff}
.cc-ways p{font:400 14px/1.5 Inter,sans-serif;color:rgba(255,255,255,.9)}
.cc-rep{display:grid;gap:8px;margin-top:clamp(18px,2vw,26px);padding:18px 22px;border-radius:18px;background:#fff}
.cc-rep p{font:400 15px/1.5 Inter,sans-serif;color:#14162F}
.cc-rep b{color:#9A3412}
@media (max-width:900px){.cc-do,.cc-ways{grid-template-columns:minmax(0,1fr)}}
/* the CPTED Architects and Auditors project page (28 Oct 2026) */
.ct-hl{color:#FFC27A}
.ct-hero-how{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.ct-hero-how li{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font:600 14px/1 Inter,sans-serif;color:#fff}
.ct-hero-how b{color:#FFC27A}
.ct-hero-how + .hm-btns{margin-top:clamp(26px,3vw,36px)}

/* the problem: a statement beside four numbered reasons */
.ct-prob{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.ct-prob__q{font:600 clamp(26px,2.8vw,38px)/1.2 'Inter Tight',sans-serif;letter-spacing:-.015em;color:var(--ink)}
.ct-prob__q em{font-style:normal;color:#9A3412}
.ct-list{display:grid;margin:0;padding:0;list-style:none;counter-reset:cl}
.ct-list li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;padding:20px 0;border-top:1px solid #E7E3DC;counter-increment:cl}
.ct-list li:last-child{border-bottom:1px solid #E7E3DC}
.ct-list li::before{content:counter(cl,decimal-leading-zero);grid-row:span 2;font:700 26px/1 'Inter Tight',sans-serif;color:#9A3412}
.ct-list b{font:600 19px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.ct-list span{margin-top:4px;font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}

/* CPTED, with the T for Technology */
.ct-word{display:flex;flex-wrap:wrap;gap:clamp(8px,1.2vw,16px);margin:0 0 clamp(26px,3vw,40px);padding:0;list-style:none}
.ct-word li{display:grid;justify-items:center;gap:10px;min-width:clamp(92px,11vw,150px);padding:clamp(16px,2vw,24px) 14px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #E7E3DC}
.ct-word b{font:700 clamp(44px,5.4vw,76px)/1 'Inter Tight',sans-serif;color:#1C1F4A}
.ct-word span{font:600 14px/1.25 Inter,sans-serif;color:var(--text-c);text-align:center}
.ct-word small{display:block;font:500 12px/1.2 Inter,sans-serif;color:#6B6E8A}
.ct-word .is-t{background:linear-gradient(160deg,#C2410C,#9A3412);box-shadow:none}
.ct-word .is-t b,.ct-word .is-t span{color:#fff}
.ct-word .is-t small{color:rgba(255,255,255,.8)}
.ct-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,22px)}
.ct-col{display:grid;align-content:start;gap:12px;padding:clamp(24px,2.8vw,34px);border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px #E7E3DC}
.ct-col--new{box-shadow:inset 0 0 0 2px #C2410C}
.ct-col__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6B6E8A}
.ct-col--new .ct-col__k{color:#9A3412}
.ct-col h3{font:600 clamp(22px,2.2vw,28px)/1.15 'Inter Tight',sans-serif;color:var(--ink)}
.ct-col ul{display:grid;gap:9px;margin:4px 0 0;padding:0;list-style:none}
.ct-col li{display:flex;gap:10px;font:400 15px/1.5 Inter,sans-serif;color:var(--ink)}
.ct-col li::before{content:"";flex:none;width:8px;height:8px;margin-top:8px;border-radius:50%;background:#9EA1B8}
.ct-col--new li::before{background:#C2410C}

/* the standard: night band, seven categories and the stars */
.ct-sids{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,56px);align-items:start}
.ct-cats{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.ct-cats li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.ct-cats b{font:600 17px/1.25 'Inter Tight',sans-serif;color:#fff}
.ct-cats em{font:700 15px/1 'Inter Tight',sans-serif;font-style:normal;color:#FFC27A}
.ct-cats span{grid-column:1/-1;font:400 14px/1.45 Inter,sans-serif;color:rgba(255,255,255,.78)}
.ct-cats i{grid-column:1/-1;display:block;height:5px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.ct-cats i::after{content:"";display:block;width:calc(var(--w) * 4%);height:100%;border-radius:999px;background:#FFC27A}
.ct-stars{display:grid;gap:12px;padding:clamp(22px,2.6vw,30px);border-radius:26px;background:#fff;color:#14162F}
.ct-stars__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9A3412}
.ct-stars h3{font:600 22px/1.2 'Inter Tight',sans-serif;color:#14162F}
.ct-stars ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.ct-stars ol li{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:#F7F7FB;font:500 14px/1.3 Inter,sans-serif;color:#14162F}
.ct-stars ol li span:first-child{color:#C2410C;letter-spacing:.08em}
.ct-stars ol li em{font-style:normal;font-weight:600;color:#3E4160}
.ct-stars p{font:400 14px/1.5 Inter,sans-serif;color:#3E4160}
.ct-rel{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(18px,2vw,24px)}
.ct-rel span{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font:600 14px/1 Inter,sans-serif;color:#fff}

/* security without fear: six principles on light cards */
.ct-fear{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ct-fear li{display:grid;align-content:start;gap:8px;padding:24px;border-radius:24px;background:var(--t);box-shadow:inset 0 5px 0 var(--k)}
.ct-fear b{font:600 19px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.ct-fear span{font:400 15px/1.5 Inter,sans-serif;color:#3E4160}

/* where it matters: building types */
.ct-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ct-types li{display:grid;align-content:start;gap:10px;padding:24px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #E7E3DC}
.ct-types i{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--c);color:#fff;font:700 20px/1 'Inter Tight',sans-serif;font-style:normal}
.ct-types b{font:600 20px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.ct-types span{font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}
.ct-code{display:grid;gap:8px;margin-top:22px;padding:18px;border-radius:22px;background:#F7F8FC}
.ct-code__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#173F7A}
.ct-code__row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border-radius:14px;background:#fff}
.ct-code__row b{font:600 16px/1.3 'Inter Tight',sans-serif;color:#1F5FA8}
.ct-code__row.is-b b{color:#9A3412}
.ct-code__row span{font:400 15px/1.5 Inter,sans-serif;color:var(--ink)}
.ct-note{margin-top:16px;font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}

/* who we train */
.ct-who{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ct-who li{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:16px;padding:22px;border-radius:24px;background:#F7F8FC}
.ct-who i{grid-row:span 3;display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(150deg,#1F5FA8,#173F7A);color:#fff;font:700 18px/1 'Inter Tight',sans-serif;font-style:normal}
.ct-who b{font:600 20px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.ct-who span{margin-top:4px;font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}
.ct-who em{margin-top:8px;font:600 13px/1.3 Inter,sans-serif;font-style:normal;color:#173F7A}
.ct-cert{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:16px;padding:20px 24px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1.5px #D6E4F5}
.ct-cert b{font:700 22px/1 'Inter Tight',sans-serif;color:#173F7A}
.ct-cert p{font:400 15px/1.5 Inter,sans-serif;color:var(--ink)}
.ct-cert a{font:600 15px/1 Inter,sans-serif;color:#173F7A}

/* the sponsor ask */
#ct-sponsor .pill{background:#fff;color:#14162F;box-shadow:none}
.ct-ways{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ct-ways li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:#fff}
.ct-ways__k{font:600 11px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9A3412}
.ct-ways b{font:600 19px/1.25 'Inter Tight',sans-serif;color:#14162F}
.ct-ways span{font:400 14px/1.5 Inter,sans-serif;color:#3E4160}
.ct-rep__k{margin-top:clamp(24px,2.6vw,34px);font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.ct-rep{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.ct-rep li{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);font:600 14px/1 Inter,sans-serif;color:#fff}
.ct-routes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.ct-routes p{padding:16px 20px;border-radius:18px;background:#fff;font:400 15px/1.5 Inter,sans-serif;color:#14162F}
.ct-routes b{color:#9A3412}

/* every country */
.ct-map{margin:0;padding:clamp(14px,2vw,24px);border-radius:28px;background:#fff}
.ct-map svg{display:block;width:100%;height:auto}
.ct-map__land{stroke:#E3DED5;stroke-width:4.6;stroke-linecap:round;fill:none}
.ct-pin circle{fill:var(--c)}
.ct-pin--a{--c:#1C1F4A}
.ct-pin--b{--c:#C2410C}
.ct-pin__ring{fill:none!important;stroke:var(--c);stroke-width:2;opacity:0}
@media (prefers-reduced-motion:no-preference){.ct-pin--b .ct-pin__ring{animation:ctPulse 2.6s ease-out infinite;transform-box:fill-box;transform-origin:center}}
@keyframes ctPulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(3)}}
.ct-pin text{font:600 13px/1 Inter,sans-serif;fill:#14162F;paint-order:stroke;stroke:#fff;stroke-width:4px}
.ct-legend{display:flex;flex-wrap:wrap;gap:10px 24px;margin:16px 4px 0;padding:0;list-style:none}
.ct-legend li{display:flex;align-items:center;gap:8px;font:500 14px/1.4 Inter,sans-serif;color:var(--ink)}
.ct-legend li::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--c)}
.ct-regions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:clamp(18px,2vw,26px) 0 0;padding:0;list-style:none}
.ct-regions li{display:grid;gap:6px;padding:18px 20px;border-radius:20px;background:#fff}
.ct-regions b{font:600 17px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.ct-regions span{font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}

/* writing it in the open: a timeline */
.ct-time{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;counter-reset:ct}
.ct-time li{position:relative;display:grid;align-content:start;gap:8px;padding:0 16px 0 0;counter-increment:ct}
.ct-time li::before{content:counter(ct);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #1C1F4A;color:#1C1F4A;font:700 17px/1 'Inter Tight',sans-serif;position:relative;z-index:1}
.ct-time li::after{content:"";position:absolute;top:21px;left:44px;right:0;height:2px;background:#D9DAE6}
.ct-time li:last-child::after{display:none}
.ct-time li.is-done::before{background:#15805A;box-shadow:none;color:#fff}
.ct-time b{margin-top:6px;font:600 18px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.ct-time span{font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}
.ct-time em{font:600 12px/1 Inter,sans-serif;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#0E6B47}

@media (max-width:1100px){.ct-types,.ct-ways,.ct-regions{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-fear{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-time{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:24px 12px}.ct-time li::after{display:none}}
@media (max-width:900px){.ct-prob,.ct-two,.ct-sids,.ct-who,.ct-routes{grid-template-columns:minmax(0,1fr)}.ct-cert{grid-template-columns:minmax(0,1fr)}.ct-pin text{font-size:18px}}
@media (max-width:560px){.ct-types,.ct-ways,.ct-regions,.ct-fear{grid-template-columns:minmax(0,1fr)}.ct-pin text{display:none}.ct-word li{min-width:0;flex:1 1 30%}}
/* the CPTED-Rated Cities project page (28 Oct 2026) */
.rc-hl{color:#FFC27A}
.rc-hero-how{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.rc-hero-how li{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font:600 14px/1 Inter,sans-serif;color:#fff}
.rc-hero-how b{color:#FFC27A}
.rc-hero-how + .hm-btns{margin-top:clamp(26px,3vw,36px)}

/* the problem */
.rc-prob{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.rc-prob__q{font:600 clamp(26px,2.8vw,38px)/1.2 'Inter Tight',sans-serif;letter-spacing:-.015em;color:var(--ink)}
.rc-prob__q em{font-style:normal;color:#B91C1C}
.rc-list{display:grid;margin:0;padding:0;list-style:none;counter-reset:cl}
.rc-list li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;padding:18px 0;border-top:1px solid #E7E3DC;counter-increment:cl}
.rc-list li:last-child{border-bottom:1px solid #E7E3DC}
.rc-list li::before{content:counter(cl,decimal-leading-zero);grid-row:span 2;font:700 26px/1 'Inter Tight',sans-serif;color:#B91C1C}
.rc-list b{font:600 19px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.rc-list span{margin-top:4px;font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}

/* the safety map */
.rc-mapw{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.rc-map{position:relative;margin:0;padding:clamp(10px,1.4vw,16px);border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px #E7E3DC}
.rc-svg{display:block;width:100%;height:auto}
.rc-city{fill:#FBF8F3;stroke:#E3DED5;stroke-width:2}
.rc-ridge{fill:#E3EFE4}
.rc-river{fill:none;stroke:#BBD7EE;stroke-width:16;stroke-linecap:round}
.rc-ring{fill:none;stroke:#E8E1D6;stroke-width:6}
.rc-ring--o{stroke-width:7}
.rc-road{fill:none;stroke:#EFE9DF;stroke-width:5;stroke-linecap:round}
.rc-metro{fill:none;stroke:#B9BCD0;stroke-width:2.5;stroke-dasharray:2 7;stroke-linecap:round}
.rc-lbl{font:600 13px/1 Inter,sans-serif;fill:#8A8DA6;letter-spacing:.06em}
.rc-ward{fill-opacity:.2;stroke:#fff;stroke-width:3;cursor:pointer;transition:fill-opacity .2s}
.rc-ward:hover,.rc-ward.is-on{fill-opacity:.42}
.rc-ward:focus{outline:none}
.rc-ward:focus-visible{stroke:#1C1F4A}
.rc-wlbl text{font:700 15px/1 'Inter Tight',sans-serif;fill:#1C1F4A;opacity:.55;text-anchor:middle;pointer-events:none}
.rc-parkb{fill:#CFE6D2;opacity:.85;pointer-events:none}
.rc-last{stroke:#9A3412;stroke-width:4;stroke-dasharray:3 6;stroke-linecap:round;fill:none}
.rc-dia{stroke:#fff;stroke-width:1.5}
.rc-dia--off{stroke:#94A3B8;stroke-width:2}
.rc-help circle{fill:#15805A;stroke:#fff;stroke-width:1.5}
.rc-help path{stroke:#fff;stroke-width:2}
.rc-metro,.rc-heat,.rc-dot,.rc-sq,.rc-dark,.rc-last,.rc-dia,.rc-help,.rc-lbl{pointer-events:none}
.rc-park ellipse{fill:#CFE6D2;stroke:#9CCBA4;stroke-width:1.5;transition:fill .2s}
.rc-park:hover ellipse,.rc-park.is-on ellipse{fill:#B6DDBD;stroke:#15805A;stroke-width:2.5}
.rc-park text{font:700 14px/1 'Inter Tight',sans-serif;fill:#fff;text-anchor:middle;pointer-events:none}
.rc-park:focus{outline:none}
.rc-park:focus-visible ellipse{stroke:#1C1F4A;stroke-width:3}
.rc-dot{stroke:#fff;stroke-width:1.5}
.rc-sq{stroke:#fff;stroke-width:1.5}
.rc-dark{stroke:#1C1F4A;stroke-width:7;stroke-linecap:round;opacity:.8}
.rc-svg [data-l].is-off{display:none}
.rc-map__note{margin:10px 6px 2px;font:400 13px/1.45 Inter,sans-serif;color:var(--text-c)}
.rc-side{display:grid;gap:12px}
.rc-lyr{display:grid;gap:6px;margin:0;padding:16px 18px;border:0;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px #E7E3DC}
.rc-lyr legend{float:left;width:100%;margin-bottom:6px;padding:0;font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6B6E8A}
.rc-lyr label{display:flex;align-items:center;gap:10px;font:500 14px/1.3 Inter,sans-serif;color:var(--ink);cursor:pointer}
.rc-lyr input{width:16px;height:16px;margin:0;accent-color:#1C1F4A}
.rc-lyr i{flex:none;width:12px;height:12px;border-radius:50%;background:var(--c)}
.rc-lyr i.is-sq{border-radius:3px}
.rc-lyr i.is-line{width:18px;height:5px;border-radius:3px}
.rc-lyr i.is-dia{width:10px;height:10px;border-radius:2px;transform:rotate(45deg);margin:0 1px}

/* every park, rated */
.rc-parks{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.rc-scale{display:grid;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.rc-scale li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;padding:10px 14px;border-radius:16px;background:#F7F8FC}
.rc-scale b{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--c);color:#fff;font:700 20px/1 'Inter Tight',sans-serif}
.rc-scale span{font:500 15px/1.4 Inter,sans-serif;color:var(--ink)}
.rc-card{display:grid;gap:14px;padding:clamp(22px,2.6vw,30px);border-radius:26px;background:#fff;box-shadow:inset 0 0 0 1.5px #E7E3DC,0 30px 60px -40px rgba(28,31,74,.45)}
.rc-card__top{display:flex;align-items:center;gap:14px}
.rc-card__g{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:18px;background:var(--c);color:#fff;font:700 28px/1 'Inter Tight',sans-serif}
.rc-card__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6B6E8A}
.rc-card h3{font:600 24px/1.15 'Inter Tight',sans-serif;color:var(--ink)}
.rc-checks{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none}
.rc-checks li{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:#F7F8FC;font:500 14px/1.3 Inter,sans-serif;color:var(--ink)}
.rc-checks li::before{content:"✓";display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#15805A;color:#fff;font:700 11px/1 Inter}
.rc-checks li.is-no::before{content:"✕";background:#B91C1C}
.rc-fix__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9A3412}
.rc-fix{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.rc-fix li{display:flex;gap:10px;font:400 15px/1.45 Inter,sans-serif;color:var(--ink)}
.rc-fix li::before{content:"→";flex:none;font-weight:700;color:#C2410C}
.rc-card__note{font:400 12px/1.4 Inter,sans-serif;color:#6B6E8A}
.rc-res{margin-top:18px;padding:14px 18px;border-radius:16px;background:#EEF5FF;font:400 14px/1.5 Inter,sans-serif;color:var(--ink)}
.rc-res b{color:#173F7A}

/* how it works */
.rc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:rs}
.rc-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding:22px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #E7E3DC;counter-increment:rs}
.rc-steps li::before{content:counter(rs);grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--c);color:#fff;font:700 17px/1 'Inter Tight',sans-serif}
.rc-steps b{font:600 19px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.rc-steps span{margin-top:4px;font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}

/* the checklist */
.rc-chk{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.rc-chk li{display:grid;align-content:start;gap:6px;padding:18px;border-radius:20px;background:var(--t)}
.rc-chk b{font:600 16px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.rc-chk span{font:400 14px/1.45 Inter,sans-serif;color:#3E4160}
.rc-how{margin-top:16px;font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}

/* who uses the map: night band */
.rc-users{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.rc-users li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.rc-users b{font:600 18px/1.25 'Inter Tight',sans-serif;color:#fff}
.rc-users span{font:400 14px/1.5 Inter,sans-serif;color:rgba(255,255,255,.82)}

/* research */
.rc-papers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.rc-papers li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:#F7F8FC;box-shadow:inset 0 4px 0 #1F5FA8}
.rc-papers em{font:600 12px/1 Inter,sans-serif;font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#173F7A}
.rc-papers b{font:600 17px/1.3 'Inter Tight',sans-serif;color:var(--ink)}
.rc-papers span{font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}
.rc-papers a{font:600 14px/1 Inter,sans-serif;color:#173F7A}

/* the sponsor ask */
#rc-sponsor .pill{background:#fff;color:#14162F;box-shadow:none}
.rc-ways{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.rc-ways li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:#fff}
.rc-ways__k{font:600 11px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9A3412}
.rc-ways b{font:600 19px/1.25 'Inter Tight',sans-serif;color:#14162F}
.rc-ways span{font:400 14px/1.5 Inter,sans-serif;color:#3E4160}
.rc-rep__k{margin-top:clamp(24px,2.6vw,34px);font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.rc-rep{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.rc-rep li{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);font:600 14px/1 Inter,sans-serif;color:#fff}
.rc-csr{margin-top:18px;padding:16px 20px;border-radius:18px;background:#fff;font:400 15px/1.5 Inter,sans-serif;color:#14162F}
.rc-csr b{color:#9A3412}

@media (max-width:1100px){.rc-mapw{grid-template-columns:minmax(0,1fr)}.rc-side{grid-template-columns:repeat(2,minmax(0,1fr))}.rc-chk,.rc-users{grid-template-columns:repeat(3,minmax(0,1fr))}.rc-ways{grid-template-columns:repeat(2,minmax(0,1fr))}.rc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.rc-prob,.rc-parks{grid-template-columns:minmax(0,1fr)}.rc-side,.rc-papers{grid-template-columns:minmax(0,1fr)}.rc-chk,.rc-users{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.rc-chk,.rc-users,.rc-ways,.rc-steps,.rc-checks{grid-template-columns:minmax(0,1fr)}}
/* the World Comic Heritage Centres project page (28 Oct 2026) */
.wh-hl{color:#FFC27A}
.wh-hero-how{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.wh-hero-how li{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font:600 14px/1 Inter,sans-serif;color:#fff}
.wh-hero-how b{color:#FFC27A}
.wh-hero-how + .hm-btns{margin-top:clamp(26px,3vw,36px)}

/* the problem */
.wh-prob{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.wh-prob__q{font:600 clamp(26px,2.8vw,38px)/1.2 'Inter Tight',sans-serif;letter-spacing:-.015em;color:var(--ink)}
.wh-prob__q em{font-style:normal;color:#5a2a0c}
.wh-list{display:grid;margin:0;padding:0;list-style:none;counter-reset:cl}
.wh-list li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;padding:20px 0;border-top:1px solid #EADFD3;counter-increment:cl}
.wh-list li:last-child{border-bottom:1px solid #EADFD3}
.wh-list li::before{content:counter(cl,decimal-leading-zero);grid-row:span 2;font:700 26px/1 'Inter Tight',sans-serif;color:#5a2a0c}
.wh-list b{font:600 19px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.wh-list span{margin-top:4px;font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}

/* what a centre holds: a floor plan of six rooms */
.wh-plan{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:12px;margin:0;padding:0;list-style:none}
.wh-plan li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #EADFD3,inset 0 5px 0 var(--c)}
.wh-plan li:nth-child(1){grid-column:span 3;grid-row:span 2;background:linear-gradient(160deg,#FFF7EF,#fff)}
.wh-plan li:nth-child(2),.wh-plan li:nth-child(3){grid-column:span 3}
.wh-plan li:nth-child(n+4){grid-column:span 2}
.wh-plan i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--c);color:#fff;font:700 18px/1 'Inter Tight',sans-serif;font-style:normal}
.wh-plan b{font:600 20px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.wh-plan li:nth-child(1) b{font-size:clamp(24px,2.4vw,30px)}
.wh-plan span{font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}
.wh-plan li:nth-child(1) span{font-size:17px}
.wh-link{margin-top:16px;font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}
.wh-link a{font-weight:600;color:#5a2a0c}

/* why a city wants one: night band */
.wh-why{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.wh-gains{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.wh-gains li{display:grid;gap:6px;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.wh-gains b{font:600 18px/1.25 'Inter Tight',sans-serif;color:#fff}
.wh-gains span{font:400 14px/1.5 Inter,sans-serif;color:rgba(255,255,255,.82)}
.wh-world{display:grid;gap:10px;padding:clamp(22px,2.6vw,30px);border-radius:26px;background:#fff}
.wh-world__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#5a2a0c}
.wh-world h3{font:600 22px/1.2 'Inter Tight',sans-serif;color:#14162F}
.wh-world ul{display:grid;gap:8px;margin:4px 0 0;padding:0;list-style:none}
.wh-world li{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:#FFF7EF}
.wh-world li b{font:600 16px/1.3 'Inter Tight',sans-serif;color:#14162F}
.wh-world li span{font:400 14px/1.4 Inter,sans-serif;color:#3E4160}
.wh-world p{font:400 14px/1.5 Inter,sans-serif;color:#3E4160}

/* three centres */
.wh-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.wh-three li{position:relative;display:grid;align-content:start;gap:10px;padding:clamp(24px,2.6vw,32px);border-radius:28px;background:#FFF7EF;overflow:hidden}
.wh-three li::after{content:"";position:absolute;right:-30px;bottom:-30px;width:140px;height:160px;border-radius:70px 70px 0 0;background:var(--c);opacity:.12}
.wh-three__n{font:700 clamp(40px,4vw,56px)/1 'Inter Tight',sans-serif;color:var(--c)}
.wh-three b{font:600 24px/1.15 'Inter Tight',sans-serif;color:var(--ink)}
.wh-three span{font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}
.wh-three em{justify-self:start;margin-top:6px;padding:7px 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #EADFD3;font:600 13px/1 Inter,sans-serif;font-style:normal;color:#5a2a0c}

/* the sponsor ask */
#wh-sponsor .pill{background:#fff;color:#14162F;box-shadow:none}
.wh-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wh-route{display:grid;align-content:start;gap:10px;padding:clamp(24px,2.8vw,34px);border-radius:28px;background:#fff}
.wh-route__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9A3412}
.wh-route h3{font:600 clamp(24px,2.4vw,30px)/1.15 'Inter Tight',sans-serif;color:#14162F}
.wh-route p{font:400 16px/1.55 Inter,sans-serif;color:#3E4160}
.wh-route ul{display:grid;gap:8px;margin:4px 0 0;padding:0;list-style:none}
.wh-route li{display:flex;gap:10px;font:400 15px/1.5 Inter,sans-serif;color:#14162F}
.wh-route li::before{content:"";flex:none;width:8px;height:8px;margin-top:8px;border-radius:50%;background:#C2410C}
.wh-also{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.wh-also article{display:grid;gap:6px;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.wh-also b{font:600 18px/1.25 'Inter Tight',sans-serif;color:#fff}
.wh-also span{font:400 14px/1.5 Inter,sans-serif;color:rgba(255,255,255,.9)}
.wh-rep__k{margin-top:clamp(24px,2.6vw,34px);font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.wh-rep{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.wh-rep li{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);font:600 14px/1 Inter,sans-serif;color:#fff}
.wh-csr{margin-top:18px;padding:16px 20px;border-radius:18px;background:#fff;font:400 15px/1.5 Inter,sans-serif;color:#14162F}
.wh-csr b{color:#9A3412}

/* how a centre gets built */
.wh-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;counter-reset:ws}
.wh-steps li{position:relative;display:grid;align-content:start;gap:8px;padding:0 16px 0 0;counter-increment:ws}
.wh-steps li::before{content:counter(ws);position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#5a2a0c;color:#fff;font:700 17px/1 'Inter Tight',sans-serif}
.wh-steps li::after{content:"";position:absolute;top:21px;left:44px;right:0;height:2px;background:#EADFD3}
.wh-steps li:last-child::after{display:none}
.wh-steps b{margin-top:6px;font:600 18px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.wh-steps span{font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}

@media (max-width:1100px){.wh-plan{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-plan li:nth-child(n){grid-column:span 1;grid-row:auto}.wh-plan li:nth-child(1){grid-column:1/-1}.wh-steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:24px 12px}.wh-steps li::after{display:none}}
@media (max-width:900px){.wh-prob,.wh-why,.wh-two{grid-template-columns:minmax(0,1fr)}.wh-three,.wh-also{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.wh-plan,.wh-gains{grid-template-columns:minmax(0,1fr)}}
/* a livelier heritage page (28 Oct 2026): a halftone paper band, gallery frames with an ink shadow and a slight tilt
   like pages pinned to a wall, round-topped portraits, and speech bubbles for every country's word for comics */
.wh-dots{background-image:radial-gradient(rgba(194,65,12,.14) 1.1px,transparent 1.6px);background-size:14px 14px}
.wh-scroll{margin:0 0 clamp(18px,2vw,26px);padding:10px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 3px #14162F,7px 7px 0 #14162F}
.wh-scroll img{display:block;width:100%;height:clamp(110px,14vw,190px);object-fit:cover;object-position:30% 50%;border-radius:2px}
.wh-scroll figcaption,.wh-world__ph figcaption{margin-top:10px;font:400 14px/1.4 Inter,sans-serif;color:#3E4160}
.wh-scroll figcaption b{color:#14162F}
.wh-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin:0;padding:0;list-style:none}
.wh-wall li{display:grid;grid-template-rows:auto 1fr;gap:10px;padding:10px 10px 14px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 3px #14162F,6px 6px 0 #14162F;rotate:var(--r);transition:rotate .3s var(--ease-dd),translate .3s var(--ease-dd)}
.wh-wall li:hover{rotate:0deg;translate:0 -4px}
.wh-wall img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:2px;background:#F3EEE6}
.wh-wall p{display:grid;gap:4px;padding:0 4px}
.wh-wall b{font:700 16px/1.25 'Inter Tight',sans-serif;color:#14162F}
.wh-wall span{font:400 13px/1.45 Inter,sans-serif;color:#3E4160}
.wh-more{margin-top:clamp(18px,2vw,26px);font:600 15px/1.4 Inter,sans-serif}
.wh-more a{color:#5a2a0c}
.wh-people{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.4vw,18px);margin:0;padding:0;list-style:none}
.wh-people a{display:grid;gap:4px;color:inherit;text-decoration:none}
.wh-people img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:999px 999px 18px 18px;filter:grayscale(.15);box-shadow:inset 0 0 0 1px rgba(0,0,0,.05),0 0 0 4px #fff,0 0 0 7px var(--c);margin-bottom:12px;transition:filter .3s,translate .3s var(--ease-dd)}
.wh-people a:hover img{filter:none;translate:0 -4px}
.wh-people b{font:600 19px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.wh-people span{font:500 13px/1.3 Inter,sans-serif;color:#6B6E8A}
.wh-people em{margin-top:4px;font:600 14px/1.35 Inter,sans-serif;font-style:normal;color:var(--c)}
.wh-plan__ph{position:relative;overflow:hidden}
.wh-plan__ph img{display:block;width:calc(100% + 44px);margin:-22px -22px 6px;height:clamp(160px,16vw,220px);object-fit:cover}
.wh-world__ph{margin:-8px -8px 8px}
.wh-world__ph img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px}
.wh-words{display:flex;flex-wrap:wrap;gap:14px 12px;margin:clamp(26px,3vw,40px) 0 0;padding:0;list-style:none}
.wh-words li{position:relative;display:grid;gap:2px;padding:12px 18px;border-radius:22px;background:var(--c);color:#fff}
.wh-words li::after{content:"";position:absolute;left:22px;bottom:-9px;border:10px solid transparent;border-top-color:var(--c);border-bottom:0}
.wh-words li:nth-child(even)::after{left:auto;right:22px}
.wh-words b{font:700 18px/1.15 'Inter Tight',sans-serif;color:#fff}
.wh-words span{font:500 13px/1.3 Inter,sans-serif;color:rgba(255,255,255,.88)}
.wh-credits{margin-top:clamp(24px,3vw,36px);font:400 12px/1.5 Inter,sans-serif;color:#6B6E8A}
@media (max-width:1100px){.wh-wall,.wh-people{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.wh-wall,.wh-people{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.wh-wall li{rotate:0deg}}
/* a livelier Creators Recorded page (28 Oct 2026): World Comic Heritage's own line as a speech bubble, Tezuka on the
   example ID card, creators already in the registry, and the legacy record as a library catalogue card */
.cc-quote{position:relative;max-width:820px;margin:clamp(34px,4vw,56px) auto 0;padding:clamp(22px,2.6vw,32px) clamp(24px,3vw,40px);border-radius:32px;background:#1C1F4A;color:#fff;text-align:center}
.cc-quote::after{content:"";position:absolute;left:50%;bottom:-16px;margin-left:-16px;border:16px solid transparent;border-top-color:#1C1F4A;border-bottom:0}
.cc-quote p{font:600 clamp(22px,2.4vw,32px)/1.25 'Inter Tight',sans-serif;letter-spacing:-.01em;color:#fff}
.cc-quote cite{display:block;margin-top:12px;font:600 12px/16px Inter,sans-serif;font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:#FFC27A}
.cc-card--id{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:0;padding:clamp(16px,2vw,24px)}
.cc-id__ph{min-height:0;aspect-ratio:4/5}
.cc-card__b{display:grid;align-content:start;gap:14px;padding:6px 6px 6px clamp(16px,2vw,26px)}
.cc-reg{margin-top:clamp(28px,3vw,44px)}
.cc-reg__h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}
.cc-orbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px);max-width:900px;margin:0;padding:0;list-style:none}
.cc-orbs li{display:grid;justify-items:center;gap:3px;text-align:center}
.cc-orb{width:min(100%,230px);min-height:0;aspect-ratio:1;margin-bottom:10px}
.cc-orb::before{border-color:var(--c)}
.cc-orbs b{font:600 19px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.cc-orbs span{font:500 13px/1.3 Inter,sans-serif;color:#6B6E8A}
.cc-orbs em{margin-top:2px;font:600 14px/1.35 Inter,sans-serif;font-style:normal;color:var(--c)}
.cc-caps{display:flex;flex-wrap:wrap;gap:10px;margin:clamp(20px,2.4vw,30px) 0 0;padding:0;list-style:none}
.cc-caps li{display:grid;gap:2px;padding:10px 14px 9px;border:2px solid #14162F;background:#FFE9A8;rotate:var(--t,0deg)}
.cc-caps li:nth-child(3n+1){--t:-1deg}.cc-caps li:nth-child(3n+2){--t:.8deg;background:#FFF4D2}
.cc-caps b{font:800 16px/1.1 'Inter Tight',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#14162F}
.cc-caps span{font:500 12px/1.3 Inter,sans-serif;color:#3E4160}
.cc-leg--ph{grid-template-columns:minmax(0,.75fr) minmax(0,1fr);align-items:center;gap:clamp(18px,2vw,28px);padding:clamp(20px,2.4vw,30px) clamp(30px,3vw,40px) clamp(20px,2.4vw,30px) clamp(20px,2.4vw,30px)}
.cc-leg__ph{min-height:0;aspect-ratio:3/4;margin:0 14px 14px 0}
.cc-leg__b{display:grid;align-content:start;gap:12px;padding:16px 18px;border-radius:14px;background:repeating-linear-gradient(#fff 0 27px,#F3E9DD 27px 28px);box-shadow:inset 0 0 0 1px #EADFD3}
.cc-leg__shelf{justify-self:start;padding:5px 10px;border-radius:6px;background:#FCEBDB;font:600 12px/1 ui-monospace,Menlo,monospace;color:#5a2a0c}
.cc-credits{margin-top:clamp(24px,3vw,36px);font:400 12px/1.5 Inter,sans-serif;color:#6B6E8A}
@media (max-width:1100px){.cc-card--id,.cc-leg--ph{grid-template-columns:minmax(0,1fr)}.cc-id__ph,.cc-leg__ph{max-width:340px}}
@media (max-width:700px){.cc-orbs{grid-template-columns:minmax(0,1fr)}}
/* the Defining Works Recorded project page (28 Oct 2026) */
.dw-hl{color:#FFC27A}
.dw-hero-how{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.dw-hero-how li{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font:600 14px/1 Inter,sans-serif;color:#fff}
.dw-hero-how b{color:#FFC27A}
.dw-hero-how + .hm-btns{margin-top:clamp(26px,3vw,36px)}
.dw-prob{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:center}
.dw-prob__q{font:600 clamp(26px,2.8vw,38px)/1.2 'Inter Tight',sans-serif;letter-spacing:-.015em;color:var(--ink)}
.dw-prob__q em{font-style:normal;color:#5a2a0c}
.dw-loss{display:grid;gap:14px;margin:26px 0 0;padding:0;list-style:none}
.dw-loss li{padding-left:18px;border-left:4px solid #EADFD3}
.dw-loss b{display:block;font:600 18px/1.3 'Inter Tight',sans-serif;color:var(--ink)}
.dw-loss span{font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}
.dw-stack{min-height:0;aspect-ratio:3/4;max-width:420px;justify-self:center;width:100%}
.dw-stack figcaption,.dw-cap{margin-top:14px;font:400 13px/1.4 Inter,sans-serif;color:#6B6E8A;text-align:center}
.dw-stamps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);margin:0;padding:0;list-style:none}
.dw-stamps li{display:grid;justify-items:center;gap:12px;text-align:center}
.dw-stamp{display:grid;place-items:center;width:clamp(104px,10vw,138px);aspect-ratio:1;border-radius:50%;border:3px solid var(--c);box-shadow:inset 0 0 0 5px #FFF7EF,inset 0 0 0 7px var(--c);rotate:var(--r);font:800 15px/1.1 'Inter Tight',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--c);background:#fff}
.dw-stamps b{font:600 17px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.dw-stamps span{font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}
.dw-line{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(118px,1fr);margin:0;padding:8px 4px 6px;list-style:none;overflow-x:auto;scrollbar-width:thin}
.dw-line::before{content:"";position:absolute;left:0;right:0;top:66px;height:4px;border-radius:4px;background:linear-gradient(90deg,#FFC27A,#C2410C 40%,#5B4BB7 75%,#15805A)}
.dw-mark{display:grid;justify-items:center;align-content:start;gap:8px;padding:0 6px;border:0;background:none;color:#fff;font:inherit;text-align:center;cursor:default}
.dw-mark[data-pic]{cursor:pointer}
.dw-mark__y{font:700 15px/1 'Inter Tight',sans-serif;color:rgba(255,255,255,.75);height:26px;display:grid;align-items:end}
.dw-mark__n{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#1C1F4A;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45);font:800 16px/1 'Inter Tight',sans-serif;color:#fff;transition:transform .25s var(--ease-dd),background .25s}
.dw-mark[data-pic] .dw-mark__n{background:#C2410C;box-shadow:0 0 0 4px rgba(194,65,12,.3)}
.dw-mark[data-pic]:hover .dw-mark__n,.dw-mark:focus-visible .dw-mark__n{transform:scale(1.12)}
.dw-mark.is-on .dw-mark__n{background:#fff;color:#14162F;box-shadow:0 0 0 5px #FFC27A}
.dw-mark:focus{outline:none}
.dw-mark b{font:600 15px/1.25 'Inter Tight',sans-serif;color:#fff}
.dw-mark span{font:600 11px/1.2 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.dw-key{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:14px;font:400 14px/1.4 Inter,sans-serif;color:rgba(255,255,255,.78)}
.dw-key i{display:inline-block;width:12px;height:12px;margin-right:8px;border-radius:50%;background:#C2410C;vertical-align:-1px}
.dw-pull{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,3vw,40px);align-items:center;margin-top:clamp(30px,3vw,44px);padding:clamp(18px,2.4vw,28px);border-radius:24px;background:#fff;color:#14162F}
.dw-pull__img{display:grid;place-items:center;height:clamp(240px,26vw,340px);border-radius:14px;background:#F3EEE6;overflow:hidden}
.dw-pull__img img{max-width:100%;max-height:100%;object-fit:contain}
.dw-pull__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9A3412}
.dw-pull h3{margin-top:6px;font:700 clamp(24px,2.6vw,34px)/1.1 'Inter Tight',sans-serif;color:#14162F}
.dw-pull dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:16px 0 0}
.dw-pull dt{font:600 11px/20px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6B6E8A}
.dw-pull dd{margin:0;font:500 15px/20px Inter,sans-serif;color:#14162F}
.dw-pull p{margin-top:14px;font:400 15px/1.55 Inter,sans-serif;color:#3E4160}
.dw-hint{margin-top:16px;font:400 14px/1.5 Inter,sans-serif;color:rgba(255,255,255,.75)}
.dw-flow{display:grid;grid-template-columns:minmax(0,1.3fr) auto minmax(0,1fr);gap:clamp(16px,2.4vw,32px);align-items:center}
.dw-countries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.dw-countries li{display:grid;gap:2px;padding:14px 16px;border-radius:16px;background:#F7F8FC;box-shadow:inset 4px 0 0 var(--c)}
.dw-countries b{font:700 22px/1 'Inter Tight',sans-serif;color:var(--ink)}
.dw-countries span{font:500 13px/1.3 Inter,sans-serif;color:var(--text-c)}
.dw-countries li.is-more{background:none;box-shadow:inset 0 0 0 2px #E3E4EB;place-content:center;text-align:center}
.dw-arrow{font:700 40px/1 'Inter Tight',sans-serif;color:#C2410C}
.dw-ticket{position:relative;display:grid;gap:8px;padding:clamp(24px,3vw,34px);border-radius:18px;background:linear-gradient(150deg,#15805A,#0E5C40);color:#fff;-webkit-mask:radial-gradient(circle 16px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 16px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 16px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 16px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat}
.dw-ticket::after{content:"";position:absolute;top:14px;bottom:14px;right:28%;border-left:2px dashed rgba(255,255,255,.35)}
.dw-ticket__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.dw-ticket b{font:800 clamp(44px,5vw,64px)/1 'Inter Tight',sans-serif;color:#fff}
.dw-ticket span{max-width:66%;font:400 15px/1.5 Inter,sans-serif;color:rgba(255,255,255,.9)}
.dw-reels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.dw-reel{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:14px 22px;border-radius:10px;background:#14162F;position:relative}
.dw-reel::before,.dw-reel::after{content:"";position:absolute;top:6px;bottom:6px;width:10px;background:repeating-linear-gradient(#14162F 0 6px,#FFF7EF 6px 12px);border-radius:2px}
.dw-reel::before{left:6px}.dw-reel::after{right:6px}
.dw-reel div{display:grid;align-content:start;gap:4px;padding:14px;border-radius:4px;background:#FFF7EF}
.dw-reel div + div{background:#fff}
.dw-reel em{font:600 11px/1 Inter,sans-serif;font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#9A3412}
.dw-reel div + div em{color:#1F5FA8}
.dw-reel b{font:600 16px/1.25 'Inter Tight',sans-serif;color:#14162F}
.dw-reel span{font:400 13px/1.45 Inter,sans-serif;color:#3E4160}
.dw-folders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 14px;margin:20px 0 0;padding:0;list-style:none}
.dw-folders li{position:relative;display:grid;align-content:start;gap:8px;padding:22px;border-radius:0 14px 14px 14px;background:var(--t)}
.dw-folders li::before{content:attr(data-tab);position:absolute;left:0;bottom:100%;padding:6px 14px 4px;border-radius:10px 10px 0 0;background:var(--t);font:700 11px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5a2a0c}
.dw-folders b{font:600 18px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.dw-folders span{font:400 14px/1.5 Inter,sans-serif;color:#3E4160}
#dw-sponsor .pill{background:#fff;color:#14162F;box-shadow:none}
.dw-pays{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;counter-reset:dp}
.dw-pays li{display:grid;align-content:start;gap:6px;padding:18px;border-radius:18px;background:#fff;counter-increment:dp}
.dw-pays li::before{content:counter(dp);font:800 28px/1 'Inter Tight',sans-serif;color:#C2410C}
.dw-pays b{font:600 16px/1.25 'Inter Tight',sans-serif;color:#14162F}
.dw-pays span{font:400 13px/1.45 Inter,sans-serif;color:#3E4160}
.dw-ways{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.dw-ways article{display:grid;gap:6px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.dw-ways b{font:600 18px/1.25 'Inter Tight',sans-serif;color:#fff}
.dw-ways span{font:400 14px/1.5 Inter,sans-serif;color:rgba(255,255,255,.9)}
.dw-rep__k{margin-top:clamp(22px,2.4vw,30px);font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.dw-rep{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.dw-rep li{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);font:600 14px/1 Inter,sans-serif;color:#fff}
.dw-csr{margin-top:18px;padding:16px 20px;border-radius:18px;background:#fff;font:400 15px/1.5 Inter,sans-serif;color:#14162F}
.dw-csr b{color:#9A3412}
.dw-credits{margin-top:clamp(22px,2.6vw,32px);font:400 12px/1.5 Inter,sans-serif;color:#6B6E8A}
@media (max-width:1100px){.dw-stamps{grid-template-columns:repeat(3,minmax(0,1fr))}.dw-pays{grid-template-columns:repeat(3,minmax(0,1fr))}.dw-ways{grid-template-columns:repeat(2,minmax(0,1fr))}.dw-flow{grid-template-columns:minmax(0,1fr)}.dw-arrow{rotate:90deg;justify-self:center}}
@media (max-width:900px){.dw-prob,.dw-pull,.dw-reels{grid-template-columns:minmax(0,1fr)}.dw-folders{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.dw-stamps,.dw-pays,.dw-ways,.dw-folders,.dw-countries{grid-template-columns:repeat(2,minmax(0,1fr))}.dw-reel{grid-template-columns:minmax(0,1fr)}}
/* the Comic Books for Children project page (28 Oct 2026) */
.cb-hl{color:#FFD36B}
.cb-hero-how{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.cb-hero-how li{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font:600 14px/1 Inter,sans-serif;color:#fff}
.cb-hero-how b{color:#FFD36B}
.cb-hero-how + .hm-btns{margin-top:clamp(26px,3vw,36px)}
.cb-prob{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:start}
.cb-prob__q{font:600 clamp(26px,2.8vw,38px)/1.2 'Inter Tight',sans-serif;letter-spacing:-.015em;color:var(--ink)}
.cb-prob__q em{font-style:normal;color:#C2410C}
.cb-face{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.cb-face li{padding:9px 14px;border-radius:12px;background:#FDECEC;box-shadow:inset 3px 0 0 #B91C1C;font:600 14px/1.25 Inter,sans-serif;color:#7F1D1D}
.cb-hour{display:grid;gap:14px;padding:clamp(22px,2.6vw,30px);border-radius:28px;background:#F7F8FC}
.cb-hour__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#1F5FA8}
.cb-hour h3{font:600 24px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.cb-hour__bar{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}
.cb-hour__bar i{height:34px;border-radius:7px;background:#D9DCE8;position:relative}
.cb-hour__bar i:nth-child(n+1){background:linear-gradient(#C9CDDD,#B7BCD0)}
.cb-hour__to .cb-hour__bar i{background:linear-gradient(#FFD36B,#F2A93B)}
.cb-hour__row{display:grid;gap:6px}
.cb-hour__row span{font:500 13px/1.3 Inter,sans-serif;color:#3E4160}
.cb-hour__row b{font-weight:700;color:var(--ink)}
.cb-hour p{font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}
.cb-shelf{position:relative;padding:clamp(20px,2.4vw,30px) clamp(16px,2vw,26px) 0;border-radius:28px;background:linear-gradient(#FFF7EF,#FFF7EF) padding-box;box-shadow:inset 0 0 0 1px #EFE3D6}
.cb-row{display:flex;align-items:flex-end;gap:5px;min-height:230px;padding:0 6px;border-bottom:14px solid #B4835A;border-radius:0 0 4px 4px;box-shadow:0 10px 0 -4px #8E6240}
.cb-row + .cb-row{margin-top:26px}
.cb-sp{position:relative;flex:1 1 0;min-width:0;display:grid;grid-template-rows:auto 1fr;justify-items:center;gap:8px;padding:10px 2px 12px;border-radius:5px 5px 2px 2px;background:var(--c);color:#fff;height:var(--h);box-shadow:inset -4px 0 0 rgba(0,0,0,.12),inset 3px 0 0 rgba(255,255,255,.18);cursor:default;transition:translate .25s var(--ease-dd)}
.cb-sp:hover,.cb-sp:focus-visible{translate:0 -10px;outline:none}
.cb-sp b{font:800 12px/1 'Inter Tight',sans-serif;opacity:.85}
.cb-sp span{writing-mode:vertical-rl;rotate:180deg;font:600 13px/1.15 Inter,sans-serif;letter-spacing:.01em;overflow:hidden;max-height:100%}
.cb-sp--lite{color:#14162F}
.cb-key{display:flex;flex-wrap:wrap;gap:10px 22px;margin:18px 0 0;padding:0;list-style:none}
.cb-key li{display:flex;align-items:center;gap:8px;font:600 14px/1.3 Inter,sans-serif;color:var(--ink)}
.cb-key li::before{content:"";width:14px;height:22px;border-radius:3px;background:var(--c)}
.cb-shelf__note{margin-top:12px;font:400 13px/1.45 Inter,sans-serif;color:var(--text-c)}
.cb-open{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center;margin-top:clamp(26px,3vw,40px)}
.cb-open img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:22px 22px 22px 4px}
.cb-open b{display:block;font:600 22px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.cb-open p{margin-top:8px;font:400 16px/1.55 Inter,sans-serif;color:var(--text-c)}
.cb-who{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center}
.cb-sun{position:relative;margin:0;padding-top:9%}
.cb-sun::before{content:"";position:absolute;width:30%;aspect-ratio:1;border-radius:50%;background:#FFC83D;right:4%;top:0}
.cb-sun img{position:relative;display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:50% 50% 26px 26px / 34% 34% 26px 26px}
.cb-readers{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none}
.cb-readers li{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:16px;padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.cb-readers i{grid-row:span 2;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--c);color:#14162F;font:800 15px/1 'Inter Tight',sans-serif;font-style:normal}
.cb-readers b{font:600 19px/1.25 'Inter Tight',sans-serif;color:#fff}
.cb-readers span{margin-top:4px;font:400 15px/1.5 Inter,sans-serif;color:rgba(255,255,255,.84)}
.cb-strip{display:grid;grid-template-columns:1.15fr .85fr 1fr 1fr;gap:10px;padding:10px;border-radius:20px;background:#1C1F4A}
.cb-panel{position:relative;display:grid;align-content:space-between;gap:14px;min-height:250px;padding:18px;border-radius:12px;background:var(--t);overflow:hidden}
.cb-panel:nth-child(2){border-radius:12px 40px 12px 12px}
.cb-panel:nth-child(3){border-radius:12px 12px 40px 12px}
.cb-panel__n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1C1F4A;color:#fff;font:800 15px/1 'Inter Tight',sans-serif}
.cb-panel__art{display:flex;gap:6px;align-items:flex-end;font-size:46px;line-height:1}
.cb-panel b{display:block;font:700 19px/1.2 'Inter Tight',sans-serif;color:#14162F}
.cb-panel p{margin-top:6px;font:400 14px/1.45 Inter,sans-serif;color:#3E4160}
.cb-say{position:absolute;right:14px;top:14px;max-width:62%;padding:8px 12px;border-radius:14px 14px 4px 14px;background:#fff;font:600 13px/1.3 Inter,sans-serif;color:#14162F;box-shadow:0 6px 14px -8px rgba(28,31,74,.4)}
.cb-guides{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,22px)}
.cb-note{position:relative;display:grid;align-content:start;gap:12px;padding:clamp(24px,2.8vw,34px) clamp(24px,2.8vw,34px) clamp(24px,2.8vw,34px) clamp(46px,4vw,58px);border-radius:8px 26px 26px 8px;background:#fff;box-shadow:0 24px 44px -34px rgba(28,31,74,.5)}
.cb-note::before{content:"";position:absolute;left:20px;top:22px;bottom:22px;width:2px;background:repeating-linear-gradient(#F2A93B 0 6px,transparent 6px 12px)}
.cb-note__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--k)}
.cb-note h3{font:600 24px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.cb-note ol{display:grid;gap:10px;margin:4px 0 0;padding:0;list-style:none;counter-reset:q}
.cb-note li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;font:400 15px/1.5 Inter,sans-serif;color:var(--ink);counter-increment:q}
.cb-note li::before{content:counter(q);display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--t);color:var(--k);font:800 13px/1 'Inter Tight',sans-serif}
.cb-note__foot{padding:12px 14px;border-radius:12px;background:var(--t);font:500 14px/1.45 Inter,sans-serif;color:var(--ink)}
#cb-sponsor .pill{background:#fff;color:#14162F;box-shadow:none}
.cb-buy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.cb-buy li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:#fff}
.cb-buy em{font:600 11px/1 Inter,sans-serif;font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:#9A3412}
.cb-buy b{font:600 19px/1.25 'Inter Tight',sans-serif;color:#14162F}
.cb-buy span{font:400 14px/1.5 Inter,sans-serif;color:#3E4160}
.cb-rep__k{margin-top:clamp(24px,2.6vw,34px);font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.cb-rep{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.cb-rep li{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);font:600 14px/1 Inter,sans-serif;color:#fff}
.cb-csr{margin-top:18px;padding:16px 20px;border-radius:18px;background:#fff;font:400 15px/1.5 Inter,sans-serif;color:#14162F}
.cb-csr b{color:#9A3412}
@media (max-width:1100px){.cb-strip{grid-template-columns:1fr 1fr}.cb-buy{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-sp span{font-size:11px}}
@media (max-width:900px){.cb-prob,.cb-who,.cb-guides,.cb-open{grid-template-columns:minmax(0,1fr)}.cb-row{overflow-x:auto;justify-content:flex-start}.cb-sp{flex:0 0 34px}}
@media (max-width:560px){.cb-strip,.cb-buy{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.cb-sp{transition:none}}
/* the Kramaka project page (28 Oct 2026) */
.km-hl{color:#FFC27A}
.km-tag{margin-top:14px;font:500 italic 19px/1.4 Literata,Georgia,serif;color:rgba(255,255,255,.86)}
.km-tag i{font-style:normal;color:#FFC27A}
.km-hero-how{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.km-hero-how li{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font:600 14px/1 Inter,sans-serif;color:#fff}
.km-hero-how b{color:#FFC27A}
.km-hero-how + .hm-btns{margin-top:clamp(26px,3vw,36px)}
.km-thread{position:relative;height:2px;margin:0 0 clamp(26px,3vw,40px);background:linear-gradient(90deg,#C2410C,rgba(194,65,12,.15));border-radius:2px}
.km-thread::before{content:"";position:absolute;left:0;top:-4px;width:10px;height:10px;border-radius:50%;background:#C2410C}
.km-prob{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.km-prob__q{font:600 clamp(28px,3vw,42px)/1.15 'Inter Tight',sans-serif;letter-spacing:-.02em;color:var(--ink)}
.km-prob__q em{display:block;margin-top:8px;font-style:normal;color:#9A3412}
.km-ring{position:relative;padding:58px 0 0;min-height:300px}
.km-ring::before{content:"";position:absolute;left:50%;top:0;width:64px;height:64px;margin-left:-32px;border-radius:50%;border:5px solid #9EA1B8}
.km-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 12px;margin:0;padding:0;list-style:none}
.km-tags li{position:relative;padding:12px 18px 12px 30px;border-radius:6px 16px 16px 6px;background:var(--t);box-shadow:0 10px 22px -16px rgba(28,31,74,.6);font:600 16px/1.2 'Inter Tight',sans-serif;color:#14162F;rotate:var(--r)}
.km-tags li::before{content:"";position:absolute;left:11px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px rgba(28,31,74,.35)}
.km-ring p{margin-top:22px;text-align:center;font:400 16px/1.5 Inter,sans-serif;color:var(--text-c)}
.km-ring p b{color:#9A3412}
.km-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin:clamp(34px,4vw,56px) 0 0;padding:0;list-style:none}
.km-days li{position:relative;display:grid;grid-template-rows:auto 1fr;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #E7E3DC,0 18px 40px -30px rgba(28,31,74,.5);overflow:hidden}
.km-days__h{display:flex;align-items:baseline;justify-content:space-between;padding:12px 18px;background:#1C1F4A;color:#fff;font:700 13px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.km-days__h span{font:800 26px/1 'Inter Tight',sans-serif;letter-spacing:0;color:#FFC27A}
.km-days__b{padding:18px 18px 22px;border-top:3px dotted #E7E3DC;font:500 17px/1.45 'Inter Tight',sans-serif;color:var(--ink)}
.km-days__b small{display:block;margin-top:8px;font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}
.km-note{margin-top:16px;font:500 italic 17px/1.45 Literata,Georgia,serif;color:var(--text-c);text-align:center}
.km-dig{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(32px,5vw,72px);align-items:center}
.km-phone{justify-self:center;width:min(100%,300px);aspect-ratio:9/18;padding:14px;border-radius:44px;background:#14162F;box-shadow:0 40px 70px -40px rgba(20,22,47,.8)}
.km-phone__s{display:grid;align-content:start;gap:8px;height:100%;padding:44px 16px 16px;border-radius:32px;background:linear-gradient(170deg,#2D3270,#1C1F4A);color:#fff;text-align:center}
.km-phone__lock{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 4px;border-radius:50%;background:rgba(255,255,255,.12);font-size:20px}
.km-phone__t{font:700 34px/1 'Inter Tight',sans-serif;color:#fff}
.km-phone__d{margin-bottom:10px;font:500 13px/1 Inter,sans-serif;color:rgba(255,255,255,.7)}
.km-phone ul{display:grid;gap:6px;margin:0;padding:0;list-style:none;text-align:left}
.km-phone li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.1);font:500 13px/1.25 Inter,sans-serif;color:#fff}
.km-phone li::before{content:"🔒";font-size:12px}
.km-big{font:700 clamp(34px,4vw,54px)/1.05 'Inter Tight',sans-serif;letter-spacing:-.02em;color:var(--ink)}
.km-big em{font-style:normal;color:#9A3412}
.km-world{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,60px);align-items:center}
.km-fig{font:800 clamp(64px,8vw,112px)/.95 'Inter Tight',sans-serif;letter-spacing:-.04em;color:#FFC27A}
.km-fig small{display:block;margin-top:12px;font:500 18px/1.4 Inter,sans-serif;letter-spacing:0;color:#fff}
.km-src{margin-top:10px;font:400 12px/1.4 Inter,sans-serif;color:rgba(255,255,255,.6)}
.km-who{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.km-who li{padding:16px 20px;border-radius:18px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font:400 16px/1.5 Inter,sans-serif;color:rgba(255,255,255,.88)}
.km-who b{display:block;margin-bottom:2px;font:600 18px/1.25 'Inter Tight',sans-serif;color:#fff}
.km-twin{align-self:auto;width:100%;min-height:0;aspect-ratio:16/8;margin:0 auto clamp(18px,2vw,26px);max-width:900px}
.km-twin__in{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;clip-path:url(#cut-twin)}
.km-twin__in img{width:100%;height:100%;object-fit:cover}
.km-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,28px);max-width:900px;margin:0 auto}
.km-col{padding:clamp(20px,2.4vw,28px);border-radius:24px}
.km-col--no{background:#F1F2F7}
.km-col--yes{background:#EAF7F0}
.km-col h3{margin-bottom:12px;font:600 20px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.km-col ol{display:grid;gap:0;margin:0;padding:0;list-style:none}
.km-col li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid rgba(28,31,74,.1);font:400 15px/1.45 Inter,sans-serif;color:var(--ink)}
.km-col li b{font:700 14px/1.45 'Inter Tight',sans-serif;color:#6B6E8A}
.km-col--yes li b{color:#0E6B47}
.km-col--yes li:last-child{font-weight:600}
.km-folder{position:relative;margin-top:44px;padding:clamp(22px,2.6vw,32px);border-radius:0 22px 22px 22px;background:#fff;box-shadow:0 24px 50px -36px rgba(28,31,74,.55)}
.km-folder__tabs{position:absolute;left:0;bottom:100%;display:flex;gap:4px;margin:0;padding:0;list-style:none}
.km-folder__tabs li{padding:9px 16px 8px;border-radius:12px 12px 0 0;background:var(--c);font:700 12px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.km-folder__tabs li:first-child{background:#fff;color:#14162F}
.km-rows{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.km-rows li{display:grid;align-content:start;gap:8px;padding:16px;border-radius:16px;background:#FBF8F3;box-shadow:inset 0 4px 0 var(--c)}
.km-rows b{font:600 17px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.km-rows span{font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}
.km-care{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;margin-top:16px;padding:20px 22px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1.5px #D9EBDF}
.km-care b{font:700 22px/1.1 'Inter Tight',sans-serif;color:#0E6B47}
.km-care p{font:400 15px/1.55 Inter,sans-serif;color:var(--ink)}
.km-reach{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,60px);align-items:center}
.km-leaf{align-self:center;width:100%;min-height:0;aspect-ratio:4/3}
.km-ways{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none;counter-reset:kw}
.km-ways li{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;counter-increment:kw}
.km-ways li::before{content:counter(kw);grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#1F5FA8;color:#fff;font:700 16px/1 'Inter Tight',sans-serif}
.km-ways b{font:600 18px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.km-ways span{font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}
#km-sponsor .pill{background:#fff;color:#14162F;box-shadow:none}
.km-give{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.km-give li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:#fff}
.km-give__k{font:600 11px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9A3412}
.km-give b{font:600 19px/1.25 'Inter Tight',sans-serif;color:#14162F}
.km-give span{font:400 14px/1.5 Inter,sans-serif;color:#3E4160}
.km-rep__k{margin-top:clamp(24px,2.6vw,34px);font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.km-rep{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.km-rep li{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);font:600 14px/1 Inter,sans-serif;color:#fff}
.km-csr{margin-top:18px;padding:16px 20px;border-radius:18px;background:#fff;font:400 15px/1.5 Inter,sans-serif;color:#14162F}
.km-csr b{color:#9A3412}
.km-env{position:relative;max-width:760px;margin:0 auto;padding:clamp(56px,6vw,80px) clamp(26px,4vw,56px) clamp(28px,3vw,40px);border-radius:10px;background:#FBF6EE;box-shadow:inset 0 0 0 1px #EADFD3,0 30px 60px -40px rgba(28,31,74,.5);text-align:center}
.km-env::before{content:"";position:absolute;left:0;right:0;top:0;height:clamp(44px,5vw,64px);background:#F3E7D6;clip-path:polygon(0 0,100% 0,50% 100%);border-radius:10px 10px 0 0}
.km-env::after{content:"";position:absolute;left:50%;top:clamp(30px,3.6vw,46px);width:30px;height:30px;margin-left:-15px;border-radius:50%;background:#C2410C;box-shadow:inset 0 0 0 4px #A8431B}
.km-env h2{font:600 clamp(26px,2.8vw,36px)/1.15 'Inter Tight',sans-serif;letter-spacing:-.015em;color:var(--ink)}
.km-env h2 em{display:block;font:500 italic clamp(20px,2vw,26px)/1.3 Literata,Georgia,serif;color:#9A3412}
.km-qs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 0;padding:0;list-style:none;text-align:left;counter-reset:kq}
.km-qs li{display:flex;gap:12px;align-items:baseline;padding:14px 16px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #EADFD3;font:500 italic 18px/1.35 Literata,Georgia,serif;color:var(--ink);counter-increment:kq}
.km-qs li::before{content:counter(kq);font:700 14px/1 'Inter Tight',sans-serif;font-style:normal;color:#C2410C}
.km-env .btns{justify-content:center;margin-top:24px}
.km-fine{margin-top:14px;font:400 13px/1.5 Inter,sans-serif;color:var(--text-c)}
@media (max-width:1100px){.km-rows{grid-template-columns:repeat(3,minmax(0,1fr))}.km-give{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.km-prob,.km-dig,.km-world,.km-reach,.km-two{grid-template-columns:minmax(0,1fr)}.km-days{grid-template-columns:minmax(0,1fr)}.km-folder__tabs li:nth-child(n+4){display:none}}
@media (max-width:560px){.km-rows,.km-give,.km-qs{grid-template-columns:minmax(0,1fr)}}
/* the Clean Exit Standard project page (28 Oct 2026) */
.mbar{display:flex;align-items:center;justify-content:space-between;padding:18px var(--g);background:var(--night);color:#fff}
.ce-hl{color:#FFC27A}
.ce-hero-how{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.ce-hero-how li{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font:600 14px/1 Inter,sans-serif;color:#fff}
.ce-hero-how b{color:#FFC27A}
.ce-hero-how + .hm-btns{margin-top:clamp(26px,3vw,36px)}
.ce-prob{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.ce-prob__q{font:600 clamp(26px,2.8vw,38px)/1.2 'Inter Tight',sans-serif;letter-spacing:-.015em;color:var(--ink)}
.ce-prob__q em{font-style:normal;color:#5B4BB7}
.ce-fakes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.ce-fakes li{display:grid;gap:4px;padding:16px 18px;border-radius:16px;background:#F6F4FD;box-shadow:inset 3px 0 0 #5B4BB7}
.ce-fakes b{font:600 16px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.ce-fakes span{font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}
.ce-bars{display:grid;gap:18px;padding:clamp(22px,2.6vw,30px);border-radius:26px;background:#fff;box-shadow:inset 0 0 0 1px #E6E2F5,0 30px 60px -44px rgba(28,31,74,.5)}
.ce-bars__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#5B4BB7}
.ce-bars h3{font:600 22px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.ce-bar{display:grid;gap:6px}
.ce-bar > b{font:600 15px/1.3 Inter,sans-serif;color:var(--ink)}
.ce-bar__r{display:grid;grid-template-columns:70px minmax(0,1fr) 44px;gap:10px;align-items:center;font:500 13px/1 Inter,sans-serif;color:#3E4160}
.ce-bar__r i{display:block;height:14px;border-radius:999px;background:var(--c);width:calc(var(--v) * 2%)}
.ce-bar__r em{font:700 15px/1 'Inter Tight',sans-serif;font-style:normal;color:var(--ink);text-align:right}
.ce-src{font:400 12px/1.5 Inter,sans-serif;color:#6B6E8A}
.ce-stu{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4vw,60px);align-items:center}
.ce-stu .cut{min-height:clamp(320px,30vw,440px);align-self:center;width:100%}
.ce-path{position:relative;display:grid;gap:14px;margin:22px 0 0;padding:0 0 0 34px;list-style:none}
.ce-path::before{content:"";position:absolute;left:11px;top:10px;bottom:10px;border-left:3px dotted #B6AEE0}
.ce-path li{position:relative;display:grid;gap:3px}
.ce-path li::before{content:"";position:absolute;left:-34px;top:2px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px var(--c)}
.ce-path li:last-child::before{background:var(--c)}
.ce-path b{font:600 18px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.ce-path span{font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}
.ce-neat{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:10px 14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #E6E2F5;font:500 14px/1.4 Inter,sans-serif;color:var(--ink)}
.ce-neat b{color:#5B4BB7}
.ce-rec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,4vw,60px);align-items:start}
.ce-never{display:grid;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.ce-never li{display:flex;gap:10px;font:400 15px/1.5 Inter,sans-serif;color:var(--ink)}
.ce-never li::before{content:"✕";flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border-radius:50%;background:#EEF0F6;color:#1C1F4A;font:700 11px/1 Inter}
.ce-ticket{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 150px;border-radius:22px;background:#fff;box-shadow:0 30px 60px -40px rgba(28,31,74,.55),inset 0 0 0 1px #E6E2F5;
  -webkit-mask:radial-gradient(circle 14px at calc(100% - 150px) 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 14px at calc(100% - 150px) 100%,#0000 98%,#000) bottom/100% 51% no-repeat;
  mask:radial-gradient(circle 14px at calc(100% - 150px) 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 14px at calc(100% - 150px) 100%,#0000 98%,#000) bottom/100% 51% no-repeat}
.ce-ticket__main{display:grid;gap:14px;padding:clamp(22px,2.6vw,30px);border-right:2px dashed #DCD7EE}
.ce-ticket__k{font:600 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#5B4BB7}
.ce-ticket h3{font:700 24px/1.1 'Inter Tight',sans-serif;color:#14162F}
.ce-ticket h3 small{display:block;margin-top:6px;font:500 14px/1.3 Inter,sans-serif;color:#3E4160}
.ce-ticket ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.ce-ticket li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:#F7F8FC;font:500 14px/1.3 Inter,sans-serif;color:#14162F}
.ce-ticket li::before{content:"✓";display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#15805A;color:#fff;font:700 11px/1 Inter}
.ce-ticket li.is-own::before{content:"“";background:#5B4BB7;font-size:15px}
.ce-ticket__stub{display:grid;align-content:space-between;gap:16px;padding:clamp(22px,2.6vw,30px) 18px;background:#F6F4FD;border-radius:0 22px 22px 0;text-align:center}
.ce-ticket__stub b{font:800 30px/1 'Inter Tight',sans-serif;color:#15805A}
.ce-ticket__stub span{font:600 11px/1.3 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#3E4160}
.ce-ticket__code{display:block;height:54px;background:repeating-linear-gradient(90deg,#14162F 0 2px,transparent 2px 5px,#14162F 5px 6px,transparent 6px 9px)}
.ce-ticket__note{margin-top:12px;font:400 12px/1.4 Inter,sans-serif;color:#6B6E8A}
.ce-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:cr}
.ce-rules li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);counter-increment:cr}
.ce-rules li::before{content:counter(cr,decimal-leading-zero);font:700 13px/1 'Inter Tight',sans-serif;letter-spacing:.12em;color:#C4B8FF}
.ce-rules b{font:600 19px/1.25 'Inter Tight',sans-serif;color:#fff}
.ce-rules span{font:400 15px/1.5 Inter,sans-serif;color:rgba(255,255,255,.84)}
.ce-lanes{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ce-lane{display:grid;align-content:start;gap:12px;padding:clamp(22px,2.6vw,32px);border-radius:26px;background:var(--t)}
.ce-lane__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--k)}
.ce-lane h3{font:600 clamp(22px,2.2vw,28px)/1.15 'Inter Tight',sans-serif;color:var(--ink)}
.ce-lane ol{display:grid;gap:8px;margin:4px 0 0;padding:0;list-style:none;counter-reset:cl}
.ce-lane ol li{position:relative;display:block;padding:10px 12px 10px 56px;min-height:52px;border-radius:14px;background:#fff;counter-increment:cl;font:400 15px/1.45 Inter,sans-serif;color:var(--ink)}
.ce-lane ol li::before{content:counter(cl);position:absolute;left:12px;top:10px;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--k);color:#fff;font:700 14px/1 'Inter Tight',sans-serif}
.ce-lane ol b{display:block;font:600 16px/1.3 'Inter Tight',sans-serif}
.ce-lane p{font:600 14px/1.4 Inter,sans-serif;color:var(--k)}
#ce-sponsor .pill{background:#fff;color:#14162F;box-shadow:none}
.ce-pays{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ce-pays li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:#fff}
.ce-pays b{font:600 19px/1.25 'Inter Tight',sans-serif;color:#14162F}
.ce-pays span{font:400 14px/1.5 Inter,sans-serif;color:#3E4160}
.ce-rep__k{margin-top:clamp(24px,2.6vw,34px);font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.ce-rep{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.ce-rep li{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);font:600 14px/1 Inter,sans-serif;color:#fff}
.ce-csr{margin-top:18px;padding:16px 20px;border-radius:18px;background:#fff;font:400 15px/1.5 Inter,sans-serif;color:#14162F}
.ce-csr b{color:#9A3412}
@media (max-width:1100px){.ce-pays{grid-template-columns:repeat(2,minmax(0,1fr))}.ce-rules{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.ce-prob,.ce-stu,.ce-rec,.ce-lanes{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.ce-fakes,.ce-rules,.ce-pays{grid-template-columns:minmax(0,1fr)}.ce-ticket{grid-template-columns:minmax(0,1fr);-webkit-mask:none;mask:none}.ce-ticket__main{border-right:0;border-bottom:2px dashed #DCD7EE}.ce-ticket__stub{border-radius:0 0 22px 22px}}
/* the sponsor ask band */
.sa .t-eyebrow{color:#fff}
.sa__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin:0;padding:0;list-style:none}
.sa__g li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:#fff}
.sa__g b{font:600 18px/1.25 var(--display);color:#14162F}
.sa__g span{font:400 14px/1.5 var(--text);color:#3E4160}
.sa__k{margin-top:clamp(24px,2.6vw,34px);font:600 12px/16px var(--text);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.sa__rep{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.sa__rep li{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);font:600 14px/1 var(--text);color:#fff}
.sa__csr{margin-top:18px;padding:16px 20px;border-radius:18px;background:#fff;font:400 15px/1.5 var(--text);color:#14162F}
.sa__csr b{color:#9A3412}
.sa .btns{margin-top:22px}
.sa .sa__go{background:#fff;color:#14162F}
/* the Quantum-Ready Institutions project page (27 Oct 2026) */
.qr-src{margin-top:16px;font:400 13px/18px Inter,sans-serif;color:var(--grey)}
.band--night .qr-src{color:rgba(255,255,255,.6)}
.qr-term{border-bottom:1px dotted currentColor;cursor:help}

/* why now */
.qr-why{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.qr-why li{display:grid;align-content:start;gap:10px;padding:22px;border-radius:22px;background:var(--t)}
.qr-why i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--c);color:#fff;font:700 18px/1 'Inter Tight',sans-serif;font-style:normal}
.qr-why h3{font:600 18px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.qr-why p{font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}

/* deadlines timeline */
.qr-tl{display:grid;gap:12px}
.qr-tl__axis,.qr-tl__row{display:grid;grid-template-columns:200px repeat(8,minmax(0,1fr));align-items:center;column-gap:0}
.qr-tl__axis span{font:600 13px/1 Inter,sans-serif;color:var(--grey);text-align:center}
.qr-tl__row{position:relative;padding:16px 0;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px #E3E4EB}
.qr-tl__row > b{padding:0 18px;font:600 16px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.qr-tl__row > b small{display:block;margin-top:3px;font:400 12px/1.35 Inter,sans-serif;color:var(--text-c)}
.qr-tl__bar{grid-row:1;height:8px;border-radius:999px;background:var(--c);opacity:.35}
.qr-tl__m{grid-row:1;justify-self:center;display:grid;justify-items:center;gap:6px;z-index:1}
.qr-tl__m i{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 5px var(--c)}
.qr-tl__m span{padding:4px 9px;border-radius:999px;background:var(--t);font:600 12px/1.2 Inter,sans-serif;color:var(--ink);white-space:nowrap}
.qr-tl__m em{display:none;font-style:normal}
.qr-tl__m--end i{background:var(--c);box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 30%,transparent)}
.qr-world{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:clamp(24px,2.6vw,36px) 0 0;padding:0;list-style:none}
.qr-world li{display:grid;gap:6px;padding:18px 20px;border-radius:20px;background:#FFF6EC}
.qr-world b{font:600 17px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.qr-world span{font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}

/* track check */
.qr-chk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3vw,44px);align-items:start}
.qr-q{display:grid;gap:18px;margin:0;padding:clamp(22px,2.6vw,32px);border:0;border-radius:26px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6}
.qr-q fieldset{display:grid;gap:10px;margin:0;padding:0;border:0}
.qr-q legend{margin-bottom:10px;font:600 16px/1.35 'Inter Tight',sans-serif;color:var(--ink)}
.qr-q legend i{margin-right:8px;font-style:normal;color:var(--orange-t)}
.qr-opts{display:flex;flex-wrap:wrap;gap:8px}
.qr-opts label{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px #E3E4EB;font:500 14px/18px Inter,sans-serif;color:var(--ink);cursor:pointer;background:#fff}
.qr-opts label:has(input:checked){background:var(--night);color:#fff;box-shadow:none}
.qr-opts input{position:absolute;opacity:0;pointer-events:none}
.qr-opts label:has(input:focus-visible){outline:2px solid var(--orange);outline-offset:2px}
.qr-res{position:sticky;top:90px;display:grid;gap:16px;padding:clamp(24px,2.8vw,36px);border-radius:26px;background:linear-gradient(160deg,#C2410C,#9A3412);color:#fff;min-height:320px;align-content:start}
.qr-res__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#FFE08A}
.qr-res h3{font:600 clamp(24px,2.4vw,32px)/1.15 'Inter Tight',sans-serif;color:#fff}
.qr-res p{font:400 15px/1.55 Inter,sans-serif;color:rgba(255,255,255,.85)}
.qr-res__dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.qr-res__dates li{display:grid;gap:4px;padding:14px;border-radius:16px;background:rgba(255,255,255,.14)}
.qr-res__dates b{font:700 24px/1 'Inter Tight',sans-serif;color:#fff}
.qr-res__dates span{font:400 12px/1.35 Inter,sans-serif;color:rgba(255,255,255,.75)}
.qr-res__notes{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.qr-res__notes li{display:flex;gap:10px;font:400 14px/1.5 Inter,sans-serif;color:rgba(255,255,255,.88)}
.qr-res__notes li::before{content:"";flex:none;width:8px;height:8px;margin-top:7px;border-radius:50%;background:#FFE08A}
.qr-res__empty{display:grid;place-items:center;min-height:240px;text-align:center;font:400 15px/1.5 Inter,sans-serif;color:rgba(255,255,255,.7)}
.qr-res small{font:400 12px/1.45 Inter,sans-serif;color:rgba(255,255,255,.55)}
.qr-res .pill{justify-self:start;background:#fff;color:#9A3412}
.qr-res small{color:rgba(255,255,255,.75)}
.qr-hl{color:var(--sun)}

/* the path */
.qr-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:qp}
.qr-path li{position:relative;display:grid;align-content:start;gap:10px;padding:clamp(22px,2.4vw,30px);border-radius:24px;background:var(--t);counter-increment:qp}
.qr-path__k{font:700 13px/1 'Inter Tight',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#9A3412}
.qr-path h3{font:600 23px/1.15 'Inter Tight',sans-serif;color:var(--ink)}
.qr-path p{font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}
.qr-path ul{display:grid;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.qr-path ul li{display:flex;gap:8px;padding:0;background:none;font:400 14px/1.45 Inter,sans-serif;color:var(--ink);counter-increment:none}
.qr-path ul li::before{content:"✓";flex:none;font-weight:700;color:var(--orange-t)}
.qr-path__m{margin-top:6px;padding-top:12px;border-top:1px solid rgba(28,31,74,.12);font:500 13px/1.4 Inter,sans-serif;color:var(--text-c)}

/* the mark */
.qr-mark{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);align-items:center}
.qr-seal{position:relative;display:grid;place-items:center;width:min(100%,360px);aspect-ratio:1;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE08A,#FF7A3D);box-shadow:0 0 0 14px rgba(255,200,61,.18),0 30px 60px -30px rgba(28,31,74,.6);text-align:center;color:#1C1F4A}
.qr-seal::before{content:"";position:absolute;inset:16px;border-radius:50%;border:2px dashed rgba(28,31,74,.35)}
.qr-seal div{display:grid;gap:6px;padding:0 18%}
.qr-seal small{font:700 12px/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.qr-seal b{font:700 clamp(28px,3vw,38px)/1.05 'Inter Tight',sans-serif;letter-spacing:-.02em}
.qr-seal span{font:500 13px/1.3 Inter,sans-serif}
.qr-crit{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 0;padding:0;list-style:none}
.qr-crit li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:16px 18px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6}
.qr-crit li i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--night);color:#fff;font:700 14px/1 'Inter Tight';font-style:normal}
.qr-crit b{display:block;font:600 16px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.qr-crit span{font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}
.qr-note{margin-top:18px;padding:14px 18px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6;font:400 14px/1.5 Inter,sans-serif;color:var(--ink)}

/* around the path */
.qr-around{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.qr-around li{display:grid;align-content:start;gap:10px;padding:clamp(22px,2.4vw,30px);border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #E3E4EB,inset 0 4px 0 var(--c)}
.qr-around h3{font:600 21px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.qr-around p{font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}
.qr-around .qr-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.qr-chips li{padding:6px 11px;border-radius:999px;background:var(--t,#F3F4F8);font:600 12px/1.2 Inter,sans-serif;color:var(--ink);box-shadow:none}

/* roadmap */
.qr-road{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.qr-road li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.qr-road__p{font:700 13px/1 'Inter Tight',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--sun)}
.qr-road h3{font:600 21px/1.2 'Inter Tight',sans-serif;color:#fff}
.qr-road p{font:400 14px/1.5 Inter,sans-serif;color:rgba(255,255,255,.8)}

/* get involved */
.qr-who{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.qr-who li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:var(--t)}
.qr-who b{font:600 18px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.qr-who span{font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}
.qr-who button{justify-self:start;margin-top:6px;padding:0;border:0;background:none;font:600 14px/18px Inter,sans-serif;color:#9A3412;cursor:pointer}

/* form */
.qr-req .can-req__route label{padding:8px 14px;font-size:14px}
.qr-req select{width:100%}

@media (max-width:1100px){.qr-why{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-world{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.qr-chk,.qr-mark{grid-template-columns:minmax(0,1fr)}.qr-res{position:static}.qr-path,.qr-around,.qr-road,.qr-who{grid-template-columns:minmax(0,1fr)}.qr-why{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qr-tl__axis{display:none}.qr-tl__row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:18px}.qr-tl__row > b{padding:0}.qr-tl__bar{display:none}.qr-tl__m em{display:inline}.qr-res{min-height:0}.qr-res__empty{min-height:120px}.qr-tl__m{grid-row:auto!important;grid-column:auto!important;justify-self:start;grid-auto-flow:column;align-items:center}}
@media (max-width:560px){.qr-why,.qr-world,.qr-crit{grid-template-columns:minmax(0,1fr)}.qr-res__dates{grid-template-columns:minmax(0,1fr)}}
/* the NSD Campus Alliance project page (27 Oct 2026) */
.ca-gaps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ca-gaps li{display:grid;align-content:start;gap:10px;padding:clamp(22px,2.4vw,30px);border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6}
.ca-gaps__n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#C2410C;color:#fff;font:700 20px/1 var(--display)}
.ca-gaps h3{font:600 22px/1.2 var(--display);color:var(--ink)}
.ca-gaps p{font:400 15px/1.5 var(--text);color:var(--text-c)}
.ca-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:cap}
.ca-pillars li{display:grid;align-content:start;gap:8px;padding:clamp(22px,2.4vw,30px);border-radius:24px;background:var(--t);counter-increment:cap}
.ca-pillars li::before{content:counter(cap);font:700 15px/1 var(--display);color:var(--orange-t)}
.ca-pillars b{font:600 22px/1.2 var(--display);color:var(--ink)}
.ca-pillars p{font:400 15px/1.5 var(--text);color:var(--text-c)}
.ca-seven{margin-top:clamp(32px,3.6vw,52px)}
.ca-seven__h{margin-bottom:16px}
@media (min-width:1101px){.ca-seven .occ__g{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ca-cpew{background:linear-gradient(160deg,#272B63,#1C1F4A);box-shadow:inset 0 0 0 1.5px rgba(255,200,61,.55);color:#fff}
.ca-cpew .cec__code{background:var(--sun);color:#1C1F4A}
.ca-cpew .cec__n{color:#fff}
.ca-cpew .cec__m{color:rgba(255,255,255,.75)}
.ca-cpew .cec__go{color:var(--sun)}
.ca-nsd{display:flex;align-items:center;gap:clamp(16px,2vw,28px);margin-top:clamp(24px,2.6vw,36px);padding:clamp(18px,2vw,26px) clamp(20px,2.4vw,32px);border-radius:24px;background:#EEF4FF;box-shadow:inset 0 0 0 1px #D3E2FB}
.ca-nsd img{flex:none;width:clamp(64px,7vw,96px);height:auto}
.ca-nsd p{font:400 16px/1.55 var(--text);color:var(--ink)}
.ca-labs,.ca-exp,.ca-eth,.ca-apply{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.ca-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.ca-tags li{padding:10px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6;font:600 14px/1 var(--text);color:var(--ink)}
.ca-term{border-radius:22px;background:#14162F;box-shadow:0 30px 60px -30px rgba(20,22,47,.6);overflow:hidden}
.ca-term__bar{display:flex;align-items:center;gap:7px;padding:14px 18px;background:#1F2247}
.ca-term__bar i{width:11px;height:11px;border-radius:50%;background:#FF6B8B}
.ca-term__bar i:nth-child(2){background:#FFC83D}.ca-term__bar i:nth-child(3){background:#2EC27E}
.ca-term__bar span{margin-left:10px;font:500 13px/1 ui-monospace,Menlo,monospace;color:rgba(255,255,255,.55)}
.ca-term pre{margin:0;padding:clamp(20px,2.4vw,28px);font:400 clamp(13px,1.2vw,15px)/1.9 ui-monospace,Menlo,monospace;color:#E7E9F5;white-space:pre-wrap}
.ca-term__p{color:var(--sun)}.ca-term__ok{color:#2EC27E}.ca-term__c{color:#8C90B8}
.ca-term__cur{display:inline-block;width:9px;height:1.1em;vertical-align:text-bottom;background:#E7E9F5}
@media (prefers-reduced-motion:no-preference){.ca-term__cur{animation:caBlink 1.1s steps(1) infinite}}
@keyframes caBlink{50%{opacity:0}}
.ca-ticks{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.ca-ticks li{display:flex;gap:10px;font:400 16px/1.5 var(--text);color:var(--ink)}
.ca-ticks li::before{content:"✓";flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--orange-t);color:#fff;font:700 12px/1 var(--text)}
.ca-eth__l{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.ca-eth__l li{display:grid;gap:4px;padding:20px 22px;border-radius:20px;background:#fff}
.ca-eth__l b{font:600 18px/1.25 var(--display);color:#14162F}
.ca-eth__l span{font:400 15px/1.45 var(--text);color:#3E4160}
.ca-gain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ca-gain li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px #E3E4EB,inset 0 4px 0 var(--c)}
.ca-gain b{font:600 18px/1.25 var(--display);color:var(--ink)}
.ca-gain span{font:400 15px/1.5 var(--text);color:var(--text-c)}
.ca-next{margin-top:clamp(32px,3.6vw,52px)}
.ca-next ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none}
.ca-next li{display:grid;align-content:start;gap:6px;padding:22px;border-radius:22px;background:#FFF6EC}
.ca-next b{font:600 18px/1.25 var(--display);color:var(--ink)}
.ca-next span{font:400 15px/1.5 var(--text);color:var(--text-c)}
.ca-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:cas}
.ca-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;align-items:center;padding:16px 20px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6;counter-increment:cas}
.ca-steps li::before{content:counter(cas);grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--night);color:#fff;font:700 16px/1 var(--display)}
.ca-steps b{font:600 18px/1.25 var(--display);color:var(--ink)}
.ca-steps span{font:400 14px/1.45 var(--text);color:var(--text-c)}
@media (max-width:1100px){.ca-gain{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.ca-gaps,.ca-pillars,.ca-next ul{grid-template-columns:minmax(0,1fr)}.ca-labs,.ca-exp,.ca-eth,.ca-apply{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.ca-gain{grid-template-columns:minmax(0,1fr)}.ca-nsd{flex-direction:column;align-items:flex-start}}

/* the Forward-Deployed Cyber AI Engineers project page (27 Oct 2026) */
.ep-src{margin-top:14px;font:400 13px/18px Inter,sans-serif;color:var(--grey)}
.band--night .ep-src{color:rgba(255,255,255,.6)}

/* the shift */
.ep-shift{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.ep-facts{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none}
.ep-facts li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:18px 20px;border-radius:20px;background:var(--night);color:#fff}
.ep-facts b{font:700 clamp(30px,3vw,44px)/1 'Inter Tight',sans-serif;letter-spacing:-.03em;color:var(--sun);min-width:3.2em}
.ep-facts span{font:400 15px/1.5 Inter,sans-serif;color:rgba(255,255,255,.85)}
.ep-facts small{display:block;margin-top:4px;font:400 12px/1.4 Inter,sans-serif;color:rgba(255,255,255,.6)}
.ep-ladder{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.ep-ladder li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:center;padding:16px 18px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #E3E4EB}
.ep-ladder b{font:600 17px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.ep-ladder span{font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}
.ep-ladder li.gone{background:repeating-linear-gradient(135deg,#FFE3EA 0 10px,#FFF1F4 10px 20px);box-shadow:inset 0 0 0 1.5px #FF6B8B}
.ep-ladder li.gone b{color:#9F1239;text-decoration:line-through;text-decoration-thickness:2px}
.ep-ladder li.gone span{color:#7F1D3A}
.ep-ladder li.new{background:#D9F4E6;box-shadow:inset 0 0 0 1.5px #2EC27E}
.ep-ladder li.new b{color:#14532D}
.ep-ladder li.new span{color:#14532D}
.ep-ladder__k{margin-bottom:6px;font:600 12px/16px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}

/* why deployed */
.ep-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ep-why li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.ep-why b{font:700 30px/1 'Inter Tight',sans-serif;color:var(--sun)}
.ep-why h3{font:600 18px/1.25 'Inter Tight',sans-serif;color:#fff}
.ep-why p{font:400 15px/1.5 Inter,sans-serif;color:rgba(255,255,255,.8)}
.ep-why small{font:400 12px/1.4 Inter,sans-serif;color:rgba(255,255,255,.55)}

/* the new professional */
.ep-new{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.ep-orbit{position:relative;width:min(100%,440px);aspect-ratio:1;margin:0 auto}
.ep-orbit::before,.ep-orbit::after{content:"";position:absolute;inset:6%;border-radius:50%;border:1.5px dashed #C9CBDA}
.ep-orbit::after{inset:24%}
.ep-orbit__c{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:34%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE08A,#FF7A3D);box-shadow:0 0 0 10px rgba(255,200,61,.2),0 20px 50px -20px rgba(28,31,74,.5);text-align:center;color:#1C1F4A;font:700 clamp(15px,1.5vw,19px)/1.15 'Inter Tight',sans-serif}
.ep-orbit__c small{display:block;margin-top:4px;font:500 12px/1.3 Inter,sans-serif}
.ep-orbit__a{position:absolute;left:calc(50% + 44% * cos(var(--a)));top:calc(50% + 44% * sin(var(--a)));translate:-50% -50%;padding:7px 12px;border-radius:999px;background:var(--night);color:#fff;font:600 12px/16px Inter,sans-serif;white-space:nowrap;box-shadow:0 10px 24px -14px rgba(0,0,0,.6)}
.ep-orbit__a::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:2px;background:var(--c);vertical-align:middle}
@media (prefers-reduced-motion:no-preference){.ep-orbit::before{animation:cutSpin 60s linear infinite}}
.ep-traits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 0;padding:0;list-style:none}
.ep-traits li{display:grid;gap:4px;padding:16px 18px;border-radius:18px;background:var(--t)}
.ep-traits b{font:600 17px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.ep-traits span{font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}

/* the 90-day track */
.ep-track{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:10px;margin:0 0 18px;padding:0;list-style:none}
.ep-track li{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:var(--t);min-width:0}
.ep-track__w{font:700 13px/1 'Inter Tight',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#9A3412}
.ep-track h3{font:600 21px/1.15 'Inter Tight',sans-serif;color:var(--ink)}
.ep-track p{font:400 15px/1.5 Inter,sans-serif;color:var(--text-c)}
.ep-track ul{display:grid;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.ep-track ul li{display:flex;gap:8px;padding:0;background:none;font:400 14px/1.45 Inter,sans-serif;color:var(--ink)}
.ep-track ul li::before{content:"";flex:none;width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--orange-t)}
.ep-track__bar{display:grid;grid-template-columns:2fr 9fr 1fr;gap:10px;margin:0 0 10px}
.ep-track__bar span{height:10px;border-radius:999px;background:var(--c)}
.ep-track__end{writing-mode:horizontal-tb}
.ep-out{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:clamp(18px,2vw,26px) 0 0;padding:0;list-style:none}
.ep-out li{padding:16px 18px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #E3E4EB}
.ep-out b{display:block;font:600 16px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.ep-out span{font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}

/* roles */
.ep-roles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ep-roles li{display:grid;align-content:start;gap:8px;padding:20px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px #E3E4EB,inset 0 4px 0 var(--c)}
.ep-roles b{font:600 18px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.ep-roles p{font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}
.ep-roles small{margin-top:4px;padding-top:10px;border-top:1px solid #E3E4EB;font:500 12px/1.45 Inter,sans-serif;color:var(--ink)}
.ep-roles small i{font-style:normal;color:var(--grey)}

/* funnel and ramp */
.ep-fun{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.ep-funnel{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.ep-funnel li{display:flex;align-items:baseline;gap:14px;width:var(--w);min-width:min(100%,280px);margin:0 auto;padding:18px 22px;border-radius:18px;background:var(--c);color:#fff}
.ep-funnel b{flex:none;font:700 clamp(24px,2.4vw,34px)/1 'Inter Tight',sans-serif;letter-spacing:-.025em}
.ep-funnel span{font:400 14px/1.4 Inter,sans-serif;color:rgba(255,255,255,.92)}
.ep-ramp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end;height:240px;margin:0;padding:0;list-style:none}
.ep-ramp li{display:grid;grid-template-rows:auto 1fr auto;gap:8px;height:100%;text-align:center}
.ep-ramp i{display:block;align-self:end;height:var(--h);border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#FFC83D,#FF7A3D)}
.ep-ramp b{font:700 20px/1 'Inter Tight',sans-serif;color:var(--ink)}
.ep-ramp span{font:600 13px/16px Inter,sans-serif;color:var(--text-c)}
.ep-ramp__t{margin-top:12px;padding:14px 18px;border-radius:18px;background:var(--night);color:#fff;font:400 15px/1.5 Inter,sans-serif}
.ep-ramp__t b{color:var(--sun);font-weight:700}

/* hosts */
.ep-hosts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ep-hosts li{display:grid;gap:6px;padding:20px;border-radius:22px;background:var(--t)}
.ep-hosts b{font:600 17px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.ep-hosts span{font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}
.ep-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,22px);margin-top:clamp(20px,2.4vw,32px)}
.ep-two article{padding:clamp(22px,2.4vw,30px);border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6}
.ep-two h3{font:600 21px/1.2 'Inter Tight',sans-serif;color:var(--ink)}
.ep-two ul{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.ep-two li{display:flex;gap:10px;font:400 15px/1.5 Inter,sans-serif;color:var(--ink)}
.ep-two li::before{content:"✓";flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--orange-t);color:#fff;font:700 11px/1 Inter}

/* empanelment */
.ep-emp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.ep-badge{display:grid;gap:14px;padding:clamp(24px,3vw,36px);border-radius:28px;background:linear-gradient(160deg,#272B63,#1C1F4A);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,200,61,.55)}
.ep-badge__k{font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sun)}
.ep-badge h3{font:600 26px/1.15 'Inter Tight',sans-serif;color:#fff}
.ep-badge ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.ep-badge li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;font:400 15px/1.5 Inter,sans-serif;color:rgba(255,255,255,.88)}
.ep-badge li i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sun);color:#1C1F4A;font:700 13px/1 'Inter Tight';font-style:normal}
.ep-cats{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.ep-cats li{padding:9px 14px;border-radius:999px;background:#FFF1CC;box-shadow:inset 0 0 0 1px #F2D27A;font:600 14px/1 Inter,sans-serif;color:var(--ink)}

/* kushti */
.ep-ku{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.ep-ku__l{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 0;padding:0;list-style:none}
.ep-ku__l li{padding:16px 18px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6}
.ep-ku__l b{display:block;font:600 16px/1.25 'Inter Tight',sans-serif;color:var(--ink)}
.ep-ku__l span{font:400 14px/1.45 Inter,sans-serif;color:var(--text-c)}

/* measures and funding */
.ep-meas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ep-meas li{display:grid;gap:6px;padding:20px;border-radius:20px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.ep-meas b{font:600 17px/1.25 'Inter Tight',sans-serif;color:#fff}
.ep-meas span{font:400 14px/1.45 Inter,sans-serif;color:rgba(255,255,255,.78)}
.ep-fund{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:clamp(24px,2.6vw,36px) 0 0;padding:0;list-style:none}
.ep-fund li{display:grid;gap:6px;padding:20px;border-radius:20px;background:#fff;color:#14162F}
.ep-fund b{font:600 17px/1.25 'Inter Tight',sans-serif;color:#14162F}
.ep-fund span{font:400 14px/1.45 Inter,sans-serif;color:#3E4160}
.ep-fund__k{margin-top:clamp(28px,3vw,40px);font:600 12px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sun)}

@media (max-width:1100px){.ep-roles,.ep-hosts{grid-template-columns:repeat(3,minmax(0,1fr))}.ep-meas,.ep-fund,.ep-out{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.ep-shift,.ep-new,.ep-fun,.ep-emp,.ep-ku,.ep-two{grid-template-columns:minmax(0,1fr)}.ep-why{grid-template-columns:minmax(0,1fr)}.ep-track,.ep-track__bar{grid-template-columns:minmax(0,1fr)}.ep-track__bar{display:none}}
@media (max-width:560px){.ep-roles,.ep-hosts,.ep-meas,.ep-fund,.ep-out,.ep-ku__l,.ep-traits{grid-template-columns:minmax(0,1fr)}.ep-ladder li{grid-template-columns:minmax(0,1fr)}.ep-orbit__a{font-size:11px;padding:5px 9px}.ep-ramp{height:200px}}
/* decluttered */
.ep-facts li{padding:16px 20px}
.ep-why li{padding:26px}
.ep-why b{font-size:clamp(40px,4vw,56px);letter-spacing:-.03em}
.ep-leaves{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:clamp(22px,2.4vw,30px) 0 0;padding:0;list-style:none}
.ep-leaves li{padding:9px 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #E3E4EB;font:600 14px/1 Inter,sans-serif;color:var(--ink)}
.ep-leaves li:first-child{background:none;box-shadow:none;padding-left:0;color:var(--grey);font-weight:500}
.ep-hostchips{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.ep-hostchips li{padding:12px 18px;border-radius:999px;background:var(--t);font:600 16px/1 'Inter Tight',sans-serif;color:var(--ink)}
.ep-roles p{margin:0}
/* funnel and ramp as two matching panels */
.ep-fun{align-items:stretch;gap:clamp(14px,1.6vw,22px)}
.ep-panel{display:flex;flex-direction:column;gap:20px;padding:clamp(22px,2.4vw,32px);border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #EFE3D6}
.ep-panel .ep-ladder__k{margin:0}
.ep-funnel{flex:1;align-content:space-between}
.ep-funnel li{justify-content:center;min-width:0;padding:16px 20px}
.ep-funnel b{font-size:clamp(22px,2vw,28px)}
.ep-ramp{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr auto;gap:10px 14px;height:auto;min-height:270px}
.ep-ramp li{display:contents}
.ep-ramp b,.ep-ramp i{grid-row:1;align-self:end}
.ep-ramp i{position:relative;height:var(--h);margin-top:34px}
.ep-ramp b{z-index:1;margin-bottom:calc(var(--h) + 8px);text-align:center;transform:none}
.ep-ramp span{grid-row:2;text-align:center}
@media (max-width:560px){
  .ep-funnel li{flex-direction:column;align-items:center;gap:4px;text-align:center;width:calc(100% - var(--i,0) * 24px);min-width:0}
  .ep-ramp{min-height:0;gap:8px 10px}
  .ep-ramp i{height:calc(var(--h) * .6)}
  .ep-ramp b{margin-bottom:calc(var(--h) * .6 + 6px);font-size:17px}
  .ep-ramp span{font-size:12px}
}
.ep-ramp li:nth-child(1)>*{grid-column:1}.ep-ramp li:nth-child(2)>*{grid-column:2}.ep-ramp li:nth-child(3)>*{grid-column:3}.ep-ramp li:nth-child(4)>*{grid-column:4}
.ep-ku__fig{margin:0;min-width:0}
.ep-ku__fig .cut{min-height:0}
.ep-ku__fig figcaption{margin:28px 20px 0;font:400 14px/1.5 Inter,sans-serif;color:var(--text-c)}