:root{--canvas:#FAFAF9;--paper:#F3F2EE;--white:#FFFFFF;--ink:#0F0E0D;--ink2:#3B3934;--muted:#6B6862;--hair:#E5E5E3;--hair2:#D9D8D3;--accent:#1E3A5F;--accent-d:#152B47;--accent-soft:#E6EBF2;--accent-ink:#1B3556;--night:#0B1210;--r:18px;--w:1200px;--f:'Inter',-apple-system,'Segoe UI',Helvetica,Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--canvas);color:var(--ink);font-family:var(--f);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--w);margin:0 auto;padding:0 28px}
h1,h2,h3{font-weight:400;letter-spacing:-.022em;line-height:1.04;text-wrap:balance}
h1{font-size:clamp(44px,5.6vw,82px)}
h2{font-size:clamp(32px,3.6vw,50px)}
h3{font-size:22px;letter-spacing:-.01em;line-height:1.25;font-weight:500}
p{color:var(--ink2)}
.lede{font-size:19px;line-height:1.55;color:var(--ink2);max-width:48ch}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:14px 22px;border-radius:999px;font-weight:500;font-size:15.5px;transition:transform .35s cubic-bezier(.2,.7,.2,1),background .3s,border-color .3s,color .3s}
.btn:hover{transform:translateY(-2px);background:var(--accent);border-color:var(--accent);color:#fff}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--hair2)}
.btn.ghost:hover{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent-ink)}
.btn.light{background:#fff;color:var(--ink);border-color:#fff}
.btn.light:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.arrow{transition:transform .3s}.btn:hover .arrow,.more:hover .arrow{transform:translateX(4px)}
.more{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--accent-ink);font-size:15.5px;border-bottom:1px solid transparent}
.more:hover{border-bottom-color:currentColor}
section{position:relative}
.rv{transform:translateY(16px);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.rv.in{transform:none}
.grain::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;mix-blend-mode:overlay;z-index:2;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
svg.sym{position:absolute;left:50%;top:44%;width:46%;height:auto;transform:translate(-50%,-50%);z-index:3;color:#fff;filter:drop-shadow(0 0 12px rgba(255,255,255,.35))}
.kb{animation:kb 26s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1.03)}to{transform:scale(1.10) translateY(-1.5%)}}
/* nav: white and bigger on the hero, dark once it turns solid */
nav{position:fixed;top:0;left:0;right:0;z-index:60;padding:20px 0;transition:background .4s,box-shadow .4s,padding .4s}
nav.solid{background:rgba(250,250,249,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--hair);padding:14px 0}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:14px}
.brand svg{width:44px;height:44px;color:#fff;flex:none;transition:width .4s,height .4s}
.brand img{height:40px;width:auto;flex:none;transition:height .4s}
.brand img.b{display:none}
nav.solid .brand svg{color:var(--ink);width:34px;height:34px}
nav.solid .brand img{height:28px}
nav.solid .brand img.w{display:none}nav.solid .brand img.b{display:block}
.navlinks{display:flex;gap:28px;font-size:15px;font-weight:500;color:rgba(255,255,255,.9)}
.navlinks a:hover{color:#fff}
nav.solid .navlinks{color:var(--ink2)}nav.solid .navlinks a:hover{color:var(--ink)}
.nav-cta{padding:11px 18px;font-size:14.5px}
nav:not(.solid) .nav-cta{background:#fff;color:var(--ink);border-color:#fff}
@media(max-width:900px){.navlinks{display:none}.brand img,nav.solid .brand img{height:32px;max-width:none}.brand svg,nav.solid .brand svg{width:38px;height:38px}footer .fgrid>div:first-child{grid-column:1/-1}footer .fgrid a.brand{display:flex;align-items:center;gap:12px}footer .brand svg{width:52px;height:52px;flex:none}footer .brand img{height:34px;width:auto;max-width:none;flex:none}}
/* hero: the frosted mountain, the words on a frost panel, the Seed in white */
.hero{position:relative;min-height:min(96vh,940px);padding:170px 0 80px;display:flex;align-items:center;overflow:hidden}
.hero .bg{position:absolute;inset:0;z-index:0}
.hero .bg img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 26%),linear-gradient(90deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 55%)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative;z-index:2}
.panel{position:relative;background:rgba(255,255,255,.66);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.75);border-radius:var(--r);padding:48px 46px 44px;box-shadow:0 40px 80px -40px rgba(0,0,0,.35)}
.panel h1{max-width:11ch}
.panel .lede{margin-top:28px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}
.stage{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.stage svg.sym{width:100%;height:auto;top:50%;filter:drop-shadow(0 0 22px rgba(255,255,255,.28))}
@media(max-width:900px){.hero{padding:120px 0 50px;min-height:0}.hero-grid{grid-template-columns:1fr;gap:20px}.panel{padding:30px 26px}.stage{aspect-ratio:auto;height:220px}.stage svg.sym{width:44%}}
/* the last generation: the thinker very light behind, a fine grid, one point */
.idea{padding:240px 0 150px;min-height:min(94vh,900px);background:var(--paper);overflow:hidden;display:flex;align-items:flex-end}
.idea>.wrap{width:100%}
.idea .wash{position:absolute;left:4%;top:0;width:44%;height:100%;object-fit:contain;object-position:50% 0%;opacity:.42;pointer-events:none}
.idea .gridk{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(15,14,13,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,14,13,.04) 1px,transparent 1px);background-size:140px 140px;pointer-events:none}
.idea .pt{position:absolute;left:62.5%;top:38%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#8E8B84;z-index:2;animation:breathe2 5s ease-in-out infinite}
.idea .pt::before,.idea .pt::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(90,88,82,.55);animation:ripple 5s ease-out infinite}
.idea .pt::after{animation-delay:2.5s}
@keyframes ripple{0%{transform:scale(.6);opacity:.9}100%{transform:scale(4.2);opacity:0}}
@keyframes breathe2{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
@keyframes pulse{50%{transform:scale(1.5)}}
.idea .wrap{position:relative;z-index:3}
.idea-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:end}
.idea-grid h2{max-width:13ch}
.idea-grid p+p{margin-top:20px}
@media(max-width:900px){.idea{padding:90px 0 80px}.idea-grid{grid-template-columns:1fr;gap:30px}.idea .wash{width:90%;opacity:.35}}
/* programs, the flagship first, the three beneath */
.programs{padding:130px 0}
.sec-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:44px}
.sec-hd p{max-width:46ch}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pc{background:var(--white);border:1px solid var(--hair);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.pc:hover{transform:translateY(-6px);box-shadow:0 40px 70px -40px rgba(15,14,13,.35)}
.pc-ph{position:relative;aspect-ratio:3/4;overflow:hidden;background:#E9E9E5}
.pc-ph svg.sym{width:56%;top:46%;filter:drop-shadow(0 0 14px rgba(255,255,255,.35))}
.pc.flag .pc-ph svg.sym{width:40%;top:48%}
.pc-ph img.p{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.pc:hover .pc-ph img.p{transform:scale(1.04)}
.pc-tx{padding:26px 24px 26px;display:flex;flex-direction:column;gap:12px;flex:1}
.pc-n{font-size:15px;color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums}
.pc-lead{font-size:16.5px;line-height:1.5;color:var(--ink);font-weight:500}
.pc-tx p:not(.pc-lead){font-size:15.5px;line-height:1.55;color:var(--ink2)}
.pc-tx .more{margin-top:auto;padding-top:14px;font-size:14.5px}
.pc.flag{grid-column:1/-1;flex-direction:row;min-height:520px}
.pc.flag .pc-ph{flex:0 0 58%;aspect-ratio:auto}
.pc.flag .pc-tx{padding:44px 48px;justify-content:center;gap:14px}
.pc.flag h3{font-size:clamp(28px,2.8vw,40px);font-weight:400;letter-spacing:-.018em}
.pc.flag .pc-lead{font-size:18px}
.pc.flag .pc-tx p:not(.pc-lead){font-size:16.5px;max-width:44ch}
.pc.flag .pc-tx .more{margin-top:8px;padding-top:0;font-size:15.5px}
@media(max-width:900px){.programs{padding:90px 0}.pgrid{grid-template-columns:1fr}.pc.flag{flex-direction:column;min-height:0}.pc.flag .pc-ph{flex:none;aspect-ratio:4/3}.pc.flag .pc-tx{padding:24px 22px}.sec-hd{flex-direction:column;align-items:flex-start}}
/* programs on dark */
.programs.dark{background:#0E1114;color:#fff;padding:120px 0 110px}
.programs.dark h2{color:#fff}.programs.dark .sec-hd p{color:rgba(255,255,255,.6)}
.pgrid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 calc(50% - 50vw);padding:0 8px}
.pp{position:relative;aspect-ratio:3/4.2;border-radius:14px;overflow:hidden;background:#151A1E;cursor:pointer}
.pp img.p{z-index:0}
.pp.open img.p{filter:saturate(.7)}
.pp img.p{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter .8s}
.pp::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.62) 100%);transition:background .6s}
.pp.open::before{background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.8) 100%)}
.pp:hover img.p,.pp.open img.p{transform:scale(1.05)}
.pp-tx{position:absolute;left:22px;right:22px;bottom:22px;z-index:3;color:#fff}
.pp .pc-n{color:rgba(255,255,255,.9);font-size:clamp(26px,2.4vw,38px);font-weight:300;letter-spacing:-.02em}
.pp h3{font-size:clamp(24px,2vw,32px);font-weight:400;letter-spacing:-.018em;line-height:1.1;color:#fff;margin-top:8px;max-width:11ch}
.pp .plus{position:absolute;right:16px;top:16px;z-index:4;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(15,14,13,.35);backdrop-filter:blur(6px);cursor:pointer;transition:transform .5s,background .3s}
.pp .plus span{position:absolute;left:50%;top:50%;width:14px;height:1.5px;background:#fff;transform:translate(-50%,-50%)}
.pp .plus span::after{content:"";position:absolute;left:50%;top:50%;width:1.5px;height:14px;background:#fff;transform:translate(-50%,-50%)}
.pp.open .plus{transform:rotate(45deg);background:rgba(255,255,255,.2)}
.pp .panel-f{position:absolute;inset:0;z-index:3;background:rgba(14,17,20,.56);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transition:opacity .5s;pointer-events:none}
.pp.open .panel-f{opacity:1}
.pp-more{max-height:0;opacity:0;overflow:hidden;transition:max-height .7s cubic-bezier(.2,.7,.2,1),opacity .5s}
.pp.open .pp-more{max-height:460px;opacity:1;margin-top:14px}
.pp.open .pp-tx{top:22px;display:flex;flex-direction:column;justify-content:flex-end;overflow:auto}
.pp.open .pc-n{display:none}
.pp.open h3{font-size:22px;max-width:none;margin-top:0}
.pp.open::before{background:none}
.pp .pc-lead{color:#fff;font-size:16px;font-weight:500;line-height:1.4}
.pp-more p:not(.pc-lead){color:rgba(255,255,255,.88);font-size:16px;line-height:1.5;margin-top:10px}
.pp .more{color:#fff;margin-top:14px;font-size:15px}
@media(max-width:1000px){.pgrid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.pgrid4{grid-template-columns:1fr}.pp{aspect-ratio:4/4.4}}
/* shaped, the technology band */
.shape{position:relative;padding:110px 0;overflow:hidden;background:#0B0C0E;color:#fff}
.shape .bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;z-index:0}
.shape .veil{position:absolute;inset:0;z-index:1;background:radial-gradient(70% 80% at 50% 50%,rgba(11,12,14,.1) 0%,rgba(11,12,14,.75) 100%)}
.shape .wrap{position:relative;z-index:2}
.shape-panel{background:rgba(15,14,13,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:56px 60px;display:grid;grid-template-columns:1.3fr auto;gap:40px;align-items:center}
.shape-panel h2{color:#fff;font-size:clamp(26px,2.6vw,38px);max-width:22ch}
@media(max-width:900px){.shape{padding:80px 0}.shape-panel{grid-template-columns:1fr;padding:30px 26px}}
/* our why */
.why{padding:40px 0 150px}
.why .big{font-size:clamp(24px,2.6vw,36px);line-height:1.2;letter-spacing:-.015em;color:var(--ink);margin-top:34px;max-width:22ch}
.why .two{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:44px;max-width:960px}
.why .two p{font-size:17px;line-height:1.6;color:var(--ink2)}
@media(max-width:900px){.why .two{grid-template-columns:1fr;gap:16px}}
.believe h3{max-width:22ch}
.mission{margin-top:110px;padding:80px 0 20px;border-top:1px solid var(--hair2);text-align:center}
.mission .lead-k{justify-content:center;color:var(--muted);margin-bottom:26px}
.mission b{display:block;font-weight:300;font-size:clamp(34px,4.4vw,64px);letter-spacing:-.025em;line-height:1.05;max-width:16ch;margin:0 auto;color:var(--ink)}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:80px;max-width:1080px}
.pl{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/4.6;background:#E9E9E5;display:flex;flex-direction:column;justify-content:flex-end;padding:30px 28px;color:#fff}
.pl img.p,.pl video.p{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.pl .kb{animation-duration:40s}
.pl::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.6) 100%)}
.pl h3{position:relative;z-index:3;font-size:clamp(22px,2.2vw,30px);font-weight:400;letter-spacing:-.018em;color:#fff}
.pl p{position:relative;z-index:3;color:rgba(255,255,255,.85);font-size:15.5px;line-height:1.5;margin-top:10px;max-width:34ch}
.pl.paper{background:var(--paper);color:var(--ink)}
.pl.paper::before{display:block;background:linear-gradient(180deg,rgba(250,250,249,.30) 0%,rgba(250,250,249,.52) 50%,rgba(250,250,249,.86) 100%)}
.pl.paper img.p{opacity:1;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.pl.paper{border:1px solid rgba(255,255,255,.8);box-shadow:0 26px 50px -36px rgba(15,14,13,.35);transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .7s}
.pl.paper:hover{transform:translateY(-8px);box-shadow:0 46px 70px -34px rgba(15,14,13,.42)}
.pl.paper:hover img.p{transform:scale(1.045)}
@media(prefers-reduced-motion:reduce){.pl.paper,.pl.paper img.p{transition:none}.pl.paper:hover{transform:none}}
.pl.paper h3{color:var(--ink)}
.pl.paper p{color:var(--ink2)}
.pl svg.sym{width:42%;top:34%}
.believe{margin-top:120px;display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:start}
.believe h3{font-size:clamp(28px,2.8vw,40px);font-weight:400;letter-spacing:-.018em}
.believe .lede{margin-top:18px;max-width:46ch;text-wrap:balance}
.found{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;grid-auto-rows:1fr}
.fd b{white-space:nowrap}.fd p{text-wrap:balance;font-size:15px;letter-spacing:-.005em}
@media(max-width:1120px){.fd b{white-space:normal}}
.fd{border-top:1px solid var(--hair2);padding-top:16px}
.fd b{display:block;font-weight:500;font-size:18px;margin-bottom:6px}
.fd p{font-size:15.5px;line-height:1.5}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:64px}
.three div{border-top:1px solid var(--hair2);padding-top:16px}
.three small{display:block;font-size:14px;color:var(--muted);margin-bottom:6px}
.three b{font-weight:400;font-size:clamp(20px,1.9vw,26px);letter-spacing:-.015em;line-height:1.2}
@media(max-width:900px){.why{padding-bottom:90px}.pillars{grid-template-columns:1fr}.pl{aspect-ratio:16/11}.believe{grid-template-columns:1fr;gap:34px}.found{grid-template-columns:1fr}.three{grid-template-columns:1fr}}
/* HAIMO band */
.haimo{background:var(--night);color:#fff;padding:130px 0 120px;overflow:hidden}
.haimo .bg{position:absolute;inset:0;z-index:0}
.haimo .bg img{width:100%;height:100%;object-fit:cover;opacity:.55;transform:scale(1.06);animation:kbslow 40s ease-in-out infinite alternate}
.haimo .tint{position:absolute;inset:0;z-index:1;background:radial-gradient(60% 70% at 50% 40%,rgba(11,18,16,.15) 0%,rgba(11,18,16,.84) 65%,var(--night) 100%)}
.haimo .wrap{position:relative;z-index:2}
.haimo h2{color:#fff;max-width:16ch}
.haimo p{color:rgba(255,255,255,.8)}
.h-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;margin-top:8px}
.h-grid .lede{color:rgba(255,255,255,.8);margin-top:22px;max-width:40ch}
.h-cta{margin-top:34px}
@keyframes kbslow{from{transform:scale(1.06)}to{transform:scale(1.12)}}
.ring-stage{position:relative;width:min(100%,560px);aspect-ratio:1/1;margin:0 auto}
.ring-o{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(255,255,255,.34);animation:spin 90s linear infinite}
.ring-m{position:absolute;inset:11%;border-radius:50%;border:1px solid rgba(255,255,255,.22)}
.ring-orbit{position:absolute;inset:0;animation:spin 18s linear infinite}
.ring-orbit::before{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#fff;box-shadow:0 0 18px 4px rgba(255,255,255,.55)}
.ring-orbit2{position:absolute;inset:11%;animation:spin 28s linear infinite reverse}
.ring-orbit2::before{content:"";position:absolute;left:50%;top:-4px;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#BFD3C7;box-shadow:0 0 14px 3px rgba(191,211,199,.5)}
.ring-disc{position:absolute;inset:23%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#F7F7F4 0%,#E4E4DF 45%,#C7C8C2 80%,#AEB0AA 100%);box-shadow:0 30px 70px -20px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.6);animation:breathe 7s ease-in-out infinite}
.ring-core{position:absolute;inset:23%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:11%;color:var(--ink)}
.ring-core b{font-weight:600;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.01em;line-height:1.1}
.ring-core span{margin-top:8px;font-size:clamp(14px,1.35vw,18px);line-height:1.3;color:var(--ink2)}
.rl{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:11px;white-space:nowrap;font-size:19px;color:#fff}
.rl i{font-style:normal;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.55);display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;background:rgba(11,18,16,.7);backdrop-filter:blur(6px);flex:none}
.rl b{font-weight:500;text-shadow:0 1px 8px rgba(0,0,0,.6)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
.holders{margin-top:90px}
.holders h3{font-size:clamp(24px,2.4vw,32px);font-weight:400;color:#fff;letter-spacing:-.015em}
.hgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}
.hc{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:24px 22px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hc b{display:block;font-weight:600;color:#fff;margin-bottom:10px;font-size:17px}
.hc p{font-size:15px;line-height:1.55;color:rgba(255,255,255,.78)}
@media(max-width:1000px){.hgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.haimo{padding:90px 0}.h-grid{grid-template-columns:1fr;gap:44px}.ring-stage{width:min(100%,420px)}.rl{font-size:12.5px}.rl b{display:none}.holders{margin-top:60px}}
@media(max-width:600px){.hgrid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ring-o,.ring-orbit,.ring-orbit2,.ring-disc,.kb,.haimo .bg img,.track{animation:none!important}}
/* letter from the founder, frost panel over a frosted sky */
/* cities */
.cities{padding:120px 0 110px;overflow:hidden}
.cities .sec-hd{margin-bottom:40px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:56px}
.cities .sec-hd p.two-lines{max-width:64ch;text-wrap:balance;font-size:17px;line-height:1.55}
.stream{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.track{display:flex;gap:16px;width:max-content;animation:slide 60s linear infinite;will-change:transform}
.stream:hover .track{animation-play-state:paused}
.tile{width:300px;flex:none}
.tile .ph{position:relative;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:#E9E9E5}
.tile .ph::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 55%,rgba(15,14,13,.3) 100%);pointer-events:none}
.tile img{width:100%;height:100%;object-fit:cover}
.tile figcaption{margin-top:12px;font-size:16px;color:var(--ink);font-weight:500}
.tile figcaption small{display:block;font-size:13.5px;color:var(--muted);letter-spacing:0;margin-top:2px;font-weight:400}
@keyframes slide{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:900px){.cities{padding:90px 0}.cities .sec-hd{grid-template-columns:1fr;gap:16px}.cities .sec-hd p.two-lines{max-width:40ch}.tile{width:220px}.track{gap:12px;animation-duration:44s}}
/* show your interest: a frosted form over the video loop */
.request{position:relative;padding:140px 0;overflow:hidden;color:#fff}
.request .bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.request .veil{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,10,9,.72) 0%,rgba(6,10,9,.45) 50%,rgba(6,10,9,.55) 100%)}
.request .wrap{position:relative;z-index:2}
.req-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}
.req-grid h2{max-width:14ch;color:#fff}
.req-grid .lede{margin-top:22px;color:rgba(255,255,255,.85)}
form{background:rgba(255,255,255,.14);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.35);border-radius:var(--r);padding:34px;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.field label{font-size:13.5px;color:rgba(255,255,255,.85);font-weight:500}
.field input,.field select,.field textarea{font:inherit;font-size:15.5px;padding:13px 14px;border:1px solid rgba(255,255,255,.45);border-radius:10px;background:rgba(255,255,255,.16);color:#fff;width:100%}
.field select option{color:var(--ink)}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:1px;border-color:#fff}
.field textarea{min-height:110px;resize:vertical}
form .btn{background:#fff;color:var(--ink);border-color:#fff}
form .btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.thanks{display:none;padding:22px;border-radius:12px;background:rgba(255,255,255,.2);color:#fff}
.thanks b{display:block;font-weight:600;margin-bottom:4px}
form.sent .fields{display:none}form.sent .thanks{display:block}
@media(max-width:900px){.request{padding:90px 0}.req-grid{grid-template-columns:1fr;gap:34px}.frow{grid-template-columns:1fr}form{padding:24px}}
/* footer */
footer{background:var(--night);color:rgba(255,255,255,.82);padding:64px 0 34px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.fgrid .hd{font-size:14.5px;letter-spacing:0;color:rgba(255,255,255,.55);margin-bottom:14px}
.fgrid a{display:block;padding:5px 0;color:rgba(255,255,255,.82)}
.fgrid a:hover{color:#fff}
footer .brand svg{color:#fff;width:68px;height:68px}
footer .brand img{height:46px}
footer p{color:rgba(255,255,255,.62);font-size:14.5px;max-width:36ch;margin-top:16px}
.fine{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:13.5px;color:rgba(255,255,255,.5)}
.fine a{color:rgba(255,255,255,.7);margin-left:16px}
@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}}

/* founder: the Book page hero from tarjastephens.com (her portrait on its own grey wall, the section painted the same grey) */
.founder{position:relative;background:#BEB9B4 linear-gradient(180deg,#D3D0C9 0%,#CBC7C0 12%,#C3BFB8 25%,#BEB9B4 40%,#B8B3AE 70%,#B2ADA8 100%);color:var(--ink);min-height:min(96vh,980px);display:flex;align-items:center;overflow:hidden}
.hero-stage{position:absolute;right:max(1vw,calc((100vw - 1200px) / 2 + 24px));top:0;bottom:-72px;width:min(48vw,720px);z-index:1;pointer-events:none}
.hero-stage img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 80%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 80%,transparent 100%)}
.fh-in{position:relative;z-index:3;padding:150px 28px 120px;width:100%}
.lead-k{display:flex;align-items:center;gap:14px;font-size:19px;font-weight:400;letter-spacing:0;line-height:1.3;color:var(--ink2);margin:0 0 22px}.lead-k::before{content:"";width:36px;height:1px;background:currentColor;opacity:.45;flex:none}
.fh-h{font-size:clamp(38px,4.2vw,60px);line-height:1.05;letter-spacing:-.02em;font-weight:400;max-width:18ch}
.fh-lead{margin-top:22px;font-size:clamp(20px,1.7vw,24px);line-height:1.35;color:var(--ink);font-weight:500;max-width:26ch}
.fh-body{margin-top:28px;max-width:48ch}
.fh-body p{font-size:17.5px;line-height:1.6;color:var(--ink2)}
.fh-body p+p{margin-top:16px}
.fh-ctas{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap}
.founder .btn.ghost{background:transparent;color:var(--ink);border-color:rgba(19,19,19,.35)}
.founder .btn.ghost:hover{background:rgba(19,19,19,.06);border-color:rgba(19,19,19,.35);color:var(--ink)}
@media(max-width:1180px){.hero-stage{width:min(46vw,600px)}}
@media(max-width:900px){.founder{min-height:0;flex-direction:column;align-items:stretch;padding:58px 0 62px}.fh-in{order:1;padding:110px 28px 0}.hero-stage{order:-1;position:relative;right:auto;top:auto;bottom:auto;height:auto;width:min(76%,320px);aspect-ratio:1240/1748;margin:0 auto 26px}.hero-stage img{height:auto;width:100%;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 82%,transparent 100%)}}

/* phone nav: the wordmark and the Contact button must fit side by side */
@media(max-width:480px){.wrap{padding:0 20px}.brand{gap:10px}.brand svg,nav.solid .brand svg{width:32px;height:32px}.brand img,nav.solid .brand img{height:26px;max-width:none}footer .brand svg{width:44px;height:44px}footer .brand img{height:30px;max-width:none}.nav-cta{padding:10px 13px;font-size:13.5px}}

/* the conversations panel: light grid ground, one long frosted grey box */
.conv-strip{position:relative;padding:120px 0 130px;background:var(--paper);overflow:hidden}
.conv-strip .gridk{position:absolute;inset:0;background-image:linear-gradient(rgba(15,14,13,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,14,13,.04) 1px,transparent 1px);background-size:140px 140px;pointer-events:none}
.conv-strip .wrap{position:relative;z-index:1}
.cs-panel{position:relative;overflow:hidden;border-radius:var(--r);background:#E6E5E1;display:grid;grid-template-columns:1fr auto;gap:56px;align-items:center;padding:76px 72px;min-height:340px;border:1px solid rgba(255,255,255,.8);box-shadow:0 26px 50px -36px rgba(15,14,13,.35)}
.cs-panel img.p{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%;z-index:0}
.cs-panel::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(243,242,238,.84) 0%,rgba(243,242,238,.6) 52%,rgba(243,242,238,.3) 100%)}
.cs-text,.cs-cta{position:relative;z-index:2}
.cs-panel h2{font-size:clamp(36px,4vw,56px);max-width:12ch;color:var(--ink)}
.cs-panel p{margin-top:16px;font-size:18.5px;line-height:1.5;color:var(--ink2);max-width:44ch}
@media(max-width:900px){.conv-strip{padding:80px 0 90px}.cs-panel{grid-template-columns:1fr;gap:26px;padding:36px 28px 34px;min-height:0}}

/* the six parts of HAIMO, named. The circle alone shows only numbers on a narrow screen. */
.ring-legend{display:none;list-style:none;padding:0;margin:0}
.ring-legend li{display:flex;align-items:center;gap:11px;font-size:15.5px;color:rgba(255,255,255,.9)}
.ring-legend i{font-style:normal;flex:none;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.5);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;background:rgba(255,255,255,.06)}
@media(max-width:900px){
  .ring-legend{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-top:30px}
  .ring-core b{font-size:24px}.ring-core span{font-size:14.5px}
}
@media(max-width:380px){.ring-legend{grid-template-columns:1fr}}

/* phones: room to tap, and a header that still fits at 320px */
@media(max-width:900px){
  nav .brand{padding:6px 0}
  .more{padding-bottom:9px}
  .fine a{display:inline-block;padding:8px 0}
  .ck-link{padding:8px 0}
}
@media(max-width:360px){
  .brand{gap:8px}
  .brand svg,nav.solid .brand svg{width:28px;height:28px}
  .brand img,nav.solid .brand img{height:21px;max-width:none}
  .nav-cta{padding:9px 11px;font-size:13px}
}

.ck{position:fixed;left:18px;bottom:18px;z-index:90;max-width:380px;background:rgba(15,17,20,.94);color:#fff;border-radius:16px;padding:18px 20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.7);font-size:14px;line-height:1.5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ck p{margin:0 0 12px;color:rgba(255,255,255,.85)}.ck a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ck-b{display:flex;gap:8px}.ck button{font:inherit;font-size:13.5px;font-weight:500;padding:9px 16px;border-radius:999px;cursor:pointer;border:1px solid #fff;background:#fff;color:#0F0E0D}.ck button.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.ck-link{background:none;border:0;padding:0;font:inherit;color:rgba(255,255,255,.7);cursor:pointer;margin-left:16px}
@media(max-width:900px){.ck-link{padding:8px 0}}
@media(max-width:560px){.ck{left:12px;right:12px;bottom:12px;max-width:none}}


/* ==========================================================================
   Leaders of the Future, website 2 (multi-page).
   Everything above this line is the live build-35 stylesheet, unchanged.
   Everything below adds what a multi-page site needs, using the live tokens
   only: --canvas --paper --ink --ink2 --muted --hair --hair2 --accent
   --accent-soft --accent-ink --night, radius --r, Inter.
   ========================================================================== */

/* skip link and main */
.skip{position:absolute;left:-9999px;top:10px;z-index:200;background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;font-weight:500;font-size:15.5px}
.skip:focus{left:14px}
main{display:block}
html{scroll-padding-top:84px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* nav: the current page, and a light nav for inner pages */
.navlinks a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px;color:#fff}
nav.solid .navlinks a[aria-current="page"]{color:var(--ink)}
.navlinks a{white-space:nowrap}

/* phone menu: a Menu button, then a full-screen night panel */
.menu-btn{display:none;align-items:center;gap:10px;font:inherit;font-size:15.5px;font-weight:500;height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.6);background:rgba(15,14,13,.18);color:#fff;cursor:pointer;flex:none}
.menu-btn i{display:block;width:16px;height:1.5px;background:currentColor;position:relative}
.menu-btn i::before,.menu-btn i::after{content:"";position:absolute;left:0;width:16px;height:1.5px;background:currentColor}
.menu-btn i::before{top:-5px}.menu-btn i::after{top:5px}
nav.solid .menu-btn{border-color:var(--hair2);background:transparent;color:var(--ink)}
@media(max-width:1040px){.navlinks{gap:22px}}
@media(max-width:900px){.menu-btn{display:inline-flex}.nav-cta{margin-left:auto}}
@media(max-width:560px){.nav-cta{display:none}.menu-btn{margin-left:auto}}
.mnav{position:fixed;inset:0;z-index:150;background:var(--night);color:#fff;display:flex;flex-direction:column;padding:16px 20px 34px;overflow-y:auto}
.mnav[hidden]{display:none}
.mnav-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px}
.mnav-top .brand svg{width:36px;height:36px;color:#fff}
.mnav-top .brand img{height:27px;width:auto;max-width:none}
.mnav-close{font:inherit;font-size:15.5px;font-weight:500;height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;cursor:pointer}
.mnav ul{list-style:none;margin:30px 0 0;padding:0}
.mnav li a{display:block;padding:18px 0;border-top:1px solid rgba(255,255,255,.14);font-size:26px;font-weight:300;letter-spacing:-.015em;line-height:1.2;color:#fff}
.mnav li:last-child a{border-bottom:1px solid rgba(255,255,255,.14)}
.mnav li a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
.mnav .btn{margin-top:30px;justify-content:center;width:100%;min-height:52px}
body.menu-open{overflow:hidden}

/* buttons on dark grounds */
.btn.ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn.ghost-light:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}

/* inner page head: light ground with the site's fine grid */
.phead{position:relative;padding:196px 0 100px;background:var(--canvas);overflow:hidden}
.phead .gridk{position:absolute;inset:0;background-image:linear-gradient(rgba(15,14,13,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,14,13,.04) 1px,transparent 1px);background-size:140px 140px;pointer-events:none}
.phead .wrap{position:relative;z-index:1}
.phead h1{max-width:14ch}
.phead .statement{font-size:clamp(24px,2.6vw,36px);line-height:1.2;letter-spacing:-.015em;color:var(--ink);font-weight:300;margin-top:34px;max-width:28ch;text-wrap:balance}
.phead .lede{margin-top:22px;max-width:58ch}
.phead .phead-sub{font-size:clamp(22px,2.2vw,30px);font-weight:300;letter-spacing:-.015em;color:var(--ink2);margin-top:18px}
.phead .hero-ctas{margin-top:34px}
@media(max-width:900px){.phead{padding:128px 0 64px}}

/* home: the flagship bar under the hero */
.fbar{background:var(--canvas);border-bottom:1px solid var(--hair)}
.fbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;padding-bottom:24px}
.fbar p{color:var(--ink);font-size:18px;letter-spacing:-.01em}
.fbar p span{color:var(--muted);margin-left:16px}
@media(max-width:700px){.fbar .wrap{flex-direction:column;align-items:flex-start;gap:14px}.fbar p span{display:block;margin:4px 0 0}}

/* home: the audiences, on their own light section */
.forl{padding:140px 0 130px;background:var(--canvas)}
.forl .believe{margin-top:0}
@media(max-width:900px){.forl{padding:90px 0}}

/* home and about: the mission on its own */
.mband{padding:120px 0;background:var(--canvas);border-top:1px solid var(--hair)}
.mband .mission{margin-top:0;padding:0;border-top:0}
@media(max-width:900px){.mband{padding:80px 0}}

/* home: HAIMO, short, with a way into its own page */
.haimo.teaser{padding:120px 0}
.ht-panel{background:rgba(11,18,16,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:56px 60px;display:grid;grid-template-columns:1.4fr auto;gap:44px;align-items:end}
.ht-panel h2{color:#fff;max-width:18ch}
.ht-panel .lede{color:rgba(255,255,255,.82);margin-top:22px;max-width:52ch}
@media(max-width:900px){.haimo.teaser{padding:80px 0}.ht-panel{grid-template-columns:1fr;padding:32px 26px;gap:28px}}

/* the HAIMO page: the same band, as the page itself */
.haimo.hpage{padding:196px 0 130px}
.hpage h1{color:#fff;max-width:16ch;font-size:clamp(40px,4.6vw,68px)}
@media(max-width:900px){.haimo.hpage{padding:128px 0 90px}}

/* the HAIMO orbit, drawn for its own page */
@media(min-width:901px){.hpage .h-grid{grid-template-columns:.9fr 1.1fr}}
.orb{position:relative;width:min(100%,680px);aspect-ratio:1/1;margin:0 auto}
.orb-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.orb-waves circle,.orb-o,.orb-run,.orb-run2,.orb-core-g{transform-box:view-box;transform-origin:50% 50%}
.orb-waves circle{vector-effect:non-scaling-stroke;stroke-width:1;opacity:0;animation:orbWave 12s linear infinite}
@keyframes orbWave{0%{transform:scale(.3);opacity:0}12%{opacity:.5}100%{transform:scale(1);opacity:0}}
.orb-o{animation:spin 140s linear infinite}
.orb-run{animation:spin 26s linear infinite}
.orb-run2{animation:spin 38s linear infinite reverse}
.orb-core-g{animation:orbBreathe 7s ease-in-out infinite}
@keyframes orbBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
.orb-core{position:absolute;left:50%;top:50%;width:27%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--ink);pointer-events:none}
.orb-core b{font-weight:600;font-size:clamp(22px,2.1vw,30px);letter-spacing:-.01em;line-height:1.1}
.orb-core span{margin-top:6px;font-size:15.5px;line-height:1.3;color:var(--ink2)}
.orb-nodes{list-style:none;margin:0;padding:0}
.orb-n{position:absolute;display:flex;align-items:center;gap:12px;white-space:nowrap;transform:translate(-18px,-50%);color:#fff}
.orb-n.l{flex-direction:row-reverse;transform:translate(calc(-100% + 18px),-50%)}
.orb-n i{font-style:normal;flex:none;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.72);background:rgba(11,18,16,.8);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:inline-flex;align-items:center;justify-content:center;font-size:15.5px;font-weight:500;box-shadow:0 0 0 7px rgba(255,255,255,.06),0 0 24px rgba(255,255,255,.12)}
.orb-n b{font-weight:500;font-size:18px;letter-spacing:-.005em;text-shadow:0 1px 10px rgba(0,0,0,.6)}
@media(max-width:900px){.orb{width:min(100%,440px)}.orb-n b{display:none}.orb-n,.orb-n.l{transform:translate(-50%,-50%)}}
@media(max-width:600px){.orb-core span{display:none}}
@media(prefers-reduced-motion:reduce){
  .orb-o,.orb-run,.orb-run2,.orb-core-g,.orb-waves circle{animation:none!important}
  .orb-waves circle{opacity:.12}
  .orb-waves circle:nth-child(1){transform:scale(.4)}.orb-waves circle:nth-child(2){transform:scale(.58)}.orb-waves circle:nth-child(3){transform:scale(.78)}.orb-waves circle:nth-child(4){transform:scale(.96)}
}

/* a light closing band with two actions */
.cta-band{padding:130px 0;background:var(--paper);position:relative;overflow:hidden}
.cta-band .gridk{position:absolute;inset:0;background-image:linear-gradient(rgba(15,14,13,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,14,13,.04) 1px,transparent 1px);background-size:140px 140px;pointer-events:none}
.cta-band .wrap{position:relative;z-index:1}
.cta-band h2{max-width:20ch}
.cta-band .lede{margin-top:22px;max-width:54ch}
.cta-band .hero-ctas{margin-top:34px}
@media(max-width:900px){.cta-band{padding:84px 0}}

/* programs page: the flagship band */
.fband{background:var(--night);color:#fff;padding:120px 0}
.fb-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.fb-ph{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/4.4;background:#151A1E}
.fb-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fband .pc-n{color:rgba(255,255,255,.9);font-size:clamp(30px,2.8vw,42px);font-weight:300;letter-spacing:-.02em;display:block}
.fband h2{color:#fff;margin-top:14px;max-width:14ch}
.fb-sub{font-size:clamp(20px,1.8vw,26px);font-weight:300;letter-spacing:-.01em;color:rgba(255,255,255,.88);margin-top:18px}
.fband .lede{color:rgba(255,255,255,.8);margin-top:22px;max-width:46ch}
.fband .hero-ctas{margin-top:34px}
@media(max-width:900px){.fband{padding:80px 0}.fb-grid{grid-template-columns:1fr;gap:34px}.fb-ph{aspect-ratio:4/3}}

/* programs page: the other three, one row each */
.prows{padding:40px 0 110px;background:var(--canvas)}
.prow{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;padding:70px 0;border-top:1px solid var(--hair2)}
.prow:first-child{border-top:0}
.pr-ph{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:#E9E9E5}
.pr-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.prow .pc-n{font-size:clamp(26px,2.4vw,36px);font-weight:300;letter-spacing:-.02em;color:var(--muted);display:block}
.pr-h{margin-top:12px;font-size:clamp(28px,2.8vw,40px);max-width:16ch}
.pr-lead{margin-top:18px;font-size:19px;line-height:1.5;color:var(--ink);max-width:44ch}
.pr-tx p:not(.pr-lead){margin-top:12px;max-width:52ch}
.prow .more{margin-top:22px}
@media(max-width:900px){.prows{padding:20px 0 70px}.prow{grid-template-columns:1fr;gap:26px;padding:50px 0}}

/* programs page: proof, case studies and quotes (sample for review) */
.proof{padding:130px 0;background:var(--paper);position:relative;overflow:hidden}
.proof .gridk{position:absolute;inset:0;background-image:linear-gradient(rgba(15,14,13,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,14,13,.04) 1px,transparent 1px);background-size:140px 140px;pointer-events:none}
.proof .wrap{position:relative;z-index:1}
.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.case{background:var(--white);border:1px solid var(--hair);border-radius:var(--r);padding:34px 34px 30px;display:flex;flex-direction:column;gap:12px;box-shadow:0 26px 50px -40px rgba(15,14,13,.3)}
.case-org{font-size:15.5px;color:var(--muted)}
.case h3{font-size:clamp(22px,2vw,27px);font-weight:400;letter-spacing:-.015em;line-height:1.2}
.case .more{margin-top:auto;padding-top:10px}
.quotes-hd{margin-top:110px}
.quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.quote{border-top:1px solid var(--hair2);padding-top:26px;display:flex;flex-direction:column;gap:22px}
.quote blockquote{margin:0;font-size:clamp(19px,1.7vw,23px);line-height:1.45;font-weight:300;letter-spacing:-.01em;color:var(--ink)}
.quote figcaption b{display:block;font-weight:500;color:var(--ink);font-size:16.5px}
.quote figcaption span{display:block;color:var(--muted);font-size:15.5px;margin-top:2px}
@media(max-width:900px){.proof{padding:84px 0}.cases,.quotes{grid-template-columns:1fr}.quotes-hd{margin-top:70px}.case{padding:26px 22px}}

/* the book */
.book{padding:130px 0;background:var(--paper);position:relative;overflow:hidden}
.book .gridk{position:absolute;inset:0;background-image:linear-gradient(rgba(15,14,13,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,14,13,.04) 1px,transparent 1px);background-size:140px 140px;pointer-events:none}
.book .wrap{position:relative;z-index:1}
.book-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.book h2{max-width:14ch}
.book .lede{margin-top:22px;max-width:48ch}
.book .hero-ctas{margin-top:34px}
.bookshot img{width:min(100%,440px);height:auto;margin:0 auto;filter:drop-shadow(0 40px 50px rgba(15,14,13,.28))}
@media(max-width:900px){.book{padding:84px 0}.book-grid{grid-template-columns:1fr;gap:36px}.bookshot img{width:min(80%,320px)}}

/* resources: article cards */
.arts{padding:40px 0 130px;background:var(--canvas)}
.arts .sec-hd .hero-ctas{margin-top:0}
.agrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.art{background:var(--white);border:1px solid var(--hair);border-radius:var(--r);padding:30px 28px;display:flex;flex-direction:column;gap:12px;min-height:240px;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
a.art:hover{transform:translateY(-6px);box-shadow:0 40px 70px -40px rgba(15,14,13,.35)}
.art h3{font-size:clamp(21px,1.8vw,25px);font-weight:400;letter-spacing:-.012em;line-height:1.25}
.art p{font-size:16.5px}
.art .more{margin-top:auto}
@media(max-width:900px){.arts{padding:20px 0 84px}.agrid{grid-template-columns:1fr}}

/* about: her stages, as a quiet line of names */
.stages{padding:64px 0;background:var(--paper);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.stage-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 0}
.stage-list li{font-size:17px;color:var(--ink2);padding:0 22px;border-left:1px solid var(--hair2);line-height:1.3}
.stage-list li:first-child{border-left:0}
@media(max-width:700px){.stage-list{justify-content:flex-start;gap:10px 0}.stage-list li{padding:0 14px 0 0;margin-right:14px}}

/* about: Nordic leadership, her three words on her own Lapland photographs */
.nordic{padding:130px 0;background:var(--canvas)}
.nordic .pillars{margin-top:0;max-width:none}
.nordic .pl h3{font-size:clamp(28px,2.8vw,40px)}
.nordic .pl p{font-size:16.5px;max-width:30ch}
@media(max-width:900px){.nordic{padding:84px 0}}

/* contact page: the live contact section as the page */
.request.cpage{padding:196px 0 140px;min-height:100vh;display:flex;align-items:center}
.request.cpage .wrap{width:100%}
.request.cpage h1{color:#fff;max-width:14ch;font-size:clamp(40px,4.6vw,68px)}
@media(max-width:900px){.request.cpage{padding:128px 0 84px;min-height:0}}

/* conversations: the twelve featured leaders */
.leaders{padding:110px 0 40px}
.leaders h2{color:#fff;margin-bottom:44px}
.lgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px}
.leader{display:flex;flex-direction:column;gap:6px;color:#fff}
.lph{position:relative;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:#151A1E;margin-bottom:10px}
.lph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.9) contrast(1.03);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s}
.leader:hover .lph img{transform:scale(1.04);filter:saturate(.85) brightness(.95) contrast(1.03)}
.leader b{font-weight:500;font-size:17px;line-height:1.3}
.leader span{font-size:15.5px;line-height:1.45;color:rgba(255,255,255,.62)}
@media(max-width:1000px){.lgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.leaders{padding:80px 0 20px}.lgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}}

/* 404 */
.nf{min-height:72vh;display:flex;align-items:center;padding:196px 0 120px;background:var(--canvas)}
.nf .lede{margin-top:18px}
.nf .hero-ctas{margin-top:30px}

/* the city strip: swipe on touch screens, and scroll by hand when motion is off */
@media (hover:none),(prefers-reduced-motion:reduce){
  .stream{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;-webkit-mask-image:none;mask-image:none;padding:0 20px 8px}
  .track{animation:none!important;transform:none!important}
  .track .tile[aria-hidden="true"]{display:none}
  .tile{scroll-snap-align:start}
}

/* footer: the live footer, now a site map, with more air */
footer{padding:96px 0 40px}
.fgrid{grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:40px}
.fgrid .hd{font-size:15.5px;margin-bottom:16px}
.fgrid a{padding:6px 0;font-size:16px}
.fgrid a .ext{opacity:.55;margin-left:5px}
footer p{font-size:15.5px}
.fine{font-size:15.5px;margin-top:64px}
@media(max-width:1000px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.fgrid>div:first-child{grid-column:1/-1}}
@media(max-width:900px){footer{padding:72px 0 34px}}

/* nothing on the web below 15.5px (her ruling of 27 September) */
.navlinks{font-size:15.5px}
.nav-cta{font-size:15.5px}
.fd p,.hc p{font-size:15.5px}
.tile figcaption small{font-size:15.5px}
.field label{font-size:15.5px}
.pc-n{font-size:15.5px}
.ck{font-size:15.5px}.ck button{font-size:15.5px}
.ring-legend li{font-size:15.5px}

/* review builds only: notes for Tarja, never shipped */

/* home: the flagship card carries two links */
.pp .more+.more{margin-left:22px}
.pp .more{font-size:15.5px}

/* page heads with one small nature detail (her Leadership 2.0 images, on black) */
.phead.has-pic .wrap,.nf.has-pic .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:64px;align-items:center}
.phead-pic{position:relative;aspect-ratio:1/1;width:100%;max-width:440px;justify-self:end;border-radius:var(--r);overflow:hidden;background:#000;box-shadow:0 40px 70px -40px rgba(15,14,13,.45)}
.phead-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.86)}
.phead-links{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:30px}
.phead-links a{font-size:16px;font-weight:500;color:var(--accent-ink);border-bottom:1px solid transparent;padding:4px 0}
.phead-links a:hover{border-bottom-color:currentColor}
@media(max-width:900px){.phead.has-pic .wrap,.nf.has-pic .wrap{grid-template-columns:1fr;gap:40px}.phead-pic{justify-self:start;max-width:360px}}

/* about: the Nordic cards need a little more shade under the words on bright fells */
.nordic .pl::before{background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.72) 100%)}

/* leadership conversations: the three seminars as big pictures, each opening its own page */
.semcards{padding:70px 0 130px;color:#fff}
.semcards h2{color:#fff;margin-bottom:44px}
.sc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sc-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.sc{position:relative;display:flex;flex-direction:column;color:#fff}
.sc-ph{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#101816;box-shadow:0 40px 80px -40px rgba(0,0,0,.8);margin-bottom:14px}
.sc-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.9) contrast(1.03);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s}
.sc:hover .sc-ph img{transform:scale(1.04);filter:saturate(.85) brightness(.95) contrast(1.03)}
.sc-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sc .go{flex:none;width:44px;height:44px;border-radius:50%;background:rgba(11,18,16,.6);border:1px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .3s,color .3s}
.sc:hover .go,.sc:focus-visible .go{background:#fff;color:var(--ink)}
.sc-n{font-size:clamp(30px,2.6vw,40px);font-weight:300;letter-spacing:-.02em;line-height:1;color:rgba(255,255,255,.9);font-variant-numeric:tabular-nums}
.sc h3{font-size:clamp(22px,2vw,28px);font-weight:400;letter-spacing:-.015em;line-height:1.15;color:#fff;max-width:18ch}
.sc p{font-size:16px;line-height:1.5;color:rgba(255,255,255,.64);max-width:40ch}
@media(max-width:900px){.semcards{padding:40px 0 90px}.sc-grid,.sc-grid.two{grid-template-columns:1fr;gap:44px}}

/* a seminar's own page: the live seminar, its title as the page heading */
.series.sem-page{padding-top:150px}
.sem-page .sem{border-top:0;padding-top:24px}
.sem h1{font-size:clamp(34px,3.8vw,56px);font-weight:400;letter-spacing:-.022em;line-height:1.05;color:#fff;max-width:15ch}
.crumb{font-size:15.5px}
.crumb a{color:rgba(255,255,255,.72);border-bottom:1px solid transparent;padding:4px 0}
.crumb a:hover{color:#fff;border-bottom-color:currentColor}
.semcards.others{padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}
@media(max-width:900px){.series.sem-page{padding-top:110px}}


/* ==========================================================================
   Round 3 (28 September): her design feedback.
   Heroes follow the program brand book: her own photograph, a light veil on the
   reading side, a fade into the next section, frosted glass at the book's values
   (white .62, blur 26 saturate 1.15, radius 28, inset highlight), and movement.
   ========================================================================== */

/* no small line-and-label titles anywhere */
.lead-k::before{display:none!important}

/* the logo keeps its size when the header turns solid, on every page */
#nav .brand svg{width:44px;height:44px}
#nav .brand img{height:40px}
@media(max-width:900px){#nav .brand svg{width:38px;height:38px}#nav .brand img{height:32px}}
@media(max-width:480px){#nav .brand svg{width:32px;height:32px}#nav .brand img{height:26px}}
@media(max-width:360px){#nav .brand svg{width:28px;height:28px}#nav .brand img{height:21px}}

/* header over a light hero: dark words from the start */
nav.over.light:not(.solid) .brand svg{color:var(--ink)}
nav.over.light:not(.solid) .brand img.w{display:none}
nav.over.light:not(.solid) .brand img.b{display:block}
nav.over.light:not(.solid) .navlinks{color:var(--ink2)}
nav.over.light:not(.solid) .navlinks a:hover{color:var(--ink)}
nav.over.light:not(.solid) .navlinks a[aria-current="page"]{color:var(--ink)}
nav.over.light:not(.solid) .nav-cta{background:var(--ink);color:#fff;border-color:var(--ink)}
nav.over.light:not(.solid) .menu-btn{border-color:rgba(15,14,13,.3);background:rgba(255,255,255,.35);color:var(--ink)}

/* inner-page hero */
.phero{position:relative;min-height:max(100svh,720px);display:flex;flex-direction:column;justify-content:center;padding:150px 0 60px;overflow:hidden;background:#E6EBEC;isolation:isolate}
.phero .bg{position:absolute;inset:0;z-index:-3;overflow:hidden}
.phero .bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:kbslow 40s ease-in-out infinite alternate}
.phero .tex{position:absolute;top:0;bottom:0;right:0;width:62%;z-index:-2;background-size:cover;background-position:center;opacity:.35;mix-blend-mode:multiply;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}
.phero .veil{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(238,241,242,.62) 0,rgba(238,241,242,0) 190px),linear-gradient(90deg,rgba(230,235,236,.74) 0%,rgba(230,235,236,.42) 42%,rgba(230,235,236,0) 72%),linear-gradient(180deg,rgba(250,250,249,0) 62%,var(--canvas) 100%)}
.phero .wrap{position:relative;width:100%}
.ph-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:center}
.ph-panel{background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(26px) saturate(1.15);backdrop-filter:blur(26px) saturate(1.15);border:1px solid rgba(255,255,255,.78);border-radius:28px;padding:56px 54px 50px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 50px 100px -60px rgba(8,16,18,.6);max-width:660px;animation:phRise 1.1s cubic-bezier(.2,.7,.2,1) both}
.ph-panel h1{font-size:clamp(48px,5.4vw,78px);max-width:12ch}
.ph-line{margin-top:24px;font-size:clamp(21px,1.9vw,26px);line-height:1.3;letter-spacing:-.012em;color:var(--ink);max-width:26ch;text-wrap:balance}
.ph-panel .lede{margin-top:18px;max-width:46ch}
.ph-panel .hero-ctas{margin-top:34px}
.ph-side{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px;animation:phRise 1.3s .15s cubic-bezier(.2,.7,.2,1) both}
.ph-side .stage{width:min(100%,440px)}
@keyframes phRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes phFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* frosted ways into the page, along the bottom of the hero */
.ph-chips{margin-top:56px;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:14px;animation:phRise 1.3s .3s cubic-bezier(.2,.7,.2,1) both}
.chip{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(20px) saturate(1.1);backdrop-filter:blur(20px) saturate(1.1);border:1px solid rgba(255,255,255,.72);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 26px 50px -36px rgba(8,16,18,.55);transition:transform .5s cubic-bezier(.2,.7,.2,1),background .4s}
.chip:hover{transform:translateY(-4px);background:rgba(255,255,255,.78)}
.chip img{width:52px;height:52px;border-radius:12px;object-fit:cover;flex:none}
.chip span{display:flex;flex-direction:column;gap:2px;min-width:0}
.chip b{font-weight:500;font-size:16.5px;line-height:1.3;letter-spacing:-.005em}
.chip small{font-size:15.5px;color:var(--ink2);line-height:1.35}
.chip .go{margin-left:auto;flex:none;width:34px;height:34px;border-radius:50%;border:1px solid rgba(15,14,13,.18);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--ink2);transition:background .3s,color .3s,border-color .3s}
.chip:hover .go{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Resources: the book itself, floating */
.ph-book{width:min(88%,400px);filter:drop-shadow(0 50px 60px rgba(15,14,13,.34));animation:phFloat 9s ease-in-out infinite}
/* About: the three beliefs as frosted cards */
.ph-pillars{display:grid;gap:14px;width:min(100%,420px)}
.ph-pillar{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:18px;padding:12px 18px 12px 12px;border-radius:20px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(20px) saturate(1.1);backdrop-filter:blur(20px) saturate(1.1);border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 26px 50px -36px rgba(8,16,18,.55);color:var(--ink);animation:phFloat 10s ease-in-out infinite;transition:background .4s}
.ph-pillar:nth-child(2){animation-delay:-3.3s;margin-left:34px}
.ph-pillar:nth-child(3){animation-delay:-6.6s}
.ph-pillar:hover{background:rgba(255,255,255,.78)}
.ph-pillar img{width:96px;height:96px;border-radius:14px;object-fit:cover}
.ph-pillar b{font-weight:500;font-size:18px;line-height:1.3;letter-spacing:-.008em}

@media(max-width:1000px){.ph-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .phero{min-height:0;padding:118px 0 56px}
  .phero .veil{background:linear-gradient(180deg,rgba(238,241,242,.66) 0,rgba(238,241,242,.2) 40%,rgba(250,250,249,.6) 88%,var(--canvas) 100%)}
  .phero .tex{width:100%}
  .ph-grid{grid-template-columns:1fr;gap:34px}
  .ph-panel{padding:34px 26px 30px;border-radius:22px}
  .ph-side{min-height:0}
  .ph-side .stage{width:min(70%,280px)}
  .ph-pillar{grid-template-columns:72px 1fr}.ph-pillar img{width:72px;height:72px}.ph-pillar:nth-child(2){margin-left:0}
  .ph-chips{margin-top:30px}
}
@media(max-width:560px){.ph-chips{grid-template-columns:1fr}.chip .go{display:none}}
@media(prefers-reduced-motion:reduce){.phero .bg img,.ph-panel,.ph-side,.ph-chips,.ph-book,.ph-pillar{animation:none!important}}

/* the mission, on a photograph: a real title and her line, no small label */
.mband.img{position:relative;padding:170px 0;overflow:hidden;background:var(--night);border-top:0;isolation:isolate}
.mband.img .bg{position:absolute;inset:0;z-index:-2}
.mband.img .bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:kbslow 40s ease-in-out infinite alternate}
.mband.img .veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,18,16,.42),rgba(11,18,16,.58))}
.mission2{max-width:980px;margin:0 auto;text-align:center;color:#fff}
.mission2 h2{color:#fff;font-size:clamp(26px,2.6vw,36px);font-weight:500;letter-spacing:-.015em}
.mission2 p{margin:18px auto 0;font-size:clamp(38px,4.8vw,68px);line-height:1.04;letter-spacing:-.025em;max-width:15ch;color:#fff;text-wrap:balance}
@media(max-width:900px){.mband.img{padding:110px 0}}
@media(prefers-reduced-motion:reduce){.mband.img .bg img{animation:none}}

/* founder: one heading in two tones instead of a small label */
.fh-h .pre{display:block;font-size:clamp(24px,2.3vw,32px);line-height:1.2;letter-spacing:-.012em;color:var(--ink2);margin-bottom:10px}

/* case studies: frosted glass over her valley photograph, a picture for each */
.proof{position:relative;padding:150px 0;overflow:hidden;background:var(--night);color:#fff;isolation:isolate}
.proof .gridk{display:none}
.proof .bg{position:absolute;inset:0;z-index:-2}
.proof .bg img{width:100%;height:100%;object-fit:cover;opacity:.55;transform:scale(1.06);animation:kbslow 40s ease-in-out infinite alternate}
.proof .veil{position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 60% at 50% 30%,rgba(11,18,16,.25),rgba(11,18,16,.85) 80%)}
.proof h2{color:#fff}
.proof .sec-hd{margin-bottom:48px}
.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.case{position:relative;padding:0;overflow:hidden;border-radius:24px;background:rgba(11,18,16,.42);-webkit-backdrop-filter:blur(24px) saturate(1.1);backdrop-filter:blur(24px) saturate(1.1);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 40px 80px -50px rgba(0,0,0,.7);display:flex;flex-direction:column;gap:0;color:#fff;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.case:hover{transform:translateY(-6px)}
.case-ph{position:relative;aspect-ratio:16/8;overflow:hidden}
.case-ph img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.92);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.case:hover .case-ph img{transform:scale(1.04)}
.case-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,18,16,0) 55%,rgba(11,18,16,.45))}
.case-tx{padding:30px 34px 36px}
.case h3{font-size:clamp(24px,2.1vw,30px);font-weight:500;letter-spacing:-.015em;line-height:1.15;color:#fff}
.case .who{margin-top:8px;font-size:17px;color:rgba(255,255,255,.7)}
.case .tx{margin-top:16px;font-size:17px;line-height:1.6;color:rgba(255,255,255,.86)}
@media(max-width:900px){.proof{padding:96px 0}.cases{grid-template-columns:1fr}.case-tx{padding:24px 22px 28px}}
@media(prefers-reduced-motion:reduce){.proof .bg img{animation:none}}

/* what people say: her quotes, no names, turning slowly on frosted cards */
.voices{position:relative;padding:150px 0 130px;overflow:hidden;background:#E6EBEC;isolation:isolate}
.voices .bg{position:absolute;inset:0;z-index:-2}
.voices .bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:kbslow 40s ease-in-out infinite alternate}
.voices .veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(238,241,242,.35),rgba(238,241,242,.15) 50%,rgba(250,250,249,.7))}
.vq{position:relative;margin-top:44px}
.vq-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:6px 2px 30px}
.vq-track::-webkit-scrollbar{display:none}
.vq-card{position:relative;flex:0 0 min(100%,980px);scroll-snap-align:start;margin:0;padding:64px 64px 58px;border-radius:28px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(26px) saturate(1.15);backdrop-filter:blur(26px) saturate(1.15);border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 50px 100px -60px rgba(8,16,18,.55)}
.vq-card::before{content:"\201C";position:absolute;left:44px;top:10px;font-size:150px;line-height:1;color:var(--accent);opacity:.18;font-weight:400}
.vq-card blockquote{position:relative;margin:0;font-size:clamp(22px,2.3vw,32px);line-height:1.38;letter-spacing:-.012em;color:var(--ink);max-width:44ch}
.vq-nav{display:flex;align-items:center;gap:14px;margin-top:8px}
.vq-btn{width:50px;height:50px;border-radius:50%;border:1px solid rgba(15,14,13,.2);background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);font:inherit;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s,color .3s}
.vq-btn:hover{background:var(--ink);color:#fff}
.vq-dots{display:flex;gap:8px;margin-left:6px}
.vq-dots button{width:9px;height:9px;padding:0;border-radius:50%;border:0;background:rgba(15,14,13,.25);cursor:pointer;transition:width .4s,background .4s}
.vq-dots button[aria-current="true"]{width:28px;border-radius:999px;background:var(--ink)}
@media(max-width:900px){.voices{padding:96px 0 90px}.vq-card{padding:44px 26px 36px;border-radius:22px}.vq-card::before{left:20px;font-size:110px}}
@media(prefers-reduced-motion:reduce){.voices .bg img{animation:none}.vq-track{scroll-behavior:auto}}

/* a closing band on a photograph with a frosted panel (was plain) */
.cta-band.img{padding:160px 0;background:#E6EBEC;isolation:isolate}
.cta-band.img .bg{position:absolute;inset:0;z-index:-2}
.cta-band.img .bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:kbslow 40s ease-in-out infinite alternate}
.cta-band.img .veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(230,235,236,.55),rgba(230,235,236,.1) 70%)}
.cta-panel{max-width:720px;padding:56px 54px 50px;border-radius:28px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(26px) saturate(1.15);backdrop-filter:blur(26px) saturate(1.15);border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 50px 100px -60px rgba(8,16,18,.55)}
@media(max-width:900px){.cta-band.img{padding:100px 0}.cta-panel{padding:34px 26px 30px;border-radius:22px}}
@media(prefers-reduced-motion:reduce){.cta-band.img .bg img{animation:none}}

/* About: the stages as a slow line of names on the night band */
.stages.band{position:relative;padding:64px 0;background:var(--night);border:0;overflow:hidden}
.stage-run{display:flex;width:max-content;animation:slide 70s linear infinite}
.stages.band:hover .stage-run{animation-play-state:paused}
.stage-run ul{display:flex;list-style:none;margin:0;padding:0}
.stage-run li{font-size:clamp(20px,1.9vw,27px);letter-spacing:-.01em;color:rgba(255,255,255,.88);padding:0 34px;border-left:1px solid rgba(255,255,255,.22);white-space:nowrap;line-height:1.2}
.stages.band .stream-mask{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
@media(prefers-reduced-motion:reduce){.stage-run{animation:none;width:auto}.stage-run ul[aria-hidden="true"]{display:none}.stage-run ul{flex-wrap:wrap;justify-content:center;row-gap:14px}}

/* Articles on Resources: the Substack links on a frosted panel over the calm sea */
.arts.img{position:relative;padding:130px 0;background:#E6EBEC;overflow:hidden;isolation:isolate}
.arts.img .bg{position:absolute;inset:0;z-index:-2}
.arts.img .bg img{width:100%;height:100%;object-fit:cover}
.arts.img .veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--canvas) 0%,rgba(250,250,249,.2) 30%,rgba(250,250,249,.2) 70%,var(--canvas) 100%)}
.arts-panel{padding:48px 52px;border-radius:28px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(26px) saturate(1.15);backdrop-filter:blur(26px) saturate(1.15);border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 50px 100px -60px rgba(8,16,18,.55)}
.arts-panel .sec-hd{margin-bottom:0}
.arts-panel .agrid{margin-top:36px}
@media(max-width:900px){.arts.img{padding:84px 0}.arts-panel{padding:32px 24px}}


/* the cities: the city name leads, the country follows */
.tile figcaption{font-size:18px}
.tile figcaption small{font-size:15.5px}

/* seminar page number line without the rule */
.sem-n::after{display:none}

/* the flagship subtitle: normal weight, a tidy line height */
.fb-sub{line-height:1.3;font-weight:400}

/* featured speakers: name and LinkedIn only */
.leader .li{display:inline-flex;align-items:center;gap:8px;font-size:15.5px;color:rgba(255,255,255,.7);transition:color .3s}
.leader .li svg{width:16px;height:16px;flex:none}
.leader:hover .li{color:#fff}

/* the seminars, bigger: three layouts to choose from (data-layout a / b / c, b by default) */
.semcards .sc-list{display:grid;gap:36px}
.sc{display:grid;color:#fff;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:transform .6s cubic-bezier(.2,.7,.2,1),background .4s}
.sc:hover{transform:translateY(-6px);background:rgba(255,255,255,.07)}
.sc .sc-ph{position:relative;aspect-ratio:16/9;margin:0;border-radius:0;box-shadow:none}
.sc-tx{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:40px 44px}
.sc .sc-n{font-size:clamp(30px,2.6vw,40px);font-weight:400;color:rgba(255,255,255,.62)}
.sc h3{font-size:clamp(30px,3vw,46px);font-weight:400;letter-spacing:-.02em;line-height:1.08;color:#fff;max-width:16ch}
.sc p{font-size:19px;line-height:1.5;color:rgba(255,255,255,.72);max-width:38ch}
.sc .btn{align-self:flex-start;margin-top:14px}
.sc:hover .btn{background:var(--accent);border-color:var(--accent);color:#fff}
/* b: alternating rows, the picture large */
.semcards[data-layout="b"] .sc{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:stretch}
.semcards[data-layout="b"] .sc:nth-child(even) .sc-ph{order:2}
.semcards[data-layout="b"] .sc .sc-ph{aspect-ratio:auto;min-height:420px}
.semcards[data-layout="b"] .sc .sc-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* a: one full-width picture per seminar, the words on frosted glass over it */
.semcards[data-layout="a"] .sc{position:relative;background:none;border:0}
.semcards[data-layout="a"] .sc .sc-tx{position:absolute;left:28px;bottom:28px;max-width:540px;padding:30px 34px;border-radius:22px;background:rgba(11,18,16,.5);-webkit-backdrop-filter:blur(24px) saturate(1.1);backdrop-filter:blur(24px) saturate(1.1);border:1px solid rgba(255,255,255,.16)}
.semcards[data-layout="a"] .sc h3{font-size:clamp(26px,2.4vw,36px)}
/* c: one at a time, sliding */
.semcards[data-layout="c"] .sc-list{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;scroll-behavior:smooth}
.semcards[data-layout="c"] .sc-list::-webkit-scrollbar{display:none}
.semcards[data-layout="c"] .sc{flex:0 0 88%;scroll-snap-align:start;grid-template-rows:auto 1fr}
.sc-arrows{display:none;gap:12px;margin-top:22px}
.semcards[data-layout="c"] .sc-arrows{display:flex}
.sc-arrows button{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(11,18,16,.6);color:#fff;font:inherit;font-size:18px;cursor:pointer}
.sc-arrows button:hover{background:#fff;color:var(--ink)}
@media(max-width:900px){
  .semcards[data-layout="b"] .sc{grid-template-columns:1fr}
  .semcards[data-layout="b"] .sc:nth-child(even) .sc-ph{order:0}
  .semcards[data-layout="b"] .sc .sc-ph{min-height:0;aspect-ratio:16/9}
  .semcards[data-layout="a"] .sc .sc-tx{position:static;max-width:none;border-radius:0}
  .sc-tx{padding:26px 22px 30px}
  .semcards[data-layout="c"] .sc{flex-basis:92%}
}

/* the mission on Home: the light variant, her words on white frost over the calm sea */
.mband.img.light{background:#E6EBEC}
.mband.img.light .veil{background:linear-gradient(180deg,rgba(250,250,249,.2),rgba(250,250,249,.05))}
.mband.img.light .mission2{padding:60px 56px 64px;border-radius:28px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(26px) saturate(1.15);backdrop-filter:blur(26px) saturate(1.15);border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 50px 100px -60px rgba(8,16,18,.55)}
.mband.img.light .mission2 h2,.mband.img.light .mission2 p{color:var(--ink)}
@media(max-width:900px){.mband.img.light .mission2{padding:36px 24px 40px}}
.chip i.go{font-style:normal}

/* seminar layouts, refined: the posters carry their own titles, so they are never cropped or covered */
.semcards[data-layout="b"] .sc{align-items:center}
.semcards[data-layout="b"] .sc .sc-ph{aspect-ratio:16/9;min-height:0}
.semcards[data-layout="a"] .sc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.semcards[data-layout="a"] .sc .sc-tx{position:static;max-width:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 28px;padding:30px 36px;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.semcards[data-layout="a"] .sc .sc-n{grid-row:span 2}
.semcards[data-layout="a"] .sc h3{max-width:none}
.semcards[data-layout="a"] .sc p{grid-column:2}
.semcards[data-layout="a"] .sc .btn{grid-column:3;grid-row:1 / span 2;margin:0;align-self:center}
@media(max-width:900px){.semcards[data-layout="a"] .sc .sc-tx{display:flex;flex-direction:column;align-items:flex-start;padding:24px 22px 28px}.semcards[data-layout="a"] .sc .btn{margin-top:12px}}

/* phones: the ball sits closer to the words */
@media(max-width:900px){.phero .ph-grid{gap:18px}.phero .ph-side .stage{height:170px;width:100%}.phero .ph-side .stage svg.sym{width:38%}}


/* ==========================================================================
   Final round (28 September): the quality team's findings.
   ========================================================================== */

/* heroes that meet a dark band fade into night, not into white */
.phero.fade-dark .veil{background:linear-gradient(180deg,rgba(238,241,242,.62) 0,rgba(238,241,242,0) 190px),linear-gradient(90deg,rgba(230,235,236,.74) 0%,rgba(230,235,236,.42) 42%,rgba(230,235,236,0) 72%),linear-gradient(180deg,rgba(11,18,16,0) 72%,var(--night) 100%)}
@media(max-width:900px){.phero.fade-dark .veil{background:linear-gradient(180deg,rgba(238,241,242,.66) 0,rgba(238,241,242,.2) 40%,rgba(11,18,16,.3) 86%,var(--night) 100%)}}

/* outline buttons read as buttons on frosted glass and in the program rows */
.panel .btn.ghost,.ph-panel .btn.ghost,.cta-panel .btn.ghost,.arts-panel .btn.ghost,.prow .btn.ghost,.book .btn.ghost{border-color:rgba(15,14,13,.3);background:rgba(255,255,255,.28)}
.panel .btn.ghost:hover,.ph-panel .btn.ghost:hover,.cta-panel .btn.ghost:hover,.arts-panel .btn.ghost:hover,.prow .btn.ghost:hover,.book .btn.ghost:hover{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent-ink)}
.prow .btn{margin-top:24px}

/* the contact form: the program list has its own full row; fields never make iPhones zoom */
.frow:has(#f-prog){grid-template-columns:1fr}
.field input,.field select,.field textarea{font-size:16px}

/* the mission: her line is the heading at the site's H2 size, "Our mission is global" follows */
.mission2 h2{font-size:clamp(34px,3.6vw,50px);font-weight:400;letter-spacing:-.022em;line-height:1.08;max-width:18ch;margin:0 auto;text-wrap:balance}
.mission2 p{margin:18px auto 0;font-size:19px;line-height:1.55;letter-spacing:0;max-width:none}
.mband.img:not(.light) .mission2 p{color:rgba(255,255,255,.86)}
.mband.img.light .mission2 p{color:var(--ink2)}

/* case studies: the organization reads as part of the title */
.case .who{margin-top:6px;font-size:19px;color:#fff}

/* quotes: the card shadow is not clipped, the mark clears the words, short quotes sit centred */
.vq-track{padding:6px 2px 64px;margin-bottom:-34px}
.vq-card{display:flex;flex-direction:column;justify-content:center;padding-top:88px}
.vq-card blockquote{font-size:clamp(21px,2vw,26px)}
.vq-dots{gap:2px}
.vq-dots button{position:relative;width:26px;height:26px;background:none!important;border-radius:0}
.vq-dots button::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:999px;background:rgba(15,14,13,.25);transform:translate(-50%,-50%);transition:width .4s,background .4s}
.vq-dots button[aria-current="true"]{width:40px}
.vq-dots button[aria-current="true"]::before{width:28px;background:var(--ink)}
@media(max-width:900px){.vq-card{padding-top:70px}}

/* the cookie notice sits bottom right, clear of the hero buttons */
.ck{left:auto;right:18px}
@media(max-width:560px){.ck{left:12px;right:12px}}

/* seminar pages: no thin numeral line above the title; the other two seminars as a balanced pair */
.sem-page .sem-n{display:none}
.semcards[data-layout="grid2"] .sc-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.semcards[data-layout="grid2"] .sc{grid-template-rows:auto 1fr}
.semcards[data-layout="grid2"] .sc-tx{padding:28px 30px 32px;justify-content:flex-start}
.semcards[data-layout="grid2"] .sc h3{font-size:clamp(24px,2.2vw,32px)}
@media(max-width:900px){.semcards[data-layout="grid2"] .sc-list{grid-template-columns:1fr}}

/* type on the site's scale: body 17, ledes 19, H2 50; no thin display figures */
.pl p,.hc p,.nordic .pl p,.case .tx{font-size:17px}
.cs-panel h2{font-size:clamp(32px,3.6vw,50px)}
.cs-panel p{font-size:19px}
.fh-h{font-size:clamp(34px,3.6vw,50px)}
.fh-body p{font-size:17px}
.prow .pc-n,.fband .pc-n{font-weight:400}
section.reach .num b{font-weight:400}
section.cv-hero .cv-sub{font-weight:400}
ul.themes .t,ul.themes .d,.spk p{font-weight:400}

/* Home program cards: white titles stay readable on light photographs */
.pp::before{background:linear-gradient(180deg,rgba(0,0,0,0) 36%,rgba(0,0,0,.68) 100%)}


/* seminar speaker carousels: the arrows sit beside the tiles, and under them on phones */
.speakers .ring{padding:0 58px}
.speakers .ring .cv-arrow.cv-prev{left:0}
.speakers .ring .cv-arrow.cv-next{right:0}
@media(max-width:767px){
  .speakers .ring{padding:0;display:flex;flex-wrap:wrap;gap:12px}
  .speakers .ring .ring-track{order:0;flex:0 0 calc(100% + 20px);margin-right:-20px}
  .speakers .ring .cv-arrow{position:static;transform:none;order:1}
  .speakers .ring .cv-arrow:active{transform:scale(.94)}
}

/* the city strip when it stands still (touch screens, reduced motion): inset, and it scrolls */
@media (hover:none),(prefers-reduced-motion:reduce){.stream{scroll-padding-inline:20px;padding-left:20px;padding-right:20px}.track{padding-right:20px}}

/* About stages when still: no stray dividers at the start of a line, no fade at the edges, a margin on phones */
@media(prefers-reduced-motion:reduce){.stage-run li{border-left:0;padding:0}.stage-run ul{column-gap:34px;row-gap:14px}.stages.band .stream-mask{-webkit-mask-image:none;mask-image:none}.stage-run{padding:0 20px}}

/* Home idea: on phones the statue stays behind the picture area, not the words */
@media(max-width:767px){.idea .wash{opacity:.22;-webkit-mask-image:linear-gradient(#000 30%,transparent 58%);mask-image:linear-gradient(#000 30%,transparent 58%)}}

/* tap targets */
.pp .plus{width:44px;height:44px}
.crumb a{display:inline-flex;align-items:center;min-height:44px}

/* the footer legal row stays aligned when it wraps */
.fine span:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px}
.fine span a,.fine span .ck-link{margin-left:0}

/* balanced headings and centred lines */
.shape-panel h2{text-wrap:balance}
@media(max-width:767px){.shape-panel h2{line-height:1.15}}
section.next p{text-wrap:balance}
@media(max-width:767px){section.reach{padding-bottom:40px}}

/* the book on Resources: once, with the words on their own, on the page's left edge like every other section */
.book.solo .book-grid{grid-template-columns:1fr}
.chip img[src$="book-3d.webp"]{object-fit:contain}

/* small text floor and legibility on the belief cards */
.ring-legend i{font-size:15.5px}
.pl.paper::before{background:linear-gradient(180deg,rgba(250,250,249,.3) 0%,rgba(250,250,249,.7) 50%,rgba(250,250,249,.9) 100%)}

/* the technical checker: accessibility, motion, weight */
/* closed program cards: the hidden link cannot be reached with the keyboard */
.pp:not(.open) .pp-more{visibility:hidden}
/* a visible focus ring on every dark ground */
.programs.dark :focus-visible,footer :focus-visible,.haimo :focus-visible,.mnav :focus-visible,.pg-conversations main :focus-visible,.proof :focus-visible,.fband :focus-visible,.shape :focus-visible,.request :focus-visible,.stages.band :focus-visible,.mband.img:not(.light) :focus-visible,.founder :focus-visible{outline-color:#fff}
/* reduced motion: nothing moves, nothing waits to rise */
@media(prefers-reduced-motion:reduce){.idea .pt,.idea .pt::before,.idea .pt::after{animation:none!important}.rv{opacity:1!important;transform:none!important;transition:none!important}html{scroll-behavior:auto}}
/* HAIMO: the four levels heading, now an H2 */
.holders .holders-h{font-size:clamp(24px,2.4vw,32px);font-weight:400;color:#fff;letter-spacing:-.015em;line-height:1.2}
/* the contact form without JavaScript: the result shows after the page reloads */
.form-note{display:none;margin-top:18px;padding:18px 22px;border-radius:12px;background:rgba(255,255,255,.2);color:#fff}
.form-note:target{display:block}
.form-note b{display:block;font-weight:600;margin-bottom:4px}
/* the chip arrows at the 15.5px floor */
.chip .go{font-size:15.5px}
/* seminar pages: the part headings are H2s now, set at their old size with an easy line */
h2.lh{line-height:1.3}
/* seminar layout B: the poster keeps the wide column when it sits on the right */
.semcards[data-layout="b"] .sc:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}
@media(max-width:900px){.semcards[data-layout="b"] .sc:nth-child(even){grid-template-columns:1fr}}


/* ==========================================================================
   Round 4 (28 September): frosted, and a future-tech company, in the brand's own colours.
   Her rules: no original nature photo; nature only frosted, in the background; solid colour
   with frosted glass on top; the ball only on Home; no colour from outside the brand book
   (ground: paper #F3F2EE, white, night #0B1210; accents: the framework colours).
   ========================================================================== */

/* Programs 02 to 04: the tan page with the brand's fine grid, each program on white frosted glass;
   a faint spruce and cloudberry light behind the glass so the frost shows */
section.prows.paper{position:relative;isolation:isolate;padding:110px 0 120px;background:var(--paper)}
section.prows.paper .gridk{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(15,14,13,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,14,13,.045) 1px,transparent 1px);background-size:140px 140px;pointer-events:none}
section.prows.paper::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(760px 520px at 8% 16%,rgba(40,70,61,.11),transparent 62%),radial-gradient(720px 520px at 94% 58%,rgba(143,99,38,.09),transparent 62%),radial-gradient(640px 460px at 20% 92%,rgba(40,70,61,.07),transparent 60%)}
section.prows.paper .prow{padding:34px;border:1px solid rgba(255,255,255,.95);border-radius:28px;color:var(--ink);background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.64));-webkit-backdrop-filter:blur(22px) saturate(1.25);backdrop-filter:blur(22px) saturate(1.25);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(15,14,13,.04),0 34px 70px -44px rgba(15,14,13,.34);transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .7s}
section.prows.paper .prow+.prow{margin-top:28px}
section.prows.paper .prow .pr-ph img{transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
section.prows.paper .prow:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(15,14,13,.04),0 44px 90px -46px rgba(15,14,13,.4)}
section.prows.paper .prow:hover .pr-ph img{transform:scale(1.05)}
@media(max-width:767px){section.prows.paper{padding:64px 0 72px}section.prows.paper .prow{padding:20px}section.prows.paper .prow+.prow{margin-top:18px}}
@media(prefers-reduced-motion:reduce){section.prows.paper .prow,section.prows.paper .prow .pr-ph img{transition:none}section.prows.paper .prow:hover{transform:none}section.prows.paper .prow:hover .pr-ph img{transform:none}}

/* Featured case studies: white, each case on a frosted plate in its own framework colour from the
   brand book, with that framework's mark and the title; the organisation leads the words underneath */
section.proof.white{padding:130px 0;background:var(--white);color:var(--ink)}
section.proof.white h2{color:var(--ink)}
section.proof.white .case{background:var(--white);border:1px solid var(--hair);color:var(--ink);box-shadow:0 1px 2px rgba(15,14,13,.04),0 30px 60px -40px rgba(15,14,13,.3);-webkit-backdrop-filter:none;backdrop-filter:none}
section.proof.white .case .who{color:var(--ink)}
section.proof.white .case .tx{color:var(--ink2)}
.case-top{position:relative;display:flex;align-items:flex-end;min-height:232px;padding:30px 34px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.26)}
.case-top.c-cloudberry{background:linear-gradient(135deg,#B3884A 0%,#8F6326 52%,#7A531D 100%)}
.case-top.c-spruce{background:linear-gradient(135deg,#4A6A5F 0%,#28463D 52%,#1E3830 100%)}
.case-top.c-moss{background:linear-gradient(135deg,#6E7E5E 0%,#4B5B3E 52%,#3C4A31 100%)}
.case-top.c-lingonberry{background:linear-gradient(135deg,#B0545C 0%,#8E2F35 52%,#75252A 100%)}
.case-top::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 88% 0%,rgba(255,255,255,.26),rgba(255,255,255,0) 55%),linear-gradient(115deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 42%)}
.case-top::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
.case-mark{position:absolute;right:30px;top:28px;z-index:1;width:124px;height:124px;color:#fff;opacity:.92}
.case-top h3{position:relative;z-index:1;max-width:calc(100% - 150px);margin:0;color:#fff;font-size:clamp(24px,2.1vw,30px);font-weight:500;letter-spacing:-.015em;line-height:1.15;text-wrap:balance}
.case .case-tx .who{margin-top:0}
.case:hover .case-top::before{background:radial-gradient(120% 90% at 88% 0%,rgba(255,255,255,.32),rgba(255,255,255,0) 58%),linear-gradient(115deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,0) 42%)}
@media(max-width:767px){section.proof.white{padding:84px 0}.case-top{min-height:210px;padding:24px 22px}.case-mark{width:84px;height:84px;right:20px;top:20px}.case-top h3{max-width:calc(100% - 96px)}}

/* What people say: the Career Ventures film, toned dark and frosted, the quotes on white glass */
section.voices.film{background:#0E151B}
.voices.film .bgv{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.voices.film .veil{background:linear-gradient(180deg,rgba(8,12,11,.35),rgba(8,12,11,.12) 50%,rgba(8,12,11,.4))}
.voices.film h2{color:#fff}
.voices.film .vq-card{background:rgba(255,255,255,.88)}
.voices.film .vq-btn{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.1);color:#fff}
.voices.film .vq-btn:hover{background:#fff;color:var(--ink)}
.voices.film .vq-dots button::before{background:rgba(255,255,255,.4)}
.voices.film .vq-dots button[aria-current="true"]::before{background:#fff}

/* the mission on About: dark, the particles clip, her line on dark frosted glass */
.mband.motion .bgv{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.mband.motion .veil{background:rgba(6,10,9,.3)}
.mband.motion .mission2{max-width:900px;padding:56px 64px;border-radius:28px;background:rgba(11,18,16,.42);-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1);border:1px solid rgba(255,255,255,.14)}
@media(max-width:900px){.mband.motion .mission2{padding:36px 24px 40px}}

/* Resources: the articles on white frosted glass over the brand's night */
section.arts.night{position:relative;isolation:isolate;padding:130px 0;background:var(--night)}
section.arts.night::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(1100px 520px at 82% -8%,rgba(255,255,255,.08),transparent 62%),radial-gradient(900px 480px at -6% 108%,rgba(40,70,61,.35),transparent 60%)}
section.arts.night .arts-panel{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,250,249,.95));border-color:rgba(255,255,255,.7);box-shadow:inset 0 1px 0 #fff,0 40px 80px -48px rgba(0,0,0,.75)}
@media(max-width:900px){section.arts.night{padding:84px 0}}

/* Resources: The Human-Agent Orchestrator on white frosted glass over the tan page and its grid, the book beside it */
section.book.glass{position:relative;isolation:isolate;padding:130px 0;background:var(--paper)}
section.book.glass::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(640px 480px at 76% 400px,rgba(143,99,38,.12),transparent 64%),radial-gradient(600px 460px at 14% 330px,rgba(40,70,61,.07),transparent 62%),radial-gradient(900px 560px at 88% 100%,rgba(40,70,61,.08),transparent 62%),radial-gradient(700px 520px at 6% 78%,rgba(143,99,38,.06),transparent 62%)}
.book.glass .gridk{z-index:-1}
.book.glass .book-panel{padding:48px 52px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.64));-webkit-backdrop-filter:blur(22px) saturate(1.25);backdrop-filter:blur(22px) saturate(1.25);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(15,14,13,.04),0 34px 70px -44px rgba(15,14,13,.34)}
@media(max-width:900px){section.book.glass{padding:84px 0}.book.glass .book-panel{padding:32px 24px}}

/* Leadership seminars: the number and title first, then the picture, then the button */
.semcards[data-layout="a"] .sc .sc-tx{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:6px 22px;padding:30px 36px 26px}
.semcards[data-layout="a"] .sc h3{font-size:clamp(28px,2.8vw,40px)}
.sc-go{padding:24px 36px 32px}
.sc-go .btn{margin:0}
.semcards[data-layout="grid2"] .sc-tx{padding:28px 30px 20px}
.semcards[data-layout="grid2"] .sc-go{padding:20px 30px 30px}
@media(min-width:901px){
  .semcards[data-layout="grid2"] .sc-list{grid-auto-rows:auto}
  .semcards[data-layout="grid2"] .sc{grid-row:span 3;grid-template-rows:subgrid}
}
@media(max-width:900px){.sc-go{padding:18px 22px 26px}.semcards[data-layout="a"] .sc .sc-tx{padding:24px 22px 18px}}

/* a white focus ring on the new dark grounds */
.voices.film :focus-visible,.mband.motion :focus-visible{outline-color:#fff}

/* the inner-page hero on the brand's night with the slow particles (Resources, her pick of 28 September):
   no picture, the words and the boxes on bright white glass */
.phero.night{background:var(--night)}
.phero.night .bgv{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;opacity:.9}
.phero.night .veil{background:linear-gradient(90deg,rgba(11,18,16,.55) 0%,rgba(11,18,16,.15) 55%,rgba(11,18,16,0) 80%),linear-gradient(180deg,rgba(11,18,16,.35),rgba(11,18,16,0) 30%,rgba(11,18,16,.55) 100%)}
.phero.night .ph-panel{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,250,249,.9));border-color:rgba(255,255,255,.8)}
.phero.night .chip{background:rgba(255,255,255,.92);border-color:rgba(255,255,255,.8)}
.phero.night .chip:hover{background:#fff}
@media(max-width:900px){.phero.night .veil{background:linear-gradient(180deg,rgba(11,18,16,.35),rgba(11,18,16,.2) 40%,rgba(11,18,16,.6) 100%)}}

/* the book on Resources: her role said once; the co-authors (smaller portraits) and what readers say,
   word for word from tarjastephens.com/book */
.book-by{margin-top:14px;max-width:48ch;font-size:17px;line-height:1.5;font-weight:500;color:var(--ink)}
/* the co-authors continue the book: inside its section, on the same tan page and grid, each portrait on
   the book's white frosted glass, then Order the book and Explore more (her note, 28 September) */
.book-authors{margin-top:120px}
.book-authors .sec-hd{display:block;margin-bottom:0}
.book .book-authors h2{max-width:24ch;font-size:clamp(28px,2.8vw,40px)}
.book-authors .sub{margin-top:16px;max-width:62ch;font-size:19px;line-height:1.55;color:var(--ink2)}
.au-grid{margin-top:44px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.au{display:flex;flex-direction:column;border:1px solid var(--hair);border-radius:16px;overflow:hidden;background:var(--white);color:var(--ink);text-decoration:none;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.au:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(15,14,13,.35)}
.au-ph{aspect-ratio:1/1;overflow:hidden;background:#EDEDEA}
.au-ph img{display:block;width:100%;height:100%;object-fit:cover}
.au b{margin:14px 14px 0;font-size:16px;font-weight:600;line-height:1.3}
.au .af{margin:4px 14px 0;font-size:15.5px;line-height:1.4;color:var(--ink2)}
.au .li{display:flex;align-items:center;gap:6px;margin:auto 14px 14px;padding-top:12px;font-size:15.5px;font-weight:600;color:#28463D}
.au .li svg{width:15px;height:15px;flex:none}
.book-authors .au{border-color:rgba(255,255,255,.95);background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,255,255,.68));-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(15,14,13,.04),0 26px 54px -38px rgba(15,14,13,.32)}
.book-authors .au:hover{box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(15,14,13,.04),0 34px 64px -38px rgba(15,14,13,.4)}
.book-authors .au-ph{background:#E9E7E1}
.book .book-authors .au-ctas{margin-top:44px}
@media(max-width:1100px){.au-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.book-authors{margin-top:84px}}
@media(max-width:700px){.au-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.book .book-authors .au-ctas{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.au{transition:none}.au:hover{transform:none}}
section.reviews{position:relative;isolation:isolate;padding:120px 0;background:var(--night);color:#fff}
section.reviews::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 520px at 72% 62%,rgba(40,70,61,.55),transparent 66%),radial-gradient(700px 420px at 8% 0%,rgba(40,70,61,.22),transparent 60%)}
.reviews h2{color:#fff}
.reviews .rating{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:18px;font-size:17px;color:#fff}
.reviews .rating .stars{color:#A9CDBB;letter-spacing:3px}
.reviews .rating .n{color:rgba(255,255,255,.72)}
.rq{margin-top:44px}
.rq .vq-track{gap:28px;padding:0 0 6px;margin:0}
.rq .vq-card{flex:0 0 calc((100% - 56px)/3);display:flex;flex-direction:column;justify-content:flex-start;padding:24px 0 0;border:0;border-top:1px solid rgba(255,255,255,.55);border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#fff}
.rq .vq-card::before{display:none}
.rq .tt{margin:0;font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.rq .vq-card blockquote{margin:12px 0 0;font-size:17px;line-height:1.6;color:rgba(255,255,255,.86)}
.rq .mk{margin-top:16px;font-size:15.5px;color:rgba(255,255,255,.7)}
.rq-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:40px}
.rq-foot .vq-nav{margin-top:0}
.rq-foot .allrev{color:#fff;font-weight:600;text-decoration:none}
.rq-foot .allrev:hover{text-decoration:underline}
.reviews .vq-btn{background:#fff;border-color:#fff;color:var(--ink)}
.reviews .vq-btn:hover{background:var(--paper);color:var(--ink)}
.reviews :focus-visible{outline-color:#fff}
@media(max-width:900px){section.reviews{padding:84px 0}.rq .vq-card{flex-basis:86%}.rq-foot{flex-direction:column;align-items:flex-start}}
/* the headings stand above their lines, as on her book page; review titles in white */
.reviews .sec-hd{display:block}
.reviews .sec-hd h2{max-width:24ch}
.rq .tt{color:#fff}

/* About: the places where Tarja has been speaking as a small moving line of names, as on tarjastephens.com
   (her note, 28 September: no heading, no button; her strip's size, weight, spacing, speed and edge fade) */
.stages.band{padding:40px 0 36px}
.stages.band .stream-mask{-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.stages.band .stage-run{animation-duration:42s}
.stages.band .stage-run ul{gap:76px;padding-right:76px}
.stages.band .stage-run li{padding:6px 0;border-left:0;font-size:15.5px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.85)}
@media(prefers-reduced-motion:reduce){.stages.band .stage-run ul{gap:14px 40px;padding-right:0}.stages.band .stream-mask{-webkit-mask-image:none;mask-image:none}}


/* ==========================================================================
   Her Bio on Home and About (28 September; Tarja Stephens Bio 2026, word for word).
   Home: the name, her roles and two parts of the Bio, then Learn more about Tarja on About.
   About: lighter beige (the tan page and its grid), her speaking photo across the page with her four numbers
   in one slim strip joined to it, the introduction, then her website.
   ========================================================================== */
.fh-roles{margin-top:14px;font-size:clamp(17px,1.4vw,19px);line-height:1.45;color:var(--ink2)}

section.founder.profile{display:block;min-height:0;padding:130px 0 120px;isolation:isolate;background:var(--paper)}
section.founder.profile::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(760px 520px at 90% 64%,rgba(40,70,61,.08),transparent 62%),radial-gradient(700px 520px at 6% 90%,rgba(143,99,38,.07),transparent 62%)}
.founder.profile .gridk{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(15,14,13,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,14,13,.04) 1px,transparent 1px);background-size:140px 140px}

/* the photo and her numbers as one piece (her notes: smaller, joined to each other, not taking attention; then
   "WAY too big", so 22px, 18px on phones):
   the numbers sit in a slim near-black strip under the photo, small and light, in this site's own number style */
.fp-media{margin-top:48px;border-radius:var(--r);overflow:hidden;background:#0F0F0F;box-shadow:0 1px 2px rgba(15,14,13,.06),0 50px 100px -56px rgba(15,14,13,.55)}
.fp-ph{position:relative;margin:0;aspect-ratio:16/9;background:var(--night)}
.fp-ph picture,.fp-ph img{display:block;width:100%;height:100%}
.fp-ph img{object-fit:cover}
.fp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.08)}
.fp-stat{padding:16px 22px 18px}
.fp-stat+.fp-stat{border-left:1px solid rgba(255,255,255,.1)}
.fp-stat b{display:block;font-weight:300;font-size:22px;line-height:1.1;letter-spacing:-.01em;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.fp-stat b i{margin-left:2px;font-style:normal;font-size:.6em;vertical-align:.3em;color:#9FD3B7}
.fp-stat .l{display:block;margin-top:4px;font-size:15.5px;line-height:1.3;color:rgba(255,255,255,.7)}

.fp-bio{margin-top:56px;max-width:780px}
.fp-intro{font-size:clamp(20px,1.7vw,23px);line-height:1.5;letter-spacing:-.005em;color:var(--ink)}
.founder.profile .fh-ctas{margin-top:30px}
.founder.profile :focus-visible{outline-color:var(--ink)}
@media(max-width:900px){section.founder.profile{padding:84px 0}.fp-media{margin-top:32px}.fp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-stat{padding:12px 14px 14px}.fp-stat:nth-child(3){border-left:0}.fp-stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}.fp-bio{margin-top:40px}}
@media(max-width:700px){.fp-ph{aspect-ratio:3/2}.fp-stat b{font-size:18px}}

/* About: Global reach from tarjastephens.com (her words and pictures; her ask of 28 September), after the stage
   photo and the numbers: Miami and Helsinki, then the row of places with its arrows, on the brand night */
section.greach{padding:110px 0 56px;background:var(--night);color:#fff}
.gr-h{color:#fff}
.gr-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:44px}
.gr-city{position:relative;display:flex;align-items:flex-end;min-height:330px;border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#000;transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .5s}
.gr-city img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gr-veil{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.25) 55%,rgba(0,0,0,.35))}
.gr-text{position:relative;z-index:1;padding:38px 34px 30px}
.gr-where{display:block;margin-bottom:10px;font-size:15.5px;letter-spacing:.2em;color:rgba(255,255,255,.6)}
.gr-text h3{margin:0;font-size:clamp(24px,2vw,28px);font-weight:500;line-height:1.2;letter-spacing:-.012em;color:#fff}
.gr-text p{margin-top:8px;max-width:34ch;font-size:17px;line-height:1.55;color:#D6D4CE}
.gr-city:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.2)}
.gr-board{margin-top:34px}
.gr-nav{display:flex;justify-content:flex-end;gap:9px;margin-bottom:20px}
.gr-btn{display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border-radius:50%;cursor:pointer;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.24);color:#fff;font-size:19px;transition:background .3s,border-color .3s,transform .3s}
.gr-btn:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.85);transform:translateY(-2px)}
.gr-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none}
.gr-row::-webkit-scrollbar{display:none}
.gr-tile{position:relative;flex:none;width:290px;aspect-ratio:4/3;margin:0;border-radius:var(--r);overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.09);scroll-snap-align:start;transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .4s}
.gr-tile img{display:block;width:100%;height:100%;object-fit:cover;opacity:.74;transition:opacity .5s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.gr-tile:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.85)}
.gr-tile:hover img{opacity:1;transform:scale(1.06)}
.gr-tile figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 14px 12px;font-size:15.5px;line-height:1.3;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.4) 65%,transparent)}
.greach :focus-visible{outline-color:#fff}
@media(max-width:900px){section.greach{padding:84px 0 48px}}
@media(max-width:820px){.gr-pair{grid-template-columns:1fr;gap:22px}}
@media(max-width:640px){.gr-tile{width:220px}.gr-city{min-height:280px}.gr-text{padding:28px 24px 24px}}
@media(prefers-reduced-motion:reduce){.gr-row{scroll-behavior:auto}.gr-city,.gr-tile,.gr-tile img{transition:none}.gr-city:hover,.gr-tile:hover,.gr-tile:hover img{transform:none}}


/* ==========================================================================
   The AI Executive Leadership Program in its own look (her approval of 29 September 2026).
   The program's brand (FINAL DELIVERY, Brand notes) lives only inside the program's own frames: the Home bar,
   card 01, the small box and box 01 on Programs. The Leaders of the Future grounds stay as they are.
   Program colours: deep metallic blue #1B3550 #0F2236 #0A1A2A #07121D as gradients, near-white #F2F6F8,
   mist #C9D3DC for quiet words; the champagne gold #C9B68C lives only in the aurora's point of light.
   ========================================================================== */

/* Home: the upcoming program bar under the opening */
.fbar.aiep{position:relative;overflow:hidden;border-bottom:0;background:#0A1A2A linear-gradient(90deg,#07121D 0%,#0A1A2A 36%,#0F2236 68%,#1B3550 100%)}
.fbar-bg{position:absolute;top:0;right:0;bottom:0;width:62%;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 26%);mask-image:linear-gradient(90deg,transparent 0%,#000 26%)}
.fbar-bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 85%}
.fbar.aiep .wrap{position:relative;z-index:1;padding-top:26px;padding-bottom:26px}
.fba-tx{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px}
.fba-k{flex-basis:100%;font-size:15.5px;color:#C9D3DC}
.fba-t{font-size:19px;font-weight:500;letter-spacing:-.01em;color:#F2F6F8}
.fba-s{font-size:17px;color:#C9D3DC}
.fbar.aiep :focus-visible{outline-color:#fff}
@media(max-width:700px){.fbar-bg{width:100%;opacity:.5}.fba-t{flex-basis:100%}}

/* Home: card 01 shows the aurora instead of the stock photograph */
.pp.aiep{background:#0A1A2A}
.pp.aiep img.p{object-position:30% 70%}
.pp.aiep::before{background:linear-gradient(180deg,rgba(7,18,29,0) 50%,rgba(7,18,29,.72) 100%)}
.pp.aiep .panel-f{background:rgba(10,26,42,.62)}

/* Programs: box 01, the program card over the aurora film, laid out like the program's own opening: the words
   and the buttons above the horizon, the three facts in a glass strip over the water */
.fband.aiep{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:860px;padding:120px 0 44px;background:#0A1A2A radial-gradient(120% 160% at 10% 0%,#1B3550 0%,#0F2236 48%,#0A1A2A 80%,#07121D 100%)}
.fband.aiep .bgv{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.fb-veil{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(7,18,29,.8) 0%,rgba(7,18,29,.5) 36%,rgba(7,18,29,0) 64%)}
.fband.aiep .wrap{width:100%}
.fb-card{max-width:620px}
.fband.aiep h2{max-width:16ch}
.fband.aiep .fb-sub{color:#DCE7EC}
.fband.aiep .lede{color:rgba(242,246,248,.84)}
.fb-bottom{margin-top:56px}
.fb-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:820px;margin:0;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(10,26,42,.38);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.fb-facts div{padding:14px 20px 16px}
.fb-facts div+div{border-left:1px solid rgba(255,255,255,.12)}
.fb-facts dt{font-size:15.5px;color:#C9D3DC}
.fb-facts dd{margin:2px 0 0;font-size:16px;color:#F2F6F8}
@media(max-width:900px){.fband.aiep{min-height:0;padding:84px 0 32px}.fb-bottom{margin-top:40px}.fb-facts{grid-template-columns:1fr}.fb-facts div+div{border-left:0;border-top:1px solid rgba(255,255,255,.12)}.fband.aiep .bgv{object-position:72% 50%}.fb-veil{background:linear-gradient(180deg,rgba(7,18,29,.5) 0%,rgba(7,18,29,.72) 100%)}}

/* ================= 29 September 2026: the Programs menu, and the upcoming program on Home =================
   Her request: under Programs in the header, a dropdown with the AI Executive Leadership Program, whose page
   opens from there; on Home, the upcoming program shown bigger, with the program team's own program card. */

/* the Programs menu: opens on hover, or with its arrow button (touch, keyboard); on phones it is a line in the menu */
.nav-dd{position:relative;display:inline-flex;align-items:center;gap:2px}
.dd-btn{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:-8px;padding:0;border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer}
.dd-btn svg{width:12px;height:12px;transition:transform .25s}
.nav-dd.dd-open .dd-btn svg{transform:rotate(180deg)}
.dd{position:absolute;top:100%;left:-16px;padding-top:14px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s,transform .2s,visibility 0s .2s;z-index:70}
.nav-dd:hover .dd,.nav-dd.dd-open .dd{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
.dd-in{background:var(--night);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:8px;box-shadow:0 20px 44px -22px rgba(0,0,0,.55)}
#nav .dd a,#nav .dd a:hover{display:block;padding:12px 16px;border-radius:10px;color:#fff;font-size:15.5px;white-space:nowrap;text-decoration:none}
#nav .dd a:hover,#nav .dd a:focus-visible{background:rgba(255,255,255,.1)}
#nav .dd a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.navlinks a[aria-current="true"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px;color:#fff}
nav.solid .navlinks a[aria-current="true"]{color:var(--ink)}
nav.over.light:not(.solid) .navlinks a[aria-current="true"]{color:var(--ink)}
.mnav li a.mnav-sub{padding:0 0 18px 18px;border-top:0;font-size:19px;color:rgba(255,255,255,.78)}
.mnav li a[aria-current="true"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
@media(prefers-reduced-motion:reduce){.dd,.dd-btn svg{transition:none}}

/* the upcoming program on Home: the program team's card (their kit for leadersofthefuture.com, folder
   "2 Paste-in program card"), its styles unchanged except that the picture comes from the program's page on this
   site and the Inter font is the site's own */
.upnext{background:var(--paper);padding:64px 0 0}
@media(max-width:700px){.upnext{padding:40px 0 0}}
/* the upcoming programs (30 September 2026): side by side on a computer, one under the other on tablets and phones,
   the same height from tablets up; the HR card is
   a placeholder on the HR ground with the HR line from the Program Brand Library, until the HR team's piece arrives */
.upnext .wrap{display:grid;gap:24px}
@media(min-width:701px){.upnext .wrap{grid-auto-rows:1fr}}
@media(min-width:901px){.upnext .wrap{grid-template-columns:1fr 1fr}}
/* the buttons of both cards on one line, at the foot of the card */
.upnext .lotf-aiexec{display:flex;flex-direction:column}
.upnext .lotf-aiexec__body{flex:1 1 auto;display:flex;flex-direction:column}
.upnext .lotf-aiexec__actions{margin-top:auto;padding-top:30px}
.lotf-aiexec--hr{background:#1A2A30 radial-gradient(120% 140% at 10% 0%, #2D4048 0%, #22333B 46%, #1A2A30 78%, #152227 100%)}
.lotf-aiexec--hr .lotf-aiexec__art{background:url("../assets/img/hr-upnext.jpg") 100% 50% / cover no-repeat}
.lotf-aiexec--hr .lotf-aiexec__art::after{background:linear-gradient(90deg, rgba(21,34,39,.92) 0%, rgba(26,42,48,.78) 38%, rgba(26,42,48,.2) 70%, rgba(26,42,48,0) 100%)}
.lotf-aiexec--hr .lotf-aiexec__btn--main{color:#1A2A30}
.lotf-aiexec { --ink: #F2F6F8; --soft: #C9D3DC; --gold: #C9B68C; box-sizing: border-box; position: relative; overflow: hidden;
  margin: 0; border-radius: 18px; color: var(--ink); font-family: Inter, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: #0A1A2A radial-gradient(120% 140% at 10% 0%, #1B3550 0%, #0F2236 46%, #0A1A2A 78%, #07121D 100%);
  -webkit-font-smoothing: antialiased; }
.lotf-aiexec *, .lotf-aiexec *::before, .lotf-aiexec *::after { box-sizing: border-box; }
.lotf-aiexec__art { position: absolute; inset: 0; background: url("../programs/ai-executive-leadership-program/assets/img/hero-desktop-poster-1920.jpg") 72% 50% / cover no-repeat; }
.lotf-aiexec__art::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(7, 18, 29, .92) 0%, rgba(10, 26, 42, .78) 38%, rgba(10, 26, 42, .2) 70%, rgba(10, 26, 42, 0) 100%); }
.lotf-aiexec__body { position: relative; max-width: 700px; padding: 56px 56px 52px; }
.lotf-aiexec__by { margin: 0 0 20px; font-weight: 500; font-size: 12px; line-height: 16px; letter-spacing: .14em; text-transform: uppercase; color: var(--soft); }
.lotf-aiexec__title { margin: 0; font-weight: 300; font-size: 44px; line-height: 1.08; letter-spacing: -.02em; color: #FFFFFF; text-wrap: balance; }
.lotf-aiexec__title a { color: inherit; text-decoration: none; }
.lotf-aiexec__title a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }
.lotf-aiexec__sub { margin: 14px 0 0; font-weight: 400; font-size: 20px; line-height: 1.35; color: #DCE7EC; }
.lotf-aiexec__text { margin: 18px 0 0; max-width: 520px; font-weight: 400; font-size: 17px; line-height: 1.55; color: var(--soft); text-wrap: pretty; }
.lotf-aiexec__facts { display: flex; flex-wrap: wrap; gap: 10px; margin: 26px 0 0; padding: 0; }
.lotf-aiexec__facts div { padding: 10px 14px 11px; border-radius: 10px; border: 1px solid rgba(236, 244, 248, .16);
  background: linear-gradient(180deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .05) 100%); }
.lotf-aiexec__facts dt { margin: 0; font-weight: 500; font-size: 11px; line-height: 14px; letter-spacing: .14em; text-transform: uppercase; color: var(--soft); }
.lotf-aiexec__facts dd { margin: 4px 0 0; font-weight: 400; font-size: 15px; line-height: 20px; color: var(--ink); }
.lotf-aiexec__actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 30px 0 0; }
.lotf-aiexec__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 24px; border-radius: 999px;
  font-weight: 500; font-size: 16px; line-height: 1.2; text-decoration: none; transition: background-color .2s, border-color .2s, color .2s; }
.lotf-aiexec__btn--main { background: #FFFFFF; color: #0F2236; border: 1px solid #FFFFFF; }
.lotf-aiexec__btn--main:hover { background: #E8EEF2; border-color: #E8EEF2; }
.lotf-aiexec__btn--alt { background: rgba(255, 255, 255, .04); color: var(--ink); border: 1px solid rgba(236, 244, 248, .42); }
.lotf-aiexec__btn--alt:hover { background: rgba(255, 255, 255, .12); border-color: rgba(236, 244, 248, .7); }
.lotf-aiexec a:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.lotf-aiexec__point { position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, rgba(201, 182, 140, 0) 0%, rgba(201, 182, 140, .55) 30%, rgba(201, 182, 140, 0) 70%); }
@media (max-width: 700px) {
  .lotf-aiexec__art { background-position: 64% 0; background-size: auto 62%; }
  .lotf-aiexec__art::after { background: linear-gradient(180deg, rgba(10, 26, 42, 0) 0%, rgba(10, 26, 42, .35) 26%, rgba(10, 26, 42, .94) 46%, #0A1A2A 60%); }
  .lotf-aiexec__body { padding: 200px 24px 32px; }
  .lotf-aiexec__title { font-size: 34px; }
  .lotf-aiexec__sub { font-size: 18px; }
  .lotf-aiexec__text { font-size: 16px; }
  .lotf-aiexec__actions { flex-direction: column; align-items: stretch; }
}
@media (max-width: 700px) {
  .lotf-aiexec--hr .lotf-aiexec__art { background-position: 80% 0; background-size: auto 62%; }
  .lotf-aiexec--hr .lotf-aiexec__art::after { background: linear-gradient(180deg, rgba(26, 42, 48, 0) 0%, rgba(26, 42, 48, .35) 26%, rgba(26, 42, 48, .94) 46%, #1A2A30 60%); }
}
@media (prefers-reduced-motion: reduce) { .lotf-aiexec__btn { transition: none; } }

/* Programs 02 and 03 (29 September 2026): the program family's own card pictures from the design team's locked
   package (Program Family, 02 and 03 Brand Package) in place of the stock photographs of people. As the brand guide
   says: text on Birch (02) is warm ink #23201D, with no dark shade over the ground; text on 03 is white, its
   shade in its own ground's deep tone, as card 01 carries its own. 03 moved from Fjord to Blue Hour on 30 September 2026
   (#565C76, #3A3F54, #272A3A, #171926); its pictures are the kit's revised ones. Card 04 is unchanged until its design is decided. */
.pp.p02{background:#E4E2DE}
.pp.p02::before{background:none}
.pp.p02 .pp-tx,.pp.p02 .pc-n,.pp.p02 h3,.pp.p02 .pc-lead,.pp.p02 .more{color:#23201D}
.pp.p02 .pp-more p:not(.pc-lead){color:rgba(35,32,29,.86)}
.pp.p02 .plus{border-color:rgba(35,32,29,.55);background:rgba(244,243,240,.35)}
.pp.p02 .plus span,.pp.p02 .plus span::after{background:#23201D}
.pp.p02.open .plus{background:rgba(244,243,240,.6)}
.pp.p02 .panel-f{background:rgba(244,243,240,.72)}
.pp.p02 :focus-visible{outline-color:#23201D}
.pp.p03{background:#272A3A}
.pp.p03::before{background:linear-gradient(180deg,rgba(23,25,38,0) 50%,rgba(23,25,38,.6) 100%)}
.pp.p03 .panel-f{background:rgba(23,25,38,.62)}
/* the rows on the Programs page: each element whole, in the middle of the 4:3 frame (on the card it sits at 40 percent) */
.prow#executive-sessions .pr-ph{background:#E4E2DE}
.prow#advisory .pr-ph{background:#272A3A}
.prow#executive-sessions .pr-ph img,.prow#advisory .pr-ph img{object-position:50% 28%}
/* Card 04, Specialized programs (30 September 2026): the HR program's branding from the HR team's library in place of the stock photograph,
   white text as on their green; the shade and panel in their green's deep foot (#1A2A30) */
.pp.p04{background:#1A2A30}
.pp.p04::before{background:linear-gradient(180deg,rgba(26,42,48,0) 50%,rgba(26,42,48,.62) 100%)}
.pp.p04 .panel-f{background:rgba(26,42,48,.62)}
.prow#specialized .pr-ph{background:#22333B}
.prow#specialized .pr-ph img{object-position:50% 18%}
/* row 01 (30 September 2026): the program's aurora key visual, with the point and the arc in the frame */
.prow#flagship .pr-ph{background:#0A1A2A}
.prow#flagship .pr-ph img{object-position:70% 50%}
/* the program box and the cards: no word alone on a line (the Program Brand Book, 30 September 2026) */
.prow .pr-tx p,.pp .pp-more p{text-wrap:pretty}
/* the four programs the same size on a computer (her request, 30 September 2026) */
@media(min-width:901px){section.prows.paper .wrap{display:grid;grid-auto-rows:1fr;row-gap:28px}section.prows.paper .prow+.prow{margin-top:0}}
/* Themes and learning sessions (1 October 2026): on white, the eight cards are this site's program cards */
section.lt{background:#FFFFFF;padding:110px 0}
section.lt + section.lt{padding-top:0}
.lt .lt-hd{max-width:46rem;margin-bottom:44px}
.lt .lt-sub{margin-top:12px;font-size:clamp(20px,2vw,26px);line-height:1.3;color:var(--ink)}
.lt .lt-tx{margin-top:16px;max-width:40em;font-size:17px;line-height:1.6;color:var(--muted)}
.lt .lt-card{text-decoration:none;color:#FFFFFF}
.lt .lt-more{margin-top:40px}
.lt-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.lt-chips li{padding:10px 18px;border:1px solid rgba(15,14,13,.2);border-radius:999px;font-size:15px;color:var(--ink)}
section.ltfilm{position:relative;isolation:isolate;overflow:hidden;padding:150px 0;text-align:center;color:#FFFFFF;background:#0B0F19}
section.ltfilm::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,9,16,.5),rgba(6,9,16,.72))}
.ltfilm h2{max-width:18em;margin:0 auto;color:#FFFFFF}
.ltfilm .lt-big{margin-top:22px;font-size:clamp(22px,2.2vw,30px);color:#FFFFFF}
.ltfilm p{max-width:36em;margin:14px auto 0;color:rgba(255,255,255,.84)}
@media(max-width:767px){section.lt{padding:72px 0}section.ltfilm{padding:96px 0}}
.lt .sec-hd.lt-hd{display:block}
section.ltfilm .bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:1}
section.ltfilm{min-height:560px;display:flex;align-items:center;justify-content:center}
/* the theme cards frosted, the picture clear under the cursor (her choice, 1 October 2026) */
.lt .lt-card{background:#DDE3E6}
.lt .lt-card img.p{filter:blur(7px) saturate(.3) brightness(1.18);opacity:.6;transform:scale(1.08);transition:filter .6s ease,opacity .6s ease,transform .8s ease}
.lt .lt-card:hover img.p,.lt .lt-card:focus-visible img.p,.lt .lt-card.open img.p{filter:none;opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.lt .lt-card img.p{transition:none}}
/* What people say without the film (her request, 1 October 2026): a solid light ground, smaller frosted quote cards */
.voices.solid{padding:84px 0 76px;background:linear-gradient(180deg,#EEF1F2 0%,#E4E9EB 100%)}
.voices.solid .vq-card{flex-basis:min(100%,760px);padding:64px 48px 40px;background:rgba(255,255,255,.72)}
.voices.solid .vq-card::before{font-size:110px;top:4px;left:36px}
.voices.solid .vq-card blockquote{font-size:clamp(18px,1.6vw,22px);line-height:1.5}
/* the theme cards smaller, inside the page width: all eight seen together (her request after the upload, 1 Oct 2026) */
.lt .pgrid4{margin:0;padding:0;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
.lt .lt-card{aspect-ratio:1/1}
.lt .lt-card .pp-tx{left:16px;right:16px;bottom:16px;top:16px}
.lt .lt-card .pc-n{font-size:20px}
.lt .lt-card h3{margin-top:4px;max-width:none;font-size:clamp(16px,1.3vw,19px);line-height:1.2}
.lt .lt-card .pp-more p{font-size:14px;line-height:1.45}
@media(max-width:900px){.lt .pgrid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.lt .pgrid4{max-width:940px;gap:22px}
@media(max-width:900px){.lt .pgrid4{gap:12px}}
.lt .lt-card .pp-tx{display:flex;flex-direction:column;justify-content:flex-end}
.lt .lt-card::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(12,16,20,0) 30%,rgba(12,16,20,.72) 100%)}
.lt article.lt-card{aspect-ratio:4/5}
.lt .lt-card.open .pp-more p{font-size:13.5px}