/* Design options for the public site, switched with html[data-design]. PREVIEW ONLY: once one is chosen, its values move into
   site.css and this file and the switcher go. With no data-design (or "current") nothing here applies.
   A Heritage, B Ivory, C Obsidian are VesperStone's own; D Signal, E Maison, F Meridian are in the spirit of Bending Spoons, Lazard
   and Evercore. No logo, image or text of those firms is used. */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 600;font-display:swap;src:url('fonts/CormorantGaramond.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 500;font-display:swap;src:url('fonts/Fraunces.woff2') format('woff2')}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:300 600;font-display:swap;src:url('fonts/InterTight.woff2') format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:300 600;font-display:swap;src:url('fonts/HankenGrotesk.woff2') format('woff2')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url('fonts/InstrumentSans.woff2') format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/InstrumentSerif-Italic.woff2') format('woff2')}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400 500;font-display:swap;src:url('fonts/EBGaramond.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/IBMPlexSans-300.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/IBMPlexSans-400.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/IBMPlexSans-500.woff2') format('woff2')}

/* larger reading size in every option */
html[data-design]:not([data-design="current"]) body{font-size:clamp(1.08rem,1.22vw,1.22rem)}
html[data-design]:not([data-design="current"]) .kicker,html[data-design]:not([data-design="current"]) .nav ul a,html[data-design]:not([data-design="current"]) .nav .login,html[data-design]:not([data-design="current"]) .nav .cta{font-size:.78rem}

