/* Future Proof Intelligence, next site v5 (2026-09-30). A mix of the live site (the information), the v2 proposal site
   (the path, glass where you touch) and the light (one 3D moment per page). Type from the connector rooms. */
:root{--ground:#07090d;--ground2:#0b0f15;--ink:#f1efe9;--ink2:rgba(241,239,233,.72);--ink3:rgba(241,239,233,.48);--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.18);
 --iris:#8fd0f2;--copper:#e2b28a;--serif:'Inter',system-ui,-apple-system,sans-serif;--sans:'Inter',system-ui,-apple-system,sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{background:var(--ground);scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:16px/1.65 var(--sans);background:var(--ground);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}img{max-width:100%}
/* the bar */
.bar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:calc(env(safe-area-inset-top) + 16px) 5vw 14px;
 transition:background .4s,backdrop-filter .4s}
.bar.solid{background:rgba(5,6,7,.62);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--line)}
.bar .wm{height:19px;display:block}
.bar nav{display:flex;gap:26px;align-items:center}
.bar nav a{text-decoration:none;font:500 14.5px var(--sans);color:var(--ink2);transition:color .2s}.bar nav a:hover,.bar nav a.on{color:var(--ink)}
.bar nav a.on{box-shadow:0 1px 0 var(--iris)}
.bar nav a.pill,.pill{font:600 14px var(--sans);color:#0b0d10;background:var(--ink);border-radius:999px;padding:9px 16px;text-decoration:none;white-space:nowrap}
.menu{display:none;background:none;border:0;color:var(--ink);font:500 15px var(--sans);cursor:pointer}
/* type */
.k{font:500 14px var(--sans);color:var(--ink3);margin:0}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.015em;line-height:1.08;text-wrap:balance;margin:0}
h1{font-size:clamp(38px,4.6vw,64px)}h2{font-size:clamp(30px,3.4vw,46px)}h3{font-size:24px;line-height:1.2}
h1 em,h2 em,h3 em{font-style:italic;font-weight:400;color:var(--ink2)}
.lead{font-size:18px;color:var(--ink2);max-width:36em;text-wrap:pretty;margin:18px 0 0}
p{text-wrap:pretty}
/* layout */
.hero{position:relative;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:3vw;padding:120px 5vw 60px}
.hero .copy{position:relative;z-index:2}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;gap:8px;font:600 15px var(--sans);text-decoration:none;border-radius:999px;padding:12px 20px;cursor:pointer;border:0}
.btn.pri{background:var(--ink);color:#0b0d10}.btn.ghost{color:var(--ink);background:rgba(255,255,255,.05);border:1px solid var(--line2)}
.sec{position:relative;z-index:2;padding:110px 5vw;max-width:1280px;margin:0 auto}
.sec.hair{border-top:1px solid var(--line)}
.head{max-width:760px;margin-bottom:44px}.head .lead{margin-top:14px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
/* surfaces: glass only where you touch */
.card{border:1px solid var(--line);border-radius:22px;padding:26px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}
.card .n{font:500 13px var(--sans);color:var(--iris)}.card h3{margin:8px 0 8px}.card p{margin:0;color:var(--ink2);font-size:15.5px}
.card .was{font-size:14px;color:var(--ink3);margin:0 0 10px}
a.card{display:block;text-decoration:none;transition:border-color .3s,transform .5s var(--ease)}a.card:hover{border-color:var(--line2);transform:translateY(-3px)}
a.card .go{display:inline-block;margin-top:16px;font:500 14px var(--sans);color:var(--ink)}
.glass{background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.03) 50%,rgba(255,255,255,.06)),rgba(12,15,19,.45);border:1px solid var(--line2);
 box-shadow:0 30px 80px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.2);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);border-radius:24px}
.rows{display:flex;flex-direction:column}.rows .r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:24px;padding:22px 0;border-top:1px solid var(--line)}
.rows .r b{font:500 15px var(--sans);color:var(--ink)}.rows .r span{color:var(--ink2);font:400 19px/1.45 var(--serif)}
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.split>div{background:var(--ground);padding:28px}.split h3{font-size:20px;margin-bottom:14px}.split ul{margin:0;padding:0;list-style:none}.split li{padding:9px 0;border-top:1px solid var(--line);color:var(--ink2)}
.split .after li{color:var(--ink)}
.tags{display:flex;flex-wrap:wrap;gap:10px}.tags span{border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14.5px;color:var(--ink2)}
.quote{font:italic 400 clamp(24px,2.6vw,34px)/1.35 var(--serif);max-width:900px;color:var(--ink)}
.fine{font-size:13px;color:var(--ink3)}
.window{border-radius:24px;overflow:hidden;position:relative;min-height:340px;background:#0a0c0e center/cover no-repeat;display:flex;align-items:flex-end;padding:28px}
.window:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,7,0) 30%,rgba(5,6,7,.8))}
.window>*{position:relative;z-index:1}
/* reveal: things arrive as you reach them */
.js .rv{opacity:0;transform:translateY(14px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.js .rv.in{opacity:1;transform:none}
/* the room (from v2): every question in one card */
.room{max-width:520px;padding:26px}
.room h3{font-size:28px}.room .url{font:500 13px var(--sans);color:var(--iris);margin-top:4px}
.room .ql{font:500 14px var(--sans);color:var(--ink2);margin:18px 0 0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chip{font:500 13.5px var(--sans);color:var(--ink);background:rgba(255,255,255,.05);border:1px solid var(--line2);border-radius:999px;padding:8px 13px;cursor:pointer;transition:all .25s}
.chip.on{background:var(--ink);color:#0b0d10;border-color:var(--ink)}
.room input{width:100%;font:15px var(--sans);color:var(--ink);background:rgba(255,255,255,.05);border:1px solid var(--line2);border-radius:12px;padding:11px 12px;margin-top:9px;outline:none}
.room .made{display:none;text-align:center}.room.work .form,.room.work .headl{display:none}.room.work .made{display:block}
.room .made fp-thinking{width:170px;margin:0 auto;display:block}.room .made h4{font:500 26px var(--serif);margin:8px 0 6px}.room .made p{color:var(--ink2);font-size:14.5px;margin:0}
footer{border-top:1px solid var(--line);padding:46px 5vw 60px;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;color:var(--ink3);font-size:14px;position:relative;z-index:2}
footer a{text-decoration:none;color:var(--ink2)}footer nav{display:flex;gap:18px;flex-wrap:wrap}
@media (max-width:900px){
 .bar nav a:not(.pill){display:none}.menu{display:inline-block}.bar.open nav{position:fixed;inset:64px 0 auto 0;flex-direction:column;align-items:flex-start;padding:20px 22px 26px;background:rgba(5,6,7,.94);border-bottom:1px solid var(--line)}
 .bar.open nav a{display:block}
 .hero{grid-template-columns:1fr;align-items:end;padding:110px 22px 50px;min-height:100dvh}.hero .copy{padding-top:44dvh}
 .sec{padding:80px 22px}.grid2,.grid3,.grid4,.split{grid-template-columns:1fr}.rows .r{grid-template-columns:1fr;gap:6px}
}

/* craft: transitions between pages, a skip link, visible focus, motion that respects the reader */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
.skip{position:absolute;left:-9999px;top:10px;z-index:100;background:var(--ink);color:#0b0d10;padding:10px 14px;border-radius:10px;font-weight:600}
.skip:focus{left:14px}
:focus-visible{outline:2px solid var(--iris);outline-offset:3px;border-radius:6px}
canvas{outline:none}
.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.95}
@media (prefers-reduced-motion:reduce){ .js .rv{opacity:1;transform:none;transition:none} html{scroll-behavior:auto} }
.who .card{display:flex;flex-direction:column}.who .card p{flex:1}.who .go{margin-top:18px}
.what{font:400 clamp(22px,2.3vw,30px)/1.45 var(--serif);max-width:980px;color:var(--ink)}
.what b{font-weight:500}.pillars{margin-top:34px}
.steps4{counter-reset:s}

/* ── v7 (2026-09-30): a living ground instead of flat black, film grain, editorial imagery, the way in ── */
body{background:
 radial-gradient(1400px 900px at 85% -10%,rgba(46,78,122,.22),transparent 60%),
 radial-gradient(1100px 800px at -10% 105%,rgba(128,86,52,.14),transparent 60%),
 linear-gradient(180deg,#07090d 0%,#090c11 50%,#07090d 100%);background-attachment:fixed}
body::after{content:"";position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.055;mix-blend-mode:overlay;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.split>div{background:rgba(9,12,17,.92)}
/* every 3D canvas lets the ground through: black is transparent under screen */
.hero canvas,.stage canvas,canvas.fx{mix-blend-mode:screen}
.hero{background:radial-gradient(900px 700px at 70% 45%,rgba(40,64,98,.20),transparent 65%)}
/* the way in (replaces "room") */
.bar nav a.pill .s{display:none}
@media (max-width:900px){ .bar nav a.pill .l{display:none} .bar nav a.pill .s{display:inline} }
/* big editorial imagery */
.plate{position:relative;min-height:88vh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.plate>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.06);transition:transform 2.4s var(--ease)}
.plate.in>img{transform:scale(1)}
.plate::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,9,13,.85) 0%,rgba(7,9,13,0) 22%,rgba(7,9,13,0) 45%,rgba(7,9,13,.82) 100%)}
.plate .in-copy{padding:0 5vw 9vh;max-width:1280px;margin:0 auto;width:100%}
.plate .in-copy h2{font-size:clamp(34px,4.4vw,66px);max-width:14em}
.plate .in-copy p{max-width:34em;color:var(--ink2);font-size:18px;margin:16px 0 0}
/* the window that opens as you scroll (from v2) */
.win{position:relative;height:190vh}
.win .stick{position:sticky;top:0;height:100dvh;overflow:hidden}
.win .pic{position:absolute;inset:0;background:center/cover no-repeat;clip-path:inset(var(--i,16%) calc(var(--i,16%)*1.5) var(--i,16%) round var(--rr,30px));will-change:clip-path}
.win .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,13,.35),rgba(7,9,13,0) 35%,rgba(7,9,13,.15) 60%,rgba(7,9,13,.75))}
.win .over{position:absolute;left:0;right:0;bottom:0;padding:0 5vw 10vh;opacity:var(--o,0);transform:translateY(calc((1 - var(--o,0))*24px))}
.win .over h2{font-size:clamp(36px,5vw,76px);max-width:13em}
.win .over p{color:var(--ink2);max-width:32em;font-size:18px}
/* glass, the v7 grade */
.glass2{background:linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.04) 42%,rgba(255,255,255,.07)),rgba(14,18,24,.5);
 border:1px solid rgba(255,255,255,.16);border-radius:26px;box-shadow:0 40px 100px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.04);
 -webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%)}