/* the film and the map are night scenes in every option: they keep the original night palette */
html[data-design] .stage,html[data-design] .nav:not(.solid),html[data-design] .mapbox{
  --t1:#EDEAF2; --t2:#b3b2c4; --accent:#C9A96A; --accent-hover:#DCC088; --on-accent:#16182B; --line:rgba(237,234,242,.16); --line-strong:rgba(237,234,242,.52)}
html[data-design] .stage .btn{background:#C9A96A;color:#16182B}

/* ---------- A Heritage ---------- */
html[data-design="a"]{--canvas:#0c0f1d;--canvas-deep:#080a14;--panel:#131830;--panel-soft:rgba(19,24,48,.7);--accent:#CBAE72;--accent-hover:#E0C891;--accent-muted:rgba(203,174,114,.3);--t1:#F3EEE3;--t2:#A9A7B5;--line:rgba(203,174,114,.2);--line-strong:rgba(243,238,227,.45);
  --display:'Cormorant Garamond',Georgia,serif;--body:'Hanken Grotesk',system-ui,sans-serif;--mono:'Hanken Grotesk',system-ui,sans-serif}
html[data-design="a"] h1,html[data-design="a"] h2,html[data-design="a"] h3,html[data-design="a"] .hl{letter-spacing:-.005em!important;font-weight:400}
html[data-design="a"] h2.title,html[data-design="a"] h1.title{font-size:clamp(2.5rem,5vw,4.4rem)}

/* ---------- C Obsidian ---------- */
html[data-design="c"]{--canvas:#07080c;--canvas-deep:#040507;--panel:#12141b;--panel-soft:rgba(255,255,255,.04);--accent:#DCC8A0;--accent-hover:#EBDCBB;--accent-muted:rgba(220,200,160,.3);--t1:#F5F5F7;--t2:#A3A5B2;--line:rgba(255,255,255,.1);--line-strong:rgba(255,255,255,.4);
  --display:'Inter Tight',system-ui,sans-serif;--body:'Inter Tight',system-ui,sans-serif}
html[data-design="c"] h1,html[data-design="c"] h2,html[data-design="c"] h3,html[data-design="c"] .hl{font-weight:500;letter-spacing:-.035em}
html[data-design="c"] .btn,html[data-design="c"] .nav .cta{border-radius:999px}

/* ---------- D Signal ---------- */
html[data-design="d"]{--canvas:#000;--canvas-deep:#000;--panel:#0e0e0e;--panel-soft:#0e0e0e;--accent:#B9F2A1;--accent-hover:#d2f8c2;--accent-muted:rgba(185,242,161,.35);--t1:#fff;--t2:#a8a8a8;--line:rgba(255,255,255,.14);--line-strong:rgba(255,255,255,.45);--on-accent:#000;
  --display:'Instrument Sans',system-ui,sans-serif;--body:'Instrument Sans',system-ui,sans-serif;--mono:'Instrument Sans',system-ui,sans-serif}
html[data-design="d"] h1,html[data-design="d"] h2,html[data-design="d"] h3{font-weight:400;letter-spacing:-.03em}
html[data-design="d"] h2.title,html[data-design="d"] h1.title{font-size:clamp(2.6rem,5.6vw,5rem);line-height:1}
html[data-design="d"] .kicker,html[data-design="d"] .tagline,html[data-design="d"] .stat .n,html[data-design="d"] .flow h3,html[data-design="d"] .room h3,html[data-design="d"] .roomlink h3,html[data-design="d"] .marq span:nth-child(3n){font-family:'Instrument Serif',Georgia,serif;font-style:italic;text-transform:none;letter-spacing:0;color:var(--accent)}
html[data-design="d"] .kicker{font-size:1.25rem}
html[data-design="d"] .stat .n{background:none;-webkit-text-fill-color:currentColor}
html[data-design="d"] .btn,html[data-design="d"] .nav .cta,html[data-design="d"] .chipbtn{border-radius:999px}
html[data-design="d"] main .btn:not(.ghost){background:#fff;color:#000}
html[data-design="d"] .card,html[data-design="d"] .ch,html[data-design="d"] .pm3 article,html[data-design="d"] .ben3 article,html[data-design="d"] .prof4 article{border-radius:26px}
html[data-design="d"] .env i{display:none}

/* ---------- the three light options: B Ivory, E Maison, F Meridian ---------- */
html[data-design="b"]{--canvas:#F5F1E8;--canvas-deep:#EFEADF;--panel:#FFFFFF;--panel-soft:#FFFFFF;--accent:#8C6A2B;--accent-hover:#74561f;--accent-muted:rgba(140,106,43,.35);--t1:#15182A;--t2:#565A6E;--line:rgba(21,24,42,.13);--line-strong:rgba(21,24,42,.4);--on-accent:#fff;
  --display:'Fraunces',Georgia,serif;--body:'Hanken Grotesk',system-ui,sans-serif;--mono:'Hanken Grotesk',system-ui,sans-serif}
html[data-design="e"]{--canvas:#FFFFFF;--canvas-deep:#F6F6F4;--panel:#FFFFFF;--panel-soft:#FFFFFF;--accent:#1F3A8A;--accent-hover:#152a66;--accent-muted:rgba(31,58,138,.35);--t1:#23283C;--t2:#5a6074;--line:rgba(35,40,60,.16);--line-strong:rgba(35,40,60,.55);--on-accent:#fff;
  --display:'EB Garamond','Cormorant Garamond',Georgia,serif;--body:'Hanken Grotesk','Helvetica Neue',Helvetica,Arial,sans-serif;--mono:'Hanken Grotesk','Helvetica Neue',Helvetica,Arial,sans-serif}
html[data-design="f"]{--canvas:#FFFFFF;--canvas-deep:#F3F5F9;--panel:#FFFFFF;--panel-soft:#FFFFFF;--accent:#1D4289;--accent-hover:#15326a;--accent-muted:rgba(29,66,137,.4);--t1:#16294F;--t2:#51607D;--line:rgba(29,66,137,.16);--line-strong:rgba(29,66,137,.5);--on-accent:#fff;
  --display:'IBM Plex Sans','Helvetica Neue',Helvetica,Arial,sans-serif;--body:'IBM Plex Sans','Helvetica Neue',Helvetica,Arial,sans-serif;--mono:'IBM Plex Sans','Helvetica Neue',Helvetica,Arial,sans-serif}
html[data-design="b"] body,html[data-design="e"] body,html[data-design="f"] body{font-weight:400}
html[data-design="b"] .env i,html[data-design="e"] .env i,html[data-design="f"] .env i{display:none}
html[data-design="b"] .env::after,html[data-design="e"] .env::after,html[data-design="f"] .env::after{display:none}
html[data-design="b"] .nav.solid,html[data-design="e"] .nav.solid,html[data-design="f"] .nav.solid{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line)}
html[data-design="b"] .nav.solid{background:rgba(245,241,232,.95)}
html[data-design="b"] .nav.solid .mark img,html[data-design="e"] .nav.solid .mark img,html[data-design="f"] .nav.solid .mark img,html[data-design="b"] .foot .wm,html[data-design="e"] .foot .wm,html[data-design="f"] .foot .wm{filter:brightness(0) saturate(100%)}
html[data-design="b"] .nav.solid .mnav .mpanel,html[data-design="e"] .nav.solid .mnav .mpanel,html[data-design="f"] .nav.solid .mnav .mpanel{background:var(--canvas)}
html[data-design="b"] .card,html[data-design="e"] .card,html[data-design="f"] .card,html[data-design="b"] .sectors li,html[data-design="e"] .sectors li,html[data-design="f"] .sectors li{background:var(--panel)}
html[data-design="b"] .card .halo,html[data-design="e"] .card .halo,html[data-design="f"] .card .halo{display:none}
html[data-design="b"] .f input,html[data-design="b"] .f select,html[data-design="b"] .f textarea,html[data-design="e"] .f input,html[data-design="e"] .f select,html[data-design="e"] .f textarea,html[data-design="f"] .f input,html[data-design="f"] .f select,html[data-design="f"] .f textarea{background:#fff;color:var(--t1)}
html[data-design="b"] .f select option,html[data-design="e"] .f select option,html[data-design="f"] .f select option{background:#fff;color:var(--t1)}
html[data-design="b"] footer,html[data-design="e"] footer,html[data-design="f"] footer{background:var(--canvas-deep)}
html[data-design="b"] .stat .n,html[data-design="e"] .stat .n,html[data-design="f"] .stat .n{background:none;-webkit-text-fill-color:currentColor;color:var(--t1)}
html[data-design="b"] .person .ai-tile,html[data-design="e"] .person .ai-tile,html[data-design="f"] .person .ai-tile{--t1:#EDEAF2}
html[data-design="b"] .platform,html[data-design="b"] .room,html[data-design="b"] .roomlink,html[data-design="b"] .method,html[data-design="e"] .platform,html[data-design="e"] .room,html[data-design="e"] .roomlink,html[data-design="e"] .method,html[data-design="f"] .platform,html[data-design="f"] .room,html[data-design="f"] .roomlink,html[data-design="f"] .method{background:var(--canvas-deep)}
html[data-design="b"] .card,html[data-design="b"] .ch,html[data-design="b"] .pm3 article,html[data-design="b"] .ben3 article,html[data-design="b"] .prof4 article,html[data-design="b"] .pill6 article,html[data-design="b"] .cause,html[data-design="b"] .card2{box-shadow:0 1px 2px rgba(21,24,42,.05),0 10px 28px rgba(21,24,42,.06)}
html[data-design="b"] h1,html[data-design="b"] h2,html[data-design="b"] h3{font-weight:400}

html[data-design="e"] h1,html[data-design="e"] h2,html[data-design="e"] h3{font-weight:400;letter-spacing:-.02em}
html[data-design="e"] h2.title,html[data-design="e"] h1.title{font-size:clamp(2.8rem,5.8vw,5rem);line-height:1.02}
html[data-design="e"] .kicker{color:var(--t1);border-top:1px solid var(--t1);padding-top:.8rem;display:block}
html[data-design="e"] main .btn:not(.ghost){background:var(--t1);color:#fff}
html[data-design="e"] .btn,html[data-design="f"] .btn{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
html[data-design="f"] h1,html[data-design="f"] h2,html[data-design="f"] h3{font-weight:300;letter-spacing:-.01em}
html[data-design="f"] h2.title,html[data-design="f"] h1.title{color:var(--accent)}
html[data-design="f"] footer{background:#0F2247;--t1:#fff;--t2:rgba(255,255,255,.7);--line:rgba(255,255,255,.18);color:#fff}
html[data-design="f"] .foot .wm{filter:none}
html[data-design="f"] .step .ph::after{background:linear-gradient(180deg,rgba(29,66,137,.15),rgba(15,34,71,.75))}

/* square edges for the three institutional options */
html[data-design="a"] .btn,html[data-design="a"] .nav .cta,html[data-design="a"] .card,html[data-design="a"] .ch,html[data-design="a"] .pm3 article,html[data-design="a"] .pm4 article,html[data-design="a"] .ben3 article,html[data-design="a"] .prof4 article,html[data-design="a"] .params>div,html[data-design="a"] .room,html[data-design="a"] .roomlink,html[data-design="a"] .platform,html[data-design="a"] .labs-note,html[data-design="a"] .method,html[data-design="a"] .mapbox,html[data-design="a"] .person img,html[data-design="a"] .step .ph,html[data-design="a"] .f input,html[data-design="a"] .f select,html[data-design="a"] .f textarea,html[data-design="a"] .card2,html[data-design="a"] .sectors li,html[data-design="a"] .pill6 article,html[data-design="a"] .cause,
html[data-design="e"] .btn,html[data-design="e"] .nav .cta,html[data-design="e"] .card,html[data-design="e"] .ch,html[data-design="e"] .pm3 article,html[data-design="e"] .pm4 article,html[data-design="e"] .ben3 article,html[data-design="e"] .prof4 article,html[data-design="e"] .params>div,html[data-design="e"] .room,html[data-design="e"] .roomlink,html[data-design="e"] .platform,html[data-design="e"] .labs-note,html[data-design="e"] .method,html[data-design="e"] .mapbox,html[data-design="e"] .person img,html[data-design="e"] .step .ph,html[data-design="e"] .f input,html[data-design="e"] .f select,html[data-design="e"] .f textarea,html[data-design="e"] .card2,html[data-design="e"] .sectors li,html[data-design="e"] .pill6 article,html[data-design="e"] .cause,
html[data-design="f"] .btn,html[data-design="f"] .nav .cta,html[data-design="f"] .card,html[data-design="f"] .ch,html[data-design="f"] .pm3 article,html[data-design="f"] .pm4 article,html[data-design="f"] .ben3 article,html[data-design="f"] .prof4 article,html[data-design="f"] .params>div,html[data-design="f"] .room,html[data-design="f"] .roomlink,html[data-design="f"] .platform,html[data-design="f"] .labs-note,html[data-design="f"] .method,html[data-design="f"] .mapbox,html[data-design="f"] .person img,html[data-design="f"] .step .ph,html[data-design="f"] .f input,html[data-design="f"] .f select,html[data-design="f"] .f textarea,html[data-design="f"] .card2,html[data-design="f"] .sectors li,html[data-design="f"] .pill6 article,html[data-design="f"] .cause{border-radius:2px}

/* ---------- preview switcher, cookie notice, legal pages (the last two stay after a design is chosen) ---------- */
.dsw{position:fixed;left:14px;bottom:14px;z-index:90;display:flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;border-radius:999px;background:#0b0c17;border:1px solid rgba(201,169,106,.5);font:400 11px/1 'Spline Sans Mono',ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#9a9bb0;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.dsw button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:#c9c8d6;background:none;border:0;padding:7px 9px;border-radius:999px;cursor:pointer}
.dsw button[aria-pressed="true"]{background:#C9A96A;color:#16182B}
@media(max-width:720px){.dsw{display:none}}
.cookie{position:fixed;right:16px;bottom:16px;z-index:95;width:min(440px,calc(100vw - 32px));padding:20px 22px;border-radius:16px;background:#12142a;color:#EDEAF2;border:1px solid rgba(237,234,242,.2);box-shadow:0 24px 70px rgba(0,0,0,.5);font:300 15px/1.5 var(--body)}
.cookie h2{font:400 1.15rem/1.2 var(--display);letter-spacing:-.01em;color:#EDEAF2}
.cookie p{margin-top:.5rem;color:#b9b8c8}
.cookie a{color:#DCC088;text-underline-offset:3px}
.cookie .row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cookie button{font:500 14px/1 var(--body);padding:12px 16px;border-radius:10px;border:1px solid rgba(237,234,242,.4);background:transparent;color:#EDEAF2;cursor:pointer;min-height:44px}
.cookie button.yes{background:#C9A96A;border-color:#C9A96A;color:#16182B}
.cookie button:hover{border-color:#DCC088}
.legal-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;list-style:none;font-size:.86rem;color:var(--t2)}
.legal-links a,.legal-links button{color:inherit;text-decoration:underline;text-underline-offset:3px;background:none;border:0;font:inherit;cursor:pointer;padding:0}
.legal-links a:hover,.legal-links button:hover{color:var(--accent)}
.prose{max-width:74ch}
.prose h2{font-family:var(--display);font-weight:300;font-size:clamp(1.4rem,2.2vw,1.9rem);letter-spacing:-.015em;margin-top:2.4rem}
.prose p,.prose li{margin-top:.9rem;color:var(--t1)}
.prose ul{padding-left:1.2rem}
.prose .draftnote{margin-top:1.4rem;padding:.9rem 1.1rem;border-left:2px solid var(--accent);background:var(--panel-soft);color:var(--t1);font-size:.95em}
.prose .ph{color:var(--accent)}
html[data-design="d"] .kicker{font-size:1.3rem!important}
html[data-design="d"] .nav.solid{background:rgba(0,0,0,.86)}

/* ============================================================
   Three versions of E (Maison). All keep E's structure: square edges, thin rules, small capital labels.
   All use Fraunces for headlines and for the captions over the film, the typeface Gabriele picked from option B.
   E1 Ivory : E on warm paper, with the bronze accent of option B.
   E2 Blanc : E on white, navy accent; the Vision and numbers sit on an ivory band.
   E3 Noir  : E exactly (same fonts, same layout) in dark colours: ink-black page, ivory type, steel-blue accent.
   ============================================================ */
html[data-design="e"]:is([data-variant="1"],[data-variant="2"]){--display:'Fraunces',Georgia,serif}
html[data-design="e"]:is([data-variant="1"],[data-variant="2"]) h1,html[data-design="e"]:is([data-variant="1"],[data-variant="2"]) h2,html[data-design="e"]:is([data-variant="1"],[data-variant="2"]) h3,html[data-design="e"]:is([data-variant="1"],[data-variant="2"]) .hl{font-weight:400;letter-spacing:-.022em}
html[data-design="e"]:is([data-variant="1"],[data-variant="2"]) h2.title,html[data-design="e"]:is([data-variant="1"],[data-variant="2"]) h1.title{font-size:clamp(2.5rem,5.2vw,4.5rem);line-height:1.04}

html[data-design="e"][data-variant="1"]{--canvas:#F5F1E8;--canvas-deep:#EDE7DA;--panel:#FFFDF8;--panel-soft:#FFFDF8;--accent:#8C6A2B;--accent-hover:#74561f;--accent-muted:rgba(140,106,43,.4);--t1:#1B1E30;--t2:#5a5d6e;--line:rgba(27,30,48,.15);--line-strong:rgba(27,30,48,.5)}
html[data-design="e"][data-variant="1"] .nav.solid{background:rgba(245,241,232,.95)}

html[data-design="e"][data-variant="2"] #vision,html[data-design="e"][data-variant="2"] .stats{background:#F5F1E8}
html[data-design="e"][data-variant="2"] .stats{padding-top:clamp(40px,6vw,80px);margin-bottom:clamp(60px,9vw,120px)}
html[data-design="e"][data-variant="2"] #vision{padding-top:clamp(80px,11vw,150px)}

html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="5"],[data-variant="8"]){--canvas:#0A0C12;--canvas-deep:#06070B;--panel:#10131C;--panel-soft:#10131C;--accent:#8FB3FF;--accent-hover:#B4CCFF;--accent-muted:rgba(143,179,255,.4);--t1:#F2EFE8;--t2:#9BA0AE;--line:rgba(242,239,232,.14);--line-strong:rgba(242,239,232,.6);--on-accent:#0A0C12}
/* E4 Gris: the middle between E and E3. Same E, on graphite grey. */
html[data-design="e"]:is([data-variant="4"],[data-variant="6"]){--canvas:#2D3038;--canvas-deep:#24272E;--panel:#363A43;--panel-soft:#363A43;--accent:#A9C4FF;--accent-hover:#C8D9FF;--accent-muted:rgba(169,196,255,.4);--t1:#F2EFE8;--t2:#B4B8C3;--line:rgba(242,239,232,.16);--line-strong:rgba(242,239,232,.6);--on-accent:#24272E}
/* 5 and 6: E3 and E4 with a yellow highlight instead of blue */
html[data-design="e"]:is([data-variant="5"],[data-variant="8"],[data-variant="6"]){--accent:#F2C84B;--accent-hover:#F8DC83;--accent-muted:rgba(242,200,75,.4)}
html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="4"],[data-variant="5"],[data-variant="8"],[data-variant="6"]) .nav.solid{background:color-mix(in srgb,var(--canvas) 93%,transparent);border-bottom:1px solid var(--line)}
html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="4"],[data-variant="5"],[data-variant="8"],[data-variant="6"]) .nav.solid .mark img,html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="4"],[data-variant="5"],[data-variant="8"],[data-variant="6"]) .foot .wm{filter:none}
html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="4"],[data-variant="5"],[data-variant="8"],[data-variant="6"]) .nav.solid .mnav .mpanel{background:var(--canvas)}
html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="4"],[data-variant="5"],[data-variant="8"],[data-variant="6"]) main .btn:not(.ghost){background:var(--t1);color:var(--canvas)}
html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="4"],[data-variant="5"],[data-variant="8"],[data-variant="6"]) main .btn:not(.ghost):hover{background:var(--accent)}
html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="4"],[data-variant="5"],[data-variant="8"],[data-variant="6"]) .f input,html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="4"],[data-variant="5"],[data-variant="8"],[data-variant="6"]) .f select,html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="4"],[data-variant="5"],[data-variant="8"],[data-variant="6"]) .f textarea,html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="4"],[data-variant="5"],[data-variant="8"],[data-variant="6"]) .f select option{background:var(--canvas-deep);color:var(--t1)}
html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="4"],[data-variant="5"],[data-variant="8"],[data-variant="6"]) footer{background:var(--canvas-deep)}
html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="4"],[data-variant="5"],[data-variant="8"],[data-variant="6"]) .platform,html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="4"],[data-variant="5"],[data-variant="8"],[data-variant="6"]) .room,html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="4"],[data-variant="5"],[data-variant="8"],[data-variant="6"]) .roomlink,html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="4"],[data-variant="5"],[data-variant="8"],[data-variant="6"]) .method{background:var(--panel)}
html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="4"],[data-variant="5"],[data-variant="8"],[data-variant="6"]) .kicker{color:var(--accent);border-top-color:var(--t1)}
html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="4"],[data-variant="5"],[data-variant="8"],[data-variant="6"]) .stat .n{color:var(--t1)}
html[data-design="e"]:is([data-variant="1"],[data-variant="2"]) .tags li{border-radius:0}