.big{font:500 clamp(40px,6.2vw,96px)/1.0 var(--serif);letter-spacing:-.025em;text-wrap:balance;margin:0}
.big em{font-style:italic;font-weight:400;color:var(--ink2)}
.eyebrow{font:500 12.5px var(--sans);color:var(--ink3)}
.demo-note{font:500 12.5px var(--sans);color:var(--ink3);margin-top:12px}

/* ── v8 type (2026-09-30, Daniel: "the titles still feel AI"): Newsreader Light, set large and tight like print; the
   italic turn keeps the ink colour (the grey second half was the generated-page signature) ── */
h1,h2,h3,.big{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;font-optical-sizing:auto}
h1{font-size:clamp(52px,6.9vw,118px);line-height:.94;letter-spacing:-.045em}
h2{font-size:clamp(38px,5vw,80px);line-height:.98;letter-spacing:-.038em}
h3{font-weight:400;letter-spacing:-.015em}
.big{font-size:clamp(46px,7.4vw,120px);line-height:.95;letter-spacing:-.045em}
h1 em,h2 em,h3 em,.big em{font-style:italic;font-weight:400;color:inherit}
.hero .copy h1{max-width:10.5em}
@media (max-width:700px){ h1{font-size:clamp(46px,13.5vw,60px)} h2{font-size:clamp(34px,9.6vw,44px)} .big{font-size:clamp(42px,12vw,56px)} }

/* ── v8 components: glass defined by light, never by boxes ──
   .lens   see-through glass; no border, a light edge only where the light falls (follows pointer / device tilt: --lx --ly)
   .lpill  a choice or button as a quiet glass pill with a slow ring of light; .on = chosen */
.lens{position:relative;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012));
 -webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%);box-shadow:0 30px 80px -30px rgba(0,0,0,.6);isolation:isolate;overflow:hidden}