/* The words over the film use the typeface of option B (Fraunces) in E and in E3. Everything below the film stays E. */
html[data-design="e"] .hero{--display:'Fraunces',Georgia,serif}
html[data-design="e"] .hero :is(h1,h2,h3,.hl){letter-spacing:-.035em}
html[data-design="e"]:is([data-variant="5"],[data-variant="8"],[data-variant="6"]){--fund:var(--accent)}
/* 7: E itself (white) with the yellow highlight. On white the yellow is deepened so small text stays readable; fills and lines use the bright yellow of E3. */
html[data-design="e"][data-variant="7"]{--accent:#9A7200;--accent-hover:#7A5B00;--accent-muted:rgba(242,200,75,.75);--fund:#9A7200}
html[data-design="e"][data-variant="7"] main .btn:not(.ghost):hover{background:#F2C84B;color:#23283C}
html[data-design="e"][data-variant="7"] ::selection{background:#F2C84B;color:#23283C}

/* Softened edges and a light-and-shade finish for the two finalists (E yellow = 7, E3 yellow = 5).
   Corners are gently rounded, never square. Panels catch light from the top left and sit on a soft shadow. */
html[data-design="e"]:is(:not([data-variant]),[data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"],[data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="5"],[data-variant="8"],[data-variant="7"]) :is(.card,.ch,.pm3 article,.pm4 article,.ben3 article,.prof4 article,.params>div,.room,.roomlink,.platform,.labs-note,.method,.mapbox,.card2,.sectors li,.pill6 article,.cause){border-radius:16px}
html[data-design="e"]:is(:not([data-variant]),[data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"],[data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="5"],[data-variant="8"],[data-variant="7"]) :is(.btn,.nav .cta,.f input,.f select,.f textarea){border-radius:10px}
html[data-design="e"]:is(:not([data-variant]),[data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"],[data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="5"],[data-variant="8"],[data-variant="7"]) :is(.person img,.step .ph){border-radius:14px}
html[data-design="e"]:is(:not([data-variant]),[data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"],[data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="5"],[data-variant="8"],[data-variant="7"]) .tags li{border-radius:8px}
html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="5"],[data-variant="8"]) :is(.card,.ch,.pm3 article,.pm4 article,.ben3 article,.prof4 article,.params>div,.room,.roomlink,.platform,.method,.card2,.sectors li,.pill6 article,.cause){background:linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.015) 38%,rgba(0,0,0,.18)),var(--panel);border-color:rgba(242,239,232,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 30px 60px -28px rgba(0,0,0,.85)}
html[data-design="e"]:is(:not([data-variant]),[data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"],[data-variant="7"]) :is(.card,.ch,.pm3 article,.pm4 article,.ben3 article,.prof4 article,.params>div,.room,.roomlink,.platform,.method,.card2,.sectors li,.pill6 article,.cause){background:linear-gradient(155deg,#FFFFFF,#FFFFFF 35%,#F3F2EE);border-color:rgba(35,40,60,.1);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(35,40,60,.05),0 26px 50px -26px rgba(35,40,60,.28)}

/* Numbers in E: exactly as in the Current design. Light Space Grotesk, with the colour fading from the text colour down into the highlight. */
html[data-design="e"] :is(.aum .num,.stat .n){font-family:'Space Grotesk',system-ui,sans-serif;font-weight:300;letter-spacing:-.04em;background:linear-gradient(180deg,var(--t1) 20%,var(--num-end,var(--accent)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
html[data-design="e"][data-variant="7"]{--num-end:#C9A227}
html[data-design="e"]:is(:not([data-variant]),[data-variant="10"]){--num-end:#3D63D6}
/* body text a touch larger across the site (the film is not affected: its captions are sized on their own) */
html[data-design="e"] body{font-size:clamp(1.07rem,1.19vw,1.21rem)}
html[data-design="e"] body{font-variant-numeric:lining-nums}

/* ---- Login page (access.html) in E ---- */
html[data-design="e"] body.access{font-weight:400}
html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="5"],[data-variant="8"]) body.access .bg{background:linear-gradient(180deg,rgba(10,12,18,.74) 0%,rgba(10,12,18,.9) 46%,#0A0C12 100%),url(../assets/hero-ending.jpg) 50% 30%/cover no-repeat}
html[data-design="e"]:is(:not([data-variant]),[data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"],[data-variant="7"]) body.access .bg{background:radial-gradient(ellipse 70% 55% at 20% 0,rgba(35,40,60,.06),transparent),#F6F6F4}
html[data-design="e"]:is(:not([data-variant]),[data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"],[data-variant="7"]) body.access .top .mark img{filter:brightness(0) saturate(100%)}
html[data-design="e"] body.access h1{font-weight:400;letter-spacing:-.02em}
html[data-design="e"] body.access :is(.steps b,.pane h2){font-weight:400}
html[data-design="e"] body.access .card{border-radius:18px;backdrop-filter:blur(14px)}
html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="5"],[data-variant="8"]) body.access .card{background:linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.015) 38%,rgba(0,0,0,.18)),rgba(16,19,28,.86);border-color:rgba(242,239,232,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 30px 60px -28px rgba(0,0,0,.85)}
html[data-design="e"]:is(:not([data-variant]),[data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"],[data-variant="7"]) body.access .card{background:linear-gradient(155deg,#FFFFFF,#FFFFFF 35%,#F3F2EE);border-color:rgba(35,40,60,.1);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(35,40,60,.05),0 26px 50px -26px rgba(35,40,60,.28)}
html[data-design="e"] body.access .tabs button[aria-selected="true"]{background:var(--t1);color:var(--canvas)}
html[data-design="e"] body.access :is(input,select,textarea){background-color:var(--canvas-deep);color:var(--t1);font-weight:400}
html[data-design="e"]:is(:not([data-variant]),[data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"],[data-variant="7"]) body.access :is(input,select,textarea){background-color:#fff}
html[data-design="e"] body.access select option{background:var(--canvas);color:var(--t1)}
html[data-design="e"] body.access .btn{background:var(--t1);color:var(--canvas);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
html[data-design="e"] body.access .btn:hover{background:var(--accent)}
html[data-design="e"]:is(:not([data-variant]),[data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"],[data-variant="7"]) body.access .btn:hover{color:#fff}
html[data-design="e"] body.access .seg input:checked+span{background:var(--accent-muted);color:var(--t1);border-color:var(--accent)}
/* ---- Cookie notice in E ---- */
html[data-design="e"] .cookie{background:var(--panel);color:var(--t1);border:1px solid var(--line);border-radius:16px;font-weight:400}
html[data-design="e"]:is([data-variant="3"],[data-variant="9"],[data-variant="14"],[data-variant="15"],[data-variant="5"],[data-variant="8"]) .cookie{background:linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.015) 38%,rgba(0,0,0,.18)),#10131C;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 30px 70px -20px rgba(0,0,0,.9)}
html[data-design="e"]:is(:not([data-variant]),[data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"],[data-variant="7"]) .cookie{background:#fff;box-shadow:0 1px 2px rgba(35,40,60,.06),0 30px 60px -20px rgba(35,40,60,.35)}
html[data-design="e"] .cookie h2{font-family:var(--display);color:var(--t1)}
html[data-design="e"] .cookie p{color:var(--t2)}
html[data-design="e"] .cookie a{color:var(--accent)}
html[data-design="e"] .cookie button{border-color:var(--line-strong);color:var(--t1)}
html[data-design="e"] .cookie button.yes{background:var(--t1);border-color:var(--t1);color:var(--canvas)}
html[data-design="e"] .cookie button:hover{border-color:var(--accent)}

/* The world map stays a night map in the white versions too, so its city names, lines and legend are light */
html[data-design="e"]:is(:not([data-variant]),[data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"],[data-variant="7"]) .mapbox{--t1:#F2EFE8;--t2:#B4B8C3;--line:rgba(242,239,232,.16);background:linear-gradient(180deg,#0E111A,#161A26);border-color:rgba(35,40,60,.2);color:#F2EFE8}
html[data-design="e"][data-variant="7"] .mapbox{--accent:#F2C84B}
html[data-design="e"]:is(:not([data-variant]),[data-variant="10"]) .mapbox{--accent:#8FB3FF}
html[data-design="e"] .cities button{border-radius:8px}

/* 8 and 9: E3 on the dark blue of the Current design instead of black (8 = yellow highlight, 9 = blue highlight) */
html[data-design="e"]:is([data-variant="8"],[data-variant="9"]){--canvas:#16182B;--canvas-deep:#10121F;--panel:#1F2238;--panel-soft:#1F2238;--t1:#EDEAF2;--t2:#9EA0B4;--line:rgba(237,234,242,.15);--line-strong:rgba(237,234,242,.58);--on-accent:#16182B}
html[data-design="e"][data-variant="9"]{--accent:#8FB3FF;--accent-hover:#B4CCFF;--accent-muted:rgba(143,179,255,.4)}
html[data-design="e"]:is([data-variant="8"],[data-variant="9"]) body.access .bg{background:linear-gradient(180deg,rgba(16,18,31,.72) 0%,rgba(16,18,31,.88) 46%,#10121F 100%),url(../assets/hero-ending.jpg) 50% 30%/cover no-repeat}
html[data-design="e"]:is([data-variant="8"],[data-variant="9"]) body.access .card{background:linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.015) 38%,rgba(0,0,0,.16)),rgba(31,34,56,.88)}
html[data-design="e"]:is([data-variant="8"],[data-variant="9"]) .cookie{background:linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.015) 38%,rgba(0,0,0,.16)),#1F2238}

/* The yellow of E3 yellow and E3 yellow navy is the gold of the Current design, exactly */
html[data-design="e"]:is([data-variant="5"],[data-variant="8"]){--accent:#C9A96A;--accent-hover:#DCC088;--accent-muted:rgba(201,169,106,.28);--fund:#C9A96A}

/* 10: E blue with depth. White page, light grey panels: the boxes stand off the page by colour as well as shadow. */
html[data-design="e"]:is([data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"]){--panel:#EFEFED;--panel-soft:#EFEFED}
html[data-design="e"]:is([data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"]) :is(.card,.ch,.pm3 article,.pm4 article,.ben3 article,.prof4 article,.params>div,.room,.roomlink,.platform,.method,.card2,.sectors li,.pill6 article,.cause){background:linear-gradient(160deg,#F4F4F3,#E9E9E7);border-color:rgba(35,40,60,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(35,40,60,.04),0 20px 40px -22px rgba(35,40,60,.30)}
html[data-design="e"]:is([data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"]) :is(.card,.ch,.pm3 article,.pm4 article,.ben3 article,.prof4 article,.params>div,.room,.roomlink,.platform,.method,.card2,.sectors li,.pill6 article,.cause):hover{border-color:rgba(31,58,138,.3)}
html[data-design="e"]:is([data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"]) .tags li{background:#FFFFFF}
html[data-design="e"]:is([data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"]) .stats-grid{background:linear-gradient(160deg,#F4F4F3,#E9E9E7);border-color:rgba(35,40,60,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(35,40,60,.04),0 20px 40px -22px rgba(35,40,60,.30);border:1px solid rgba(35,40,60,.09);border-radius:16px}
html[data-design="e"]:is([data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"]) .stats-grid .stat:first-child{padding-left:clamp(22px,2.6vw,36px)}
html[data-design="e"]:is([data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"]) body.access .bg{background:#FFFFFF}
html[data-design="e"]:is([data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"]) body.access .card{background:linear-gradient(160deg,#F4F4F3,#E9E9E7);border-color:rgba(35,40,60,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(35,40,60,.04),0 20px 40px -22px rgba(35,40,60,.30)}
html[data-design="e"]:is([data-variant="10"],[data-variant="11"],[data-variant="12"],[data-variant="13"]) footer{background:#F5F5F4}

/* 11: as 10, but each panel fades from white at the top into light grey at the bottom */
html[data-design="e"][data-variant="11"] :is(.card,.ch,.pm3 article,.pm4 article,.ben3 article,.prof4 article,.params>div,.room,.roomlink,.platform,.method,.card2,.sectors li,.pill6 article,.cause),html[data-design="e"][data-variant="11"] .stats-grid,html[data-design="e"][data-variant="11"] body.access .card{background:linear-gradient(165deg,#FFFFFF 0%,#F4F4F3 45%,#DEDEDB 100%)}

/* 12: as 10, but the grey has a cool undertone (the hue of the platform's Grey), not a sandy one */
html[data-design="e"][data-variant="12"]{--panel:#E9EBEF;--panel-soft:#E9EBEF}
html[data-design="e"][data-variant="12"] :is(.card,.ch,.pm3 article,.pm4 article,.ben3 article,.prof4 article,.params>div,.room,.roomlink,.platform,.method,.card2,.sectors li,.pill6 article,.cause),html[data-design="e"][data-variant="12"] .stats-grid,html[data-design="e"][data-variant="12"] body.access .card{background:linear-gradient(160deg,#EFF1F4,#E2E5EA)}
html[data-design="e"][data-variant="12"] footer{background:#F3F4F6}

/* 13: "platinum". White page; each panel is a cool grey gradient, lit from the top left like brushed metal, with a fine light edge and a deeper shadow */
html[data-design="e"][data-variant="13"]{--panel:#E9EBEF;--panel-soft:#E9EBEF}
html[data-design="e"][data-variant="13"] :is(.card,.ch,.pm3 article,.pm4 article,.ben3 article,.prof4 article,.params>div,.room,.roomlink,.platform,.method,.card2,.sectors li,.pill6 article,.cause),html[data-design="e"][data-variant="13"] .stats-grid,html[data-design="e"][data-variant="13"] body.access .card{background:linear-gradient(150deg,#FFFFFF 0%,#F3F5F8 26%,#E5E8ED 62%,#D5D9E0 100%);border-color:rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(35,40,60,.07),0 0 0 1px rgba(35,40,60,.07),0 2px 4px rgba(35,40,60,.05),0 30px 60px -28px rgba(35,40,60,.42)}
html[data-design="e"][data-variant="13"] .stats-grid{border:0}
html[data-design="e"][data-variant="13"] footer{background:linear-gradient(180deg,#F3F4F6,#E9EBEF)}

/* 14: dark platinum. Like E3 blue navy, but the page is gunmetal and each panel is a dark platinum gradient lit from the top left */
html[data-design="e"]:is([data-variant="14"],[data-variant="15"]){--canvas:#1B1D23;--canvas-deep:#131519;--panel:#272A32;--panel-soft:#272A32;--accent:#9DBBFF;--accent-hover:#C0D3FF;--accent-muted:rgba(157,187,255,.4);--t1:#EEF0F3;--t2:#A4A9B4;--line:rgba(238,240,243,.14);--line-strong:rgba(238,240,243,.58);--on-accent:#1B1D23}
html[data-design="e"]:is([data-variant="14"],[data-variant="15"]) :is(.card,.ch,.pm3 article,.pm4 article,.ben3 article,.prof4 article,.params>div,.room,.roomlink,.platform,.method,.card2,.sectors li,.pill6 article,.cause),html[data-design="e"]:is([data-variant="14"],[data-variant="15"]) .stats-grid,html[data-design="e"]:is([data-variant="14"],[data-variant="15"]) body.access .card,html[data-design="e"]:is([data-variant="14"],[data-variant="15"]) .cookie{background:linear-gradient(150deg,#3C414B 0%,#2D3139 28%,#23262D 62%,#1A1C21 100%);border-color:rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,0,0,.35),0 30px 60px -26px rgba(0,0,0,.85)}
html[data-design="e"]:is([data-variant="14"],[data-variant="15"]) .stats-grid{border:0;border-radius:16px}
html[data-design="e"]:is([data-variant="14"],[data-variant="15"]) .stats-grid .stat:first-child{padding-left:clamp(22px,2.6vw,36px)}
html[data-design="e"]:is([data-variant="14"],[data-variant="15"]) body.access .bg{background:linear-gradient(180deg,rgba(27,29,35,.74) 0%,rgba(27,29,35,.9) 46%,#131519 100%),url(../assets/hero-ending.jpg) 50% 30%/cover no-repeat}

/* 15: dark platinum with the gold of the Current design as the highlight */
html[data-design="e"][data-variant="15"]{--accent:#C9A96A;--accent-hover:#DCC088;--accent-muted:rgba(201,169,106,.28);--fund:#C9A96A}

/* Chosen option (13, platinum): the highlight is a darker platinum, not blue */
html[data-design="e"][data-variant="13"]{--accent:#5F6773;--accent-hover:#3E444D;--accent-muted:rgba(95,103,115,.4);--fund:#5F6773;--num-end:#9AA1AC}
html[data-design="e"][data-variant="13"] .mapbox{--accent:#C9CED6}
html[data-design="e"][data-variant="13"] main .btn:not(.ghost){background:linear-gradient(160deg,#3A3F49,#22252C);color:#fff}
html[data-design="e"][data-variant="13"] main .btn:not(.ghost):hover{background:linear-gradient(160deg,#4A505B,#2D3139)}
html[data-design="e"][data-variant="13"] .card{--accent-v:#9AA1AC}
/* The film hands over to the page gradually: the night sky fades into the page colour, and the top bar only turns solid after that */
html[data-design="e"] #vision{position:relative;z-index:3}
html[data-design="e"] #vision::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:clamp(56px,10vh,110px);pointer-events:none;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--canvas) 22%,transparent) 40%,color-mix(in srgb,var(--canvas) 62%,transparent) 75%,var(--canvas) 100%)}
html[data-design="e"] .nav{transition:background 1s var(--ease2),border-color 1s var(--ease2)}
/* Team page */
.people.lead{grid-template-columns:repeat(5,minmax(0,1fr))}
html[data-design="e"] .pm4 article{padding-inline:clamp(22px,2.4vw,34px)}
html[data-design="e"] .pm4{gap:clamp(14px,1.6vw,22px)}

/* menu panel in E: always the page colour with the page's text colour, whether or not the bar is solid */
html[data-design="e"] .mnav .mpanel{background:var(--canvas)}
html[data-design="e"] .nav.menu-open .mark img,html[data-design="e"] .nav:has(.mnav[open]) .mark img{filter:none}
html[data-design="e"][data-time="day"] .nav.menu-open .mark img,html[data-design="e"][data-time="day"] .nav:has(.mnav[open]) .mark img{filter:brightness(0) saturate(100%)}
html[data-design="e"] .nav:has(.mnav[open]) :is(.login,.cta){visibility:hidden}
html[data-design="e"][data-time="day"] .mnav .mpanel{--t1:#23283C;--line:rgba(35,40,60,.16);--accent:#5F6773;color:#23283C}
html[data-design="e"][data-time="day"] .mnav .mpanel a{color:#23283C}
html[data-design="e"][data-time="day"] .mnav .mpanel a[aria-current="page"],html[data-design="e"][data-time="day"] .mnav .mpanel a.small{color:#5F6773}
html[data-design="e"][data-time="day"] .mnav[open] summary{color:#23283C}
html[data-design="e"][data-time="day"] .mnav[open] summary::before{border-color:#23283C}
html[data-design="e"][data-time="night"] .mnav .mpanel a{color:#EEF0F3}
html[data-design="e"][data-time="night"] .mnav .mpanel a[aria-current="page"],html[data-design="e"][data-time="night"] .mnav .mpanel a.small{color:#C9A96A}
html.menu-lock .dsw,html:has(.mnav[open]) .dsw{display:none}

/* Team page: affiliation logos (draft). Monochrome ink #0B0B0C on off-white #F2EEE7 in both day and night, moving slowly like the Fine art strip. */
.aff{background:#F2EEE7;color:#0B0B0C;padding:clamp(44px,6vw,84px) 0 clamp(48px,6.5vw,92px);margin-top:clamp(20px,3vw,40px)}
.aff .kicker{color:#0B0B0C!important;border-top:1px solid rgba(11,11,12,.75);padding-top:.8rem;display:block;margin-bottom:clamp(18px,2.4vw,30px);font-family:var(--mono);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:400}
.aff .kicker.sub{margin-top:clamp(34px,4.5vw,60px);border-top-color:rgba(11,11,12,.2)}
.aff .marq.logos{border-block:1px solid rgba(11,11,12,.14);padding:clamp(22px,2.8vw,38px) 0}
.aff .marq.logos .track{gap:0;animation-duration:150s}
.aff .marq.logos.rev .track{animation-duration:70s;animation-direction:reverse}
.aff .marq.logos .set{display:flex;align-items:center;gap:clamp(44px,5.4vw,92px);padding-right:clamp(44px,5.4vw,92px);flex:none}
.aff .marq.logos img{height:auto;width:auto;max-height:clamp(30px,3.5vw,50px);max-width:clamp(130px,15vw,215px);flex:none;opacity:.9}
.aff .marq.logos:hover .track{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.aff .marq.logos{overflow-x:auto}.aff .marq.logos .track{animation:none}.aff .marq.logos .set[aria-hidden]{display:none}}
.aff .aff-note{margin-top:clamp(22px,3vw,36px);max-width:74ch;font-size:.82rem;line-height:1.6;color:rgba(11,11,12,.62)}

/* Moving strips (the logos on Team and Fine art on Funds), platinum, following day and night.
   Two treatments to compare, chosen by html[data-strip]:
   "band" - each strip is shaded like a band turning around a cylinder: lighter platinum in the middle, darker where it curves away, and the items sink into that shade as they leave.
   "flat" - the original Fine art look: a plain strip between two thin rules, fading out at the sides. */
html[data-design="e"]{--aff-bg:#ECEEF2;--aff-ink:#0B0B0C;--aff-rule:rgba(11,11,12,.16);--aff-hi:#F8F9FB;--aff-mid:#E3E6EB;--aff-lo:#B9BFC9}
html[data-design="e"][data-time="night"]{--aff-bg:#17191E;--aff-ink:#EEF0F3;--aff-rule:rgba(238,240,243,.16);--aff-hi:#3A3F49;--aff-mid:#262A32;--aff-lo:#0E0F13}
.aff{background:linear-gradient(180deg,#F4F5F8,var(--aff-bg));color:var(--aff-ink)}
html[data-time="night"] .aff{background:linear-gradient(180deg,#1B1D23,var(--aff-bg))}
.aff .kicker{color:var(--aff-ink)!important;border-top-color:var(--aff-rule)}
.aff .kicker.sub{border-top-color:var(--aff-rule)}
.aff .marq.logos{border-block-color:var(--aff-rule)}
html[data-time="night"] .aff .marq.logos img{filter:invert(1);opacity:.92}
/* band */
html[data-strip="band"] :is(.aff .marq.logos,.art .marq){position:relative;-webkit-mask:none;mask:none;border:0;width:min(1320px,100% - 2*var(--pad,24px));margin-inline:auto;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 38%,rgba(0,0,0,.10)),linear-gradient(90deg,var(--aff-lo) 0,var(--aff-mid) 14%,var(--aff-hi) 50%,var(--aff-mid) 86%,var(--aff-lo) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -10px 18px -12px rgba(0,0,0,.28),0 26px 44px -30px rgba(35,40,60,.5)}
html[data-strip="band"][data-time="night"] :is(.aff .marq.logos,.art .marq){background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 40%,rgba(0,0,0,.30)),linear-gradient(90deg,var(--aff-lo) 0,var(--aff-mid) 14%,var(--aff-hi) 50%,var(--aff-mid) 86%,var(--aff-lo) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -10px 18px -12px rgba(0,0,0,.7),0 26px 44px -28px rgba(0,0,0,.9)}
html[data-strip="band"] :is(.aff .marq.logos,.art .marq)::before,html[data-strip="band"] :is(.aff .marq.logos,.art .marq)::after{content:"";position:absolute;top:0;bottom:0;width:clamp(60px,16%,220px);z-index:2;pointer-events:none}
html[data-strip="band"] :is(.aff .marq.logos,.art .marq)::before{left:0;background:linear-gradient(90deg,var(--aff-lo),color-mix(in srgb,var(--aff-lo) 55%,transparent) 45%,transparent)}
html[data-strip="band"] :is(.aff .marq.logos,.art .marq)::after{right:0;background:linear-gradient(270deg,var(--aff-lo),color-mix(in srgb,var(--aff-lo) 55%,transparent) 45%,transparent)}
html[data-strip="band"] .art{overflow:visible;padding-bottom:clamp(30px,4vw,50px)}
html[data-strip="band"] .art .marq{overflow:hidden}
html[data-strip="band"] .art .marq span{color:var(--aff-ink)}
html[data-strip="band"] .art .marq span:nth-child(3n){color:color-mix(in srgb,var(--aff-ink) 55%,var(--aff-mid))}
/* flat: the logos sit a little smaller, like words in the Fine art strip */
html[data-strip="flat"] .aff{background:transparent}
html[data-strip="flat"] .aff .kicker{color:var(--t1)!important;border-top-color:var(--t1)}
html[data-strip="flat"] .aff .kicker.sub{border-top-color:var(--line)}
html[data-strip="flat"] .aff .marq.logos{border-block-color:var(--line)}

/* Band, site-wide: every panel takes the same shading as the moving strips, so the whole site reads as one family.
   Lighter platinum through the middle, darker platinum where the panel curves away at its sides, a light top edge and a soft shadow beneath. */
html[data-design="e"][data-strip="band"][data-time] :is(.card,.ch,.pm3 article,.pm4 article,.ben3 article,.prof4 article,.params>div,.room,.roomlink,.platform,.method,.card2,.sectors li,.pill6 article,.cause,.stats-grid),html[data-design="e"][data-strip="band"][data-time] body.access .card{border:0;border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 26%,rgba(0,0,0,.07)),linear-gradient(90deg,var(--aff-lo) 0,var(--aff-mid) 13%,var(--aff-hi) 50%,var(--aff-mid) 87%,var(--aff-lo) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -12px 20px -14px rgba(0,0,0,.26),0 28px 46px -30px rgba(35,40,60,.5)}
html[data-design="e"][data-strip="band"][data-time="night"] :is(.card,.ch,.pm3 article,.pm4 article,.ben3 article,.prof4 article,.params>div,.room,.roomlink,.platform,.method,.card2,.sectors li,.pill6 article,.cause,.stats-grid),html[data-design="e"][data-strip="band"][data-time="night"] body.access .card{
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 30%,rgba(0,0,0,.28)),linear-gradient(90deg,var(--aff-lo) 0,var(--aff-mid) 13%,var(--aff-hi) 50%,var(--aff-mid) 87%,var(--aff-lo) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -12px 20px -14px rgba(0,0,0,.7),0 28px 46px -28px rgba(0,0,0,.9)}
html[data-design="e"][data-strip="band"][data-time] .card::before{left:50%;translate:-50% 0}
html[data-design="e"][data-strip="band"][data-time] .stats-grid{overflow:hidden}
html[data-design="e"][data-strip="band"][data-time] .tags li{border-radius:999px;background:color-mix(in srgb,var(--aff-hi) 70%,transparent)}
html[data-design="e"][data-strip="band"][data-time] :is(.btn,.nav .cta){border-radius:999px}
html[data-design="e"][data-strip="band"][data-time] .mapbox{border-radius:28px}
html[data-design="e"][data-strip="band"][data-time] .pm4{border-top:0;gap:clamp(16px,2vw,26px)}
html[data-design="e"][data-strip="band"][data-time] .pm4 article:nth-child(odd){margin-right:0;border-right:0}

/* Band: photographs follow the panels. Rounder corners, the same light top edge and soft shadow, and a faint shade at the sides so a portrait sits on the page like the panels do. */
html[data-design="e"][data-strip="band"][data-time] .person{position:relative}
html[data-design="e"][data-strip="band"][data-time] :is(.person img,.step .ph){border-radius:28px;box-shadow:0 28px 46px -30px rgba(35,40,60,.55),0 0 0 1px rgba(255,255,255,.5)}
html[data-design="e"][data-strip="band"][data-time="night"] :is(.person img,.step .ph){box-shadow:0 28px 46px -28px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.10)}
html[data-design="e"][data-strip="band"][data-time] .person::before{content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:720/900;border-radius:28px;pointer-events:none;z-index:1;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 22%,rgba(0,0,0,.10)),linear-gradient(90deg,rgba(0,0,0,.26) 0,rgba(0,0,0,0) 16%,rgba(0,0,0,0) 84%,rgba(0,0,0,.26) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
html[data-design="e"][data-strip="band"][data-time] .cause img,html[data-design="e"][data-strip="band"][data-time] .cause .logo{border-radius:20px}
.aff .marq.logos.rev{margin-top:clamp(16px,2vw,26px)}
html[data-strip="flat"] .aff .marq.logos.rev{margin-top:0;border-top:0}

/* Numbers panel: every figure sits the same distance in from the edge, on wide screens and when the three stack on a phone */
html[data-design="e"] .stats-grid .stat,html[data-design="e"] .stats-grid .stat:first-child{padding-inline:clamp(22px,2.6vw,36px)}
@media(max-width:760px){html[data-design="e"] .stats-grid .stat,html[data-design="e"] .stats-grid .stat:first-child{padding:clamp(24px,6vw,34px) clamp(22px,6vw,30px)}}

/* Who we are: the wider team as names only, small, beneath the two principals */
.roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,64px);margin-top:clamp(40px,6vw,80px)}
.roster .kicker{display:block;border-top:1px solid var(--line-strong);padding-top:.8rem;color:var(--t1)}
.roster ul{list-style:none;margin-top:.6rem}
.roster li{display:flex;flex-wrap:wrap;gap:.2rem .9rem;align-items:baseline;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.92rem}
.roster li b{font-weight:500;color:var(--t1)}
.roster li b a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line-strong)}
.roster li b a:hover{color:var(--accent);border-color:var(--accent)}
.roster li span{color:var(--t2);font-size:.92em}
.people.lead{grid-template-columns:repeat(2,minmax(0,300px));gap:clamp(18px,3vw,40px)}
@media(max-width:720px){.roster{grid-template-columns:1fr}.people.lead{grid-template-columns:repeat(2,minmax(0,1fr))}}
.roster.one{grid-template-columns:minmax(0,640px)}
.roster-note{margin-top:1.1rem;color:var(--t2);font-size:.92rem;line-height:1.6;max-width:60ch}

/* Advisory: five stages on the line */
.range.five ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.range.five ol li{text-align:center}
.range.five ol li:first-child{text-align:left}.range.five ol li:last-child{text-align:right}
@media(max-width:620px){.range.five ol li{font-size:.86em}.range.five ol li small{display:none}}
/* Who we are: tighter joins now that the logos and numbers sit between Leadership and Operations */
.aff{margin-top:clamp(40px,6vw,80px)}
.aff+.stats{padding-top:clamp(50px,7vw,96px);padding-bottom:clamp(30px,4vw,50px)}
.sec.ops{padding-top:clamp(20px,3vw,40px)}
.sec.ops .roster{margin-top:0}

/* Events: a small round picture of the place at the start of each row */
.events a{grid-template-columns:auto 8.5rem minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center}
.events .ph{width:clamp(46px,4.2vw,60px);height:clamp(46px,4.2vw,60px);border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--line-strong),0 10px 20px -10px rgba(0,0,0,.5);transition:transform .5s var(--ease)}
.events a:hover .ph{transform:scale(1.08)}
@media(max-width:820px){.events a{grid-template-columns:auto 1fr;column-gap:1rem}.events a .ph{grid-row:1 / span 3;align-self:start;margin-top:.2rem}.events a>:not(.ph){grid-column:2}}

/* legal pages: tables */
.prose .tw{overflow-x:auto;margin-top:1.1rem}
.prose table{border-collapse:collapse;width:100%;font-size:.92em}
.prose th,.prose td{text-align:left;vertical-align:top;padding:.65rem .9rem .65rem 0;border-bottom:1px solid var(--line)}
.prose th{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--t2);font-weight:400;border-bottom-color:var(--line-strong)}
footer .foot p a{color:inherit;text-underline-offset:3px}
.prose h3{font-family:var(--body);font-weight:500;font-size:1rem;margin-top:1.6rem;color:var(--t1)}

/* Contact: operational offices grouped by region, every entry in the same two-line form */
.regions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px);max-width:1080px;margin:clamp(20px,3vw,34px) auto 0;text-align:left}
.regions h3{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:400;color:var(--t1);padding-bottom:.8rem;border-bottom:1px solid var(--line-strong)}
.regions section>div{padding:1.1rem 0;border-bottom:1px solid var(--line)}
.regions h4{font-family:var(--display);font-weight:400;font-size:clamp(1.2rem,1.7vw,1.45rem);letter-spacing:-.01em;color:var(--t1)}
.regions p{margin-top:.3rem;color:var(--t2);font-size:.95rem;line-height:1.55}
@media(max-width:760px){.regions{grid-template-columns:1fr;gap:28px}}

/* ============================================================
   Day look, Band: colour pass (6 Oct 2026)
   One undertone and one accent, as the night look has.
   - Ink, rules, shadows and the panel shading all take the same cool slate hue, so nothing fights (the buttons were neutral charcoal on navy text).
   - Panels are lighter at their sides, so text keeps its contrast right to the edge.
   - Body text is a step darker.
   - The accent is platinum (he preferred it to the bronze first tried): section labels, numbers, links and the active page are a slate-platinum, a step lighter than the ink.
   ============================================================ */
html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"]{--t1:#1A1E2B;--t2:#474C5C;--accent:#5A6270;--accent-hover:#3A404B;--accent-muted:rgba(90,98,112,.4);--fund:#5A6270;--num-end:#98A0AC;
  --line:rgba(26,30,43,.13);--line-strong:rgba(26,30,43,.5);--aff-ink:#1A1E2B;--aff-rule:rgba(26,30,43,.16);--aff-hi:#FCFCFD;--aff-mid:#EEF0F4;--aff-lo:#D5D9E0;--aff-bg:#EEF0F4}
html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] :is(.card,.ch,.pm3 article,.pm4 article,.ben3 article,.prof4 article,.params>div,.room,.roomlink,.platform,.method,.card2,.sectors li,.pill6 article,.cause,.stats-grid),
html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] body.access .card{box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -12px 20px -16px rgba(26,30,43,.18),0 26px 44px -30px rgba(26,30,43,.42)}
html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] main .btn:not(.ghost),html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] body.access .btn{background:linear-gradient(160deg,#2C3145,#1A1E2B);color:#fff}
html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] main .btn:not(.ghost):hover,html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] body.access .btn:hover{background:linear-gradient(160deg,#3A4059,#232839);color:#fff}
html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] .btn.ghost{border-color:rgba(26,30,43,.5);color:#1A1E2B}
html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] .btn.ghost:hover{border-color:var(--accent);color:var(--accent)}
html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] .kicker{color:var(--accent);border-top-color:var(--t1)}
html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] .aff .kicker{color:var(--accent)!important}
html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] .card{--accent-v:var(--accent)}
html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] .nav.solid .cta{border-color:rgba(26,30,43,.5);color:#1A1E2B}
html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] .nav.solid .cta:hover{border-color:var(--accent);color:var(--accent)}
html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] .nav.solid ul a{opacity:.9}
html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] .mapbox{--accent:#C9CED6}
html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] .tags li{color:var(--t1);border-color:rgba(26,30,43,.22)}
html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] .stat .l,html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] .muted{color:var(--t2)}
html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] .mnav .mpanel a[aria-current="page"],html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] .mnav .mpanel a.small{color:#5A6270}
html[data-design="e"][data-time="day"][data-strip="band"][data-accent="bronze"] .art .marq span:nth-child(3n){color:var(--accent)}

/* New day option: every panel title carries the same visual weight as the large home-card titles (smaller serif needs a heavier cut to look equal) */
html[data-design="e"][data-accent="bronze"] main :is(.pm3,.pm4,.ben3,.chal6,.pill6,.prof4,.paths,.method,.params,.regions,.roster) :is(h3,h4),
html[data-design="e"][data-accent="bronze"] main :is(.ch,.path,.cause,.room,.platform) h3{font-weight:500;letter-spacing:-.012em}
html[data-design="e"][data-accent="bronze"] main :is(.pm3,.pm4,.ben3,.pill6) h3{font-size:clamp(1.5rem,2.1vw,1.95rem)}