.lens::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
 background:radial-gradient(420px 260px at var(--lx,30%) var(--ly,0%),rgba(255,255,255,.55),rgba(255,255,255,.08) 55%,rgba(255,255,255,.03));
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.lens::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
 background:radial-gradient(520px 320px at var(--lx,30%) var(--ly,0%),rgba(143,208,242,.10),transparent 60%),radial-gradient(400px 300px at calc(100% - var(--lx,30%)) 110%,rgba(226,178,138,.07),transparent 60%)}
.lpill{position:relative;display:inline-flex;align-items:center;gap:10px;font:500 15px var(--sans);color:var(--ink);padding:12px 20px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;
 background:rgba(255,255,255,.045);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background .5s var(--ease),transform .5s var(--ease),color .4s}
.lpill::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
 background:conic-gradient(from var(--ang,0deg),rgba(255,255,255,.08),rgba(143,208,242,.55),rgba(255,255,255,.08) 30%,rgba(226,178,138,.45) 60%,rgba(255,255,255,.08) 75%);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:lring 9s linear infinite}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes lring{to{--ang:360deg}}
.lpill:hover{background:rgba(255,255,255,.09)}.lpill.on{background:rgba(241,239,233,.94);color:#0b0d10}.lpill.on::before{opacity:0}
@media (prefers-reduced-motion:reduce){ .lpill::before{animation:none} }
.k+h1,.k+h2,.eyebrow+h1,.eyebrow+h2{margin-top:16px}
html,body{overflow-x:clip}

/* ── v9 type (2026-09-30 late, Daniel: "big and thin is not doing it; timeless, think Apple; something that reshapes an
   industry"): Inter at display optical size, semibold, tight; the second clause in quiet grey, upright (Apple's register).
   Tested against Inter 700 with a cyan-to-copper clause (kept for one moment at most) and Inter Tight. ── */
h1,h2,h3,.big{font-family:var(--serif);font-weight:600!important;font-style:normal;letter-spacing:-.035em;font-optical-sizing:auto}
h1{font-size:clamp(46px,6.6vw,104px);line-height:1.0}
h2{font-size:clamp(34px,4.3vw,66px);line-height:1.04;letter-spacing:-.032em}
h3{letter-spacing:-.02em;line-height:1.15}
.big{font-size:clamp(42px,6.2vw,98px);line-height:1.0}
h1 em,h2 em,h3 em,.big em{font-style:normal!important;font-weight:600!important;color:rgba(241,239,233,.46)!important}
.hero .copy h1{max-width:11em}
@media (max-width:700px){ h1{font-size:clamp(40px,11.4vw,50px)} h2{font-size:clamp(30px,8.6vw,38px)} .big{font-size:clamp(38px,10.6vw,48px)} }
.bar .wm{height:26px}
@media (max-width:700px){ .bar .wm{height:22px} }

/* ── v9 images grow out of the dark: a soft iris opening (Daniel: "maybe it grows into it"), shared by every .win and .plate.
   --r = the opening (0 to 1), set from scroll by site.js; the image sharpens and settles as it opens. ── */
.win .pic,.plate>img,.plate.in>img{clip-path:none!important;-webkit-mask-image:radial-gradient(circle at 50% 56%,#000 calc(var(--r,0) * 118% - 14%),transparent calc(var(--r,0) * 118%));
 mask-image:radial-gradient(circle at 50% 56%,#000 calc(var(--r,0) * 118% - 14%),transparent calc(var(--r,0) * 118%));
 transform:scale(calc(1.16 - var(--r,0) * .16));filter:saturate(calc(.55 + var(--r,0) * .45)) brightness(calc(.7 + var(--r,0) * .3));transition:none!important;will-change:transform,mask-image}
.plate::before{z-index:-1}
.plate .in-copy{opacity:calc(var(--r,0) * 1.6 - .5);transform:translateY(calc((1 - var(--r,0)) * 20px))}
@media (prefers-reduced-motion:reduce){ .win .pic,.plate>img{-webkit-mask-image:none;mask-image:none;transform:none;filter:none} .plate .in-copy{opacity:1;transform:none} }
.win .pic::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,9,13,.62) 0%,rgba(7,9,13,.25) 45%,rgba(7,9,13,0) 70%)}
.win .over{z-index:2}.win .over h2,.win .over p,.win .over .eyebrow,.plate .in-copy>*{text-shadow:0 2px 24px rgba(0,0,0,.55)}
.win .over .eyebrow,.plate .in-copy .eyebrow{color:rgba(241,239,233,.8)}

/* ── v14 header (Daniel 2026-10-01: logo in the centre, menu left, Enter right, super clean) ──
   site.js rebuilds the bar from its links: .b-l (menu + page links), the wordmark centred, .b-r (sign in + Enter);
   on phones the page links live in a glass sheet that opens from the menu. */
.bar.v14{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:calc(env(safe-area-inset-top) + 14px) 4vw 12px}
.bar.v14>nav,.bar.v14>.menu{display:none!important}
.bar.v14 .b-l{display:flex;align-items:center;gap:26px;justify-self:start}
.bar.v14 .b-r{display:flex;align-items:center;gap:18px;justify-self:end}
.bar.v14 .b-mid{justify-self:center;display:block;line-height:0}.bar.v14 .b-mid .wm{height:24px}
.bar.v14 a.lk{text-decoration:none;font:500 14px var(--sans);color:var(--ink2);transition:color .2s;position:relative}
.bar.v14 a.lk:hover,.bar.v14 a.lk.on{color:var(--ink)}
.bar.v14 a.lk.on::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:linear-gradient(90deg,var(--copper),var(--iris))}
.bar.v14 .b-enter{font:600 13.5px var(--sans);color:#0b0d10;background:var(--ink);border-radius:999px;padding:9px 16px;text-decoration:none;white-space:nowrap;transition:transform .3s var(--ease)}
.bar.v14 .b-enter:hover{transform:translateY(-1px)}
.bar.v14 .b-menu{display:none;width:40px;height:40px;margin-left:-8px;border:0;background:none;cursor:pointer;position:relative}
.bar.v14 .b-menu i{position:absolute;left:10px;right:10px;height:1.5px;border-radius:2px;background:var(--ink);transition:transform .4s var(--ease),top .4s var(--ease),opacity .3s}
.bar.v14 .b-menu i:nth-child(1){top:15px}.bar.v14 .b-menu i:nth-child(2){top:23px;right:16px}
.bar.v14.open .b-menu i:nth-child(1){top:19px;transform:rotate(45deg)}.bar.v14.open .b-menu i:nth-child(2){top:19px;right:10px;transform:rotate(-45deg)}
.b-sheet{position:fixed;inset:0;z-index:49;display:flex;flex-direction:column;justify-content:center;padding:90px 8vw 60px;gap:6px;
 background:rgba(7,9,13,.72);-webkit-backdrop-filter:blur(30px) saturate(150%);backdrop-filter:blur(30px) saturate(150%);opacity:0;pointer-events:none;transition:opacity .45s var(--ease)}
.b-sheet a{font:600 clamp(34px,9vw,52px)/1.15 var(--serif);letter-spacing:-.035em;color:var(--ink);text-decoration:none;opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.b-sheet a.sm{font:500 17px var(--sans);letter-spacing:0;color:var(--ink2);margin-top:22px}
.b-sheet a.on{color:var(--ink3)}
.bar.v14.open~.b-sheet,.b-sheet.open{opacity:1;pointer-events:auto}
.b-sheet.open a{opacity:1;transform:none}.b-sheet.open a:nth-child(2){transition-delay:.05s}.b-sheet.open a:nth-child(3){transition-delay:.1s}.b-sheet.open a:nth-child(4){transition-delay:.15s}.b-sheet.open a:nth-child(5){transition-delay:.2s}
@media (max-width:980px){ .bar.v14 .b-l a.lk,.bar.v14 .b-r a.lk{display:none} .bar.v14 .b-menu{display:block} .bar.v14 .b-mid .wm{height:21px} .bar.v14 .b-enter{padding:8px 14px} }
@media (min-width:981px){ .b-sheet{display:none} }

/* ── v14 titles first: the heading arrives, then what follows it ── */
.js .tf{opacity:0;transform:translateY(16px);filter:blur(6px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease),filter 1.1s var(--ease)}
.js .tf.in{opacity:1;transform:none;filter:none}
.js .tf-after{opacity:0;transform:translateY(10px);transition:opacity .9s var(--ease) .7s,transform .9s var(--ease) .7s}
.js .tf-after.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){ .js .tf,.js .tf-after{opacity:1;transform:none;filter:none;transition:none} }