/* TWV Media: work section styles. Shared by /work/ and every case study under it.
   Loaded after assets/twv-chrome.css. */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input,textarea,select{font:inherit}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.025em;line-height:1.08}
h1{font-size:clamp(2.35rem,4.7vw,4rem);font-weight:700;letter-spacing:-.046em}
h2{font-size:clamp(2rem,3.6vw,2.9rem)}
h3{font-size:1.22rem;letter-spacing:-.015em}
p{margin:0 0 1.1em}
.lede{font-family:var(--serif);font-size:1.24rem;line-height:1.58;color:#33353a}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:.74rem;font-weight:600;letter-spacing:.19em;text-transform:uppercase;color:var(--grey);margin:0 0 20px}
.eyebrow::before{content:"";width:2px;height:15px;background:var(--red);flex:none}
.crumb{padding-top:22px;font-size:.84rem;color:var(--grey)}
.crumb a{text-decoration:none;transition:color .15s}.crumb a:hover{color:var(--red)}.crumb span{margin:0 8px;color:#c5c1b8}
.hello{display:none;align-items:flex-start;gap:12px;margin:24px 0 0;padding:14px 18px;background:var(--white);border:1px solid var(--line);border-left:3px solid var(--red);border-radius:4px;max-width:610px;font-size:.94rem}
.hello.on{display:flex}.hello strong{font-weight:600;white-space:nowrap}.hello span{color:#4a4c51}
section{scroll-margin-top:90px}.hero{padding:38px 0 66px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center}.hero h1{max-width:16ch;margin-bottom:22px}.hero .lede{max-width:46ch;margin-bottom:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.hero-note{margin:18px 0 0;font-size:.86rem;color:var(--grey)}
.sec{padding:96px 0}.bg-white{background:var(--white)}.bg-stone{background:var(--stone)}.sec-head{max-width:790px;margin-bottom:48px}.sec-head h2{margin-bottom:18px}.sec-head>p:last-child{font-family:var(--serif);font-size:1.16rem;color:#505258;max-width:62ch}
/* steps, ways, faq, more, final */
.faq-list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;padding:22px 44px 22px 0;font-weight:600;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:8px;font-size:1.35rem;font-weight:400}
details[open] summary::after{content:"\2212"}
details p{max-width:78ch;color:#55575c;padding:0 44px 22px 0}
.disclaim{margin:34px 0 0;font-size:.82rem;color:var(--grey);max-width:78ch}
.more{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.more a{background:var(--white);padding:25px;text-decoration:none;display:grid;grid-template-columns:1fr auto;gap:7px}
.more a:hover{background:var(--paper)}.more em{color:var(--red);font-style:normal}.more small{grid-column:1/-1;color:var(--grey);line-height:1.45}
.final{background:var(--ink);color:#fff;padding:90px 0}
.final-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}
.final h2{margin-bottom:20px}.final p:not(.eyebrow){color:#bbbcc0}.final .eyebrow{color:#aaa}
.cal-card{display:block;background:#fff;color:var(--ink);text-decoration:none;border-radius:7px;overflow:hidden}
.cal-top{display:flex;justify-content:space-between;padding:21px 23px;border-bottom:1px solid var(--line)}
.cal-top small{display:block;color:var(--grey)}
.cal-badge{background:var(--paper);padding:5px 9px;font-size:.72rem;height:max-content}
.cal-body{padding:22px}.cal-month{font-weight:600;margin-bottom:12px}
.cal-dow,.cal-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}
.cal-dow{font-size:.68rem;color:var(--grey)}.cal-days span{padding:8px 2px;font-size:.82rem}
.cal-days .on{background:var(--red);color:#fff;border-radius:50%;width:34px;height:34px;margin:auto}
.cal-slots{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}
.cal-slots span{border:1px solid var(--line);padding:6px 9px;font-size:.72rem}.cal-slots .on{background:var(--ink);color:#fff}
.cal-foot{padding:15px 22px;background:var(--paper);display:flex;justify-content:space-between;font-weight:600;font-size:.86rem}
.cal-foot em{color:var(--red);font-style:normal}
/* the reveal only hides things once we know the script is running */
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}
.js .reveal.in{opacity:1;transform:none}
.hero .lede{max-width:44ch}
.hello{max-width:560px;margin:0 0 26px}
.hello.on{flex-direction:column;gap:2px}


/* =====================================================================
   WORK SECTION: /work/ and the case studies beneath it.
   The block above is the shared page base, copied from footer/index.html.
   Everything below is specific to the work pages.
   ===================================================================== */
.bg-paper{background:var(--paper)}
.bg-ink{background:var(--ink);color:#fff}
.hand{font-family:var(--hand);color:var(--red);font-size:1.5rem;line-height:1.1}

/* ---------- browser and phone frames ---------- */
.bf{background:var(--white);border:1px solid #d8d4cd;border-radius:10px;overflow:hidden;box-shadow:0 30px 70px rgba(20,22,26,.14)}
.bf-bar{display:flex;align-items:center;gap:7px;padding:10px 13px;background:var(--paper);border-bottom:1px solid var(--line)}
.bf-bar i{width:9px;height:9px;border-radius:50%;background:#d9d5ce;flex:none}
.bf-url{flex:1;min-width:0;margin-left:9px;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:4px 12px;font-size:.76rem;color:#6d6f74;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bf-url b{font-weight:600;color:var(--ink)}
.bf img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.pf{position:absolute;width:27%;right:-3%;bottom:-8%;border:6px solid #16181c;border-radius:26px;overflow:hidden;background:#16181c;box-shadow:0 26px 50px rgba(20,22,26,.3)}
.pf img{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:19px}
.shot{position:relative;margin:0 0 7% 0}

/* ---------- hub hero: a deck of live sites ---------- */
.deck{position:relative;aspect-ratio:16/13.2;margin:4% 0 0}
.deck .bf{position:absolute;left:0;right:8%;top:0;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .6s ease,filter .6s ease;transform-origin:50% 0}
.deck .bf[data-pos="0"]{transform:translate(0,22%) scale(1);z-index:3}
.deck .bf[data-pos="1"]{transform:translate(6%,10%) scale(.94);z-index:2;filter:brightness(.96)}
.deck .bf[data-pos="2"]{transform:translate(12%,-2%) scale(.88);z-index:1;filter:brightness(.92)}
.deck-next{display:grid;place-items:center;aspect-ratio:16/10;background:repeating-linear-gradient(135deg,var(--paper) 0 14px,#efece6 14px 28px)}
.deck-next span{font-family:var(--hand);font-size:clamp(1.3rem,3vw,2rem);color:var(--red);transform:rotate(-3deg);text-align:center;line-height:1.1}
.deck-note{position:absolute;left:-1%;bottom:-13%;z-index:4;font-family:var(--hand);font-size:1.55rem;color:var(--red);transform:rotate(-4deg);display:flex;align-items:flex-end;gap:6px;pointer-events:none}
.deck-note svg{width:46px;height:34px;fill:none;stroke:var(--red);stroke-width:2;stroke-linecap:round}
.deck-ctl{position:absolute;right:8%;bottom:-11%;z-index:4;display:flex;gap:6px}
.deck-ctl button{width:34px;height:4px;border:0;padding:0;background:#d6d2ca;cursor:pointer;border-radius:2px}
.deck-ctl button[aria-pressed="true"]{background:var(--red)}

/* ---------- proof finder ---------- */
.chips{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 16px}
.chip{font:inherit;font-size:.9rem;font-weight:500;padding:9px 16px;border-radius:40px;border:1.5px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.chip:hover{border-color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.chip small{font-size:.74rem;color:var(--grey);margin-left:6px}
.chip[aria-pressed="true"] small{color:#b9babd}
.finder-say{min-height:1.6em;margin:0 0 34px;font-family:var(--serif);font-size:1.1rem;color:#505258}
.finder-say strong{font-family:var(--sans);font-weight:600;color:var(--ink)}
.ventures{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
.vc{grid-column:span 4;position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;transition:opacity .35s ease,transform .35s ease,box-shadow .2s ease,filter .35s ease}
.vc.big{grid-column:span 4}
a.vc:hover{box-shadow:0 22px 50px rgba(20,22,26,.12);transform:translateY(-3px)}
.vc.dim{opacity:.28;filter:grayscale(1)}
.vc.hit{box-shadow:0 0 0 2px var(--red)}
.vc-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--stone);border-bottom:1px solid var(--line)}
.vc-img img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform 1.4s cubic-bezier(.22,1,.36,1)}
a.vc:hover .vc-img img{transform:scale(1.035)}
.vc-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:9px;flex:1}
.vc-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:.78rem;color:var(--grey)}
.vc h3{font-size:1.3rem}
.vc p{margin:0;color:#55575c;font-size:.95rem;line-height:1.5}
.vc-stat{font-size:.84rem;font-weight:600;margin-top:auto;padding-top:10px}
.vc-go{color:var(--red);font-weight:600;font-size:.9rem}
.badge{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:3px;background:var(--paper);color:var(--ink);white-space:nowrap}
.badge.live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red)}
.badge.soon{background:transparent;border:1px dashed #c9c4bb;color:var(--grey)}
.badge.sold{background:var(--ink);color:#fff}
.vc-plain .vc-img{display:grid;place-items:center;aspect-ratio:16/8;background:var(--tint,var(--stone));border-bottom:0;padding:0 16px}
.vc-mono{color:#fff;text-align:center;line-height:1;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.vc-plain:hover .vc-mono{transform:scale(1.04)}
.vc-mono small{display:block;margin-top:9px;font-size:.62rem;letter-spacing:.2em;font-weight:500;opacity:.75}
.wm-dating{font-weight:900;font-size:1.45rem;letter-spacing:-.03em;transform:skewX(-9deg);font-family:'Arial Black',var(--sans)}
.wm-dating i{font-size:.62em;font-weight:700;letter-spacing:0}
.wm-siett{font-family:'Cormorant Garamond',Georgia,serif;font-size:2rem;letter-spacing:.32em;font-weight:400;padding-left:.32em}
.wm-siett small{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;font-size:.52rem;font-weight:300}
.wm-lister{font-weight:700;font-size:1.3rem;letter-spacing:.02em}
.wm-lister small{border-top:1.5px solid rgba(255,255,255,.7);padding-top:7px;margin-top:7px}
.wm-ac{font-size:1.5rem;font-weight:400;letter-spacing:-.03em}
.wm-ac b{color:var(--red);font-weight:700}
.vc-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;background:var(--ink);border-color:var(--ink);color:#fff}
.vc-wide p{color:#b9babd}
.vc-wide .vc-top{color:#8d8f94}
.vc-wide .vc-body{padding:30px 34px}
.vc-wide-mark{position:relative;display:flex;align-items:center;justify-content:center;gap:28px;padding:24px;border-left:1px solid #2c3036;background:repeating-linear-gradient(135deg,#181a1f 0 14px,#1c1f24 14px 28px)}
.vc-wide-mark>span:first-child{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;letter-spacing:-.04em;color:#fff}
.vc-wide-mark em{font-style:normal;color:#8d8f94;font-weight:400}
.vc-wide-mark .stamp-sold{position:static;flex:none;width:96px;height:96px;background:transparent;font-size:.86rem;border-width:3px}
.vc-wide .badge.sold{background:var(--red)}
.stamp-sold{position:absolute;right:18px;top:18px;width:84px;height:84px;border:2.5px solid var(--red);border-radius:50%;display:grid;place-items:center;color:var(--red);font-weight:700;letter-spacing:.16em;font-size:.78rem;transform:rotate(-12deg);background:rgba(255,255,255,.6)}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.tags span{font-size:.72rem;color:var(--grey);border:1px solid var(--line);padding:2px 8px;border-radius:20px}

/* ---------- rules / principles ---------- */
.rules{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.rules div{background:var(--white);padding:28px}
.rules b{display:block;font-size:1.05rem;margin-bottom:8px}
.rules p{margin:0;color:#55575c;font-size:.96rem}
.two{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}

/* ---------- sold band ---------- */
.sold{position:relative;overflow:hidden}
.sold-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.sold h2{margin-bottom:20px}
.sold p{color:#bbbcc0}
.sold .eyebrow{color:#aaa}
.deed{position:relative;background:#1c1f24;border:1px solid #2c3036;border-radius:8px;padding:34px 32px}
.deed dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:12px 22px;font-size:.93rem}
.deed dt{color:#8d8f94}
.deed dd{margin:0;color:#e9e7e3}
.deed-name{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:700;letter-spacing:-.04em;color:#fff;margin:0 0 22px}
.deed-name em{font-style:normal;color:#8d8f94;font-weight:400}
.deed .stamp-sold{top:-22px;right:-14px;width:112px;height:112px;font-size:1rem;background:transparent;border-width:3px;opacity:0}
.deed.in .stamp-sold,.no-js .deed .stamp-sold{animation:thump .5s cubic-bezier(.3,1.6,.5,1) .5s forwards}
@keyframes thump{0%{opacity:0;transform:rotate(-12deg) scale(1.9)}100%{opacity:1;transform:rotate(-12deg) scale(1)}}

/* ---------- case study hero ---------- */
.cs-hero{padding:34px 0 90px}
.cs-hero .hero-grid{grid-template-columns:1fr 1.05fr;align-items:center}
.cs-hero h1{max-width:15ch}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:30px 0 28px;font-size:.88rem}
.facts div{background:var(--white);padding:13px 16px}
.facts dt{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);margin-bottom:3px}
.facts dd{margin:0;font-weight:500}
.owned{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;color:var(--grey);margin:0 0 18px}
.owned::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}

/* ---------- numbers band ---------- */
.nums{padding:70px 0}
.nums-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.nums-grid div{padding:6px 28px;border-left:1px solid #33363c}
.nums-grid div:first-child{border-left:0;padding-left:0}
.num{display:block;font-size:clamp(2.4rem,4.6vw,3.6rem);font-weight:700;letter-spacing:-.05em;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.num em{font-style:normal;color:var(--red)}
.nums-grid small{display:block;margin-top:10px;color:#a9aaae;font-size:.9rem;line-height:1.4}
.nums-note{margin:34px 0 0;font-size:.8rem;color:#8d8f94}

/* ---------- story prose ---------- */
.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.story .prose p{font-family:var(--serif);font-size:1.16rem;line-height:1.65;color:#33353a}
.story .prose p:first-child::first-letter{float:left;font-family:var(--sans);font-weight:700;font-size:3.4em;line-height:.9;margin:.06em .09em 0 0;color:var(--red)}
.pull{margin:30px 0 0;padding:24px 26px;background:var(--white);border-left:3px solid var(--red);font-family:var(--serif);font-style:italic;font-size:1.2rem;line-height:1.5;color:#33353a}
.pull cite{display:block;margin-top:10px;font-style:normal;font-family:var(--sans);font-size:.8rem;color:var(--grey)}

/* ---------- workstreams ---------- */
.streams{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:ws}
.ws{position:relative;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:30px 28px 24px;display:flex;flex-direction:column;counter-increment:ws;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,border-color .25s ease}
.ws::before{content:counter(ws,decimal-leading-zero);position:absolute;right:16px;top:2px;font-size:4.6rem;font-weight:700;letter-spacing:-.05em;line-height:1;color:var(--ink);opacity:.055;pointer-events:none;transition:opacity .25s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.ws::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--red);transform-origin:left center;transition:transform .7s cubic-bezier(.22,1,.36,1) .12s}
.js .ws:not(.in)::after{transform:scaleX(0)}
.ws:hover{transform:translateY(-4px);box-shadow:0 26px 54px rgba(20,22,26,.13);border-color:#ded9d1}
.ws:hover::before{opacity:.1;transform:translateY(-2px)}
.ws-ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);margin-bottom:20px;transition:background .25s ease,border-color .25s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.ws-ico svg{width:25px;height:25px;fill:none;stroke:var(--red);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s ease}
.ws:hover .ws-ico{background:var(--red);border-color:var(--red);transform:translateY(-2px) rotate(-4deg)}
.ws:hover .ws-ico svg{stroke:#fff}
.ws h3{margin-bottom:12px;font-size:1.22rem;max-width:22ch}
.ws p{color:#55575c;font-size:.96rem;margin:0 0 16px}
.ws-links{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px 16px;padding-top:14px;border-top:1px solid var(--line)}
.ws-links a{font-size:.86rem;font-weight:600;text-decoration:none;color:var(--ink);transition:color .2s}
.ws-links a::after{content:" \2192";color:var(--red);display:inline-block;transition:transform .2s}
.ws-links a:hover{color:var(--red)}
.ws-links a:hover::after{transform:translateX(3px)}
.streams .ws:nth-child(2){transition-delay:.05s}
.streams .ws:nth-child(3){transition-delay:.1s}
.streams .ws:nth-child(5){transition-delay:.05s}
.streams .ws:nth-child(6){transition-delay:.1s}

/* brand marks on the numbers band */
.nums-mark{display:flex;align-items:center;gap:14px;margin:0 0 32px;min-height:64px}
.nums-mark img{height:44px;width:auto;opacity:.95}
.nums-mark .ol-word{font-weight:900;font-size:1.9rem;letter-spacing:-.035em;color:#fff}
.nums-mark .slotlogo{height:62px;width:auto;max-width:300px}
.nums-mark small{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#8d8f94;padding-left:16px;border-left:1px solid #33363c}

/* ---------- gallery ---------- */
.gallery{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,44%);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 22px;scrollbar-width:thin}
.gallery figure{margin:0;scroll-snap-align:start}
.gallery figcaption{margin-top:14px;font-size:.9rem;color:#55575c}
.gallery figcaption b{color:var(--ink);font-weight:600}

/* ---------- takeaways ---------- */
.takes{display:grid;grid-template-columns:repeat(2,1fr);gap:0 60px;border-top:1px solid var(--line)}
.takes div{padding:28px 0;border-bottom:1px solid var(--line)}
.takes b{display:block;font-size:1.1rem;margin-bottom:8px}
.takes p{margin:0;color:#55575c}

/* ---------- next case ---------- */
.nextcase{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--white);border:1px solid var(--line);border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s}
.nextcase:hover{box-shadow:0 22px 50px rgba(20,22,26,.12)}
.nextcase-copy{padding:40px}
.nextcase-copy h3{font-size:1.7rem;margin:0 0 12px}
.nextcase-copy p{color:#55575c}
.nextcase img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;min-height:260px}
.back-all{display:inline-block;margin-top:22px;font-weight:600;text-decoration:none}
.back-all:hover{color:var(--red)}

/* ---------- lab shell shared by both signature tools ---------- */
.lab{background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 30px 70px rgba(20,22,26,.08)}
.lab-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid var(--line);background:var(--paper);font-size:.84rem}
.lab-head strong{font-size:.92rem}
.lab-head span{color:var(--grey)}
.lab-body{display:grid;grid-template-columns:.85fr 1.15fr}
.lab-list{border-right:1px solid var(--line);padding:10px}
.lab-list button{display:grid;grid-template-columns:1fr auto;gap:2px 10px;width:100%;text-align:left;font:inherit;background:none;border:0;border-radius:6px;padding:12px 14px;cursor:pointer;color:var(--ink);transition:background .15s}
.lab-list button:hover{background:var(--paper)}
.lab-list button[aria-pressed="true"]{background:var(--ink);color:#fff}
.lab-list code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lab-list small{grid-column:1/-1;font-size:.78rem;color:var(--grey)}
.lab-list button[aria-pressed="true"] small{color:#a9aaae}
.lab-list .who{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--grey);align-self:center}
.lab-list button[aria-pressed="true"] .who{color:#a9aaae}
.lab-main{padding:26px 28px 28px;min-width:0}

/* onlinelad: which layer answers */
.layers{display:grid;gap:12px}
.ly-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ly{border:1.5px solid var(--line);border-radius:7px;padding:14px 16px;font-size:.88rem;transition:border-color .3s,background .3s,opacity .3s,transform .3s}
.ly b{display:block;font-size:.95rem;margin-bottom:3px}
.ly span{color:var(--grey);font-size:.82rem;line-height:1.4;display:block}
.ly-top{text-align:center;background:var(--paper)}
.ly-arrow{height:22px;position:relative}
.ly-arrow::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--line);transform:translateX(-50%);transition:background .3s}
.ly-arrow.on::before{background:var(--red)}
.ly-row .ly{opacity:.45}
.ly-row .ly.on{opacity:1;border-color:var(--red);background:#fdf5f6;transform:translateY(-2px)}
.ly-shared{border-style:dashed;background:var(--paper);opacity:1}
.ly-shared ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ly-shared li{font-size:.76rem;background:var(--white);border:1px solid var(--line);padding:3px 9px;border-radius:20px}
.readout{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.readout h4{font-size:1.05rem;margin:0 0 8px}
.readout p{margin:0;color:#55575c;font-size:.95rem}
.readout .ro-tag{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:8px}

/* slot uk: migration desk */
.term{background:#101216;color:#c9cbd0;border-radius:8px;padding:18px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.75;min-height:13.5em;overflow-x:auto;white-space:pre}
.term .c{color:#6b6e75}.term .r{color:#ff6b78}.term .g{color:#7fd3a0}.term .y{color:#e8c872}
.term .cur{display:inline-block;width:.55em;height:1.05em;background:#c9cbd0;vertical-align:-.15em;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.checks{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.checks li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:.9rem;color:#9a9ba0;transition:color .3s}
.checks li::before{content:"";width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line);margin-top:2px;transition:background .3s,border-color .3s}
.checks li.ok{color:var(--ink)}
.checks li.ok::before{background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.6L13 6.6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;border-color:var(--red)}
.checks li.skip{color:#9a9ba0;text-decoration:line-through}
.desk-run{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.desk-run span{font-size:.84rem;color:var(--grey)}

/* slot uk: review anatomy pins */
.anat{display:grid;grid-template-columns:1.35fr .65fr;gap:34px;align-items:start}
.anat-shot{position:relative}
.pin{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:0;background:var(--red);color:#fff;font:600 .8rem var(--sans);cursor:pointer;box-shadow:0 0 0 5px rgba(209,26,42,.25);z-index:2;transition:transform .15s}
.pin:hover,.pin[aria-pressed="true"]{transform:scale(1.14)}
.pin[aria-pressed="true"]{background:var(--ink);box-shadow:0 0 0 5px rgba(20,22,26,.2)}
.js .pin:not([aria-pressed="true"]){animation:pulse 2.4s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(209,26,42,.5)}70%{box-shadow:0 0 0 12px rgba(209,26,42,0)}100%{box-shadow:0 0 0 0 rgba(209,26,42,0)}}
.anat-list{list-style:none;margin:0;padding:0;counter-reset:pn;border-top:1px solid var(--line)}
.anat-list li{counter-increment:pn;padding:16px 0 16px 42px;border-bottom:1px solid var(--line);position:relative;font-size:.93rem;color:#55575c;transition:background .2s}
.anat-list li::before{content:counter(pn);position:absolute;left:0;top:15px;width:26px;height:26px;border-radius:50%;background:var(--stone);color:var(--ink);font-weight:600;font-size:.78rem;display:grid;place-items:center}
.anat-list li b{display:block;color:var(--ink);margin-bottom:3px}
.anat-list li.on::before{background:var(--red);color:#fff}
.anat-list li.on b{color:var(--red)}
.safe{margin:30px 0 0;padding:18px 20px;background:var(--white);border:1px solid var(--line);border-radius:6px;font-size:.86rem;color:#55575c;display:flex;gap:14px;align-items:flex-start}
.safe strong{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid var(--ink);font-size:.8rem}

/* ---------- responsive ---------- */
@media(max-width:1000px){
  .ventures{grid-template-columns:repeat(2,1fr)}
  .vc,.vc.big{grid-column:span 1}
  .vc-wide{grid-column:1/-1}
  .streams{grid-template-columns:1fr 1fr}
  .nums-grid{grid-template-columns:1fr 1fr;gap:34px 0}
  .nums-grid div:nth-child(3){border-left:0;padding-left:0}
  .lab-body{grid-template-columns:1fr}
  .lab-list{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:4px}
  .anat{grid-template-columns:1fr}
}
@media(max-width:900px){
  .hero-grid,.cs-hero .hero-grid,.final-grid,.story,.two,.sold-grid,.nextcase{grid-template-columns:1fr}
  .hero-grid{gap:44px}.story,.two,.sold-grid{gap:34px}
  .more{grid-template-columns:1fr 1fr}
  .deck{margin:0 4% 12%}
}
@media(max-width:600px){
  body{font-size:16px}.hero,.cs-hero{padding-top:26px}.hero h1,.cs-hero h1{font-size:2.3rem}.sec{padding:70px 0}.final{padding:70px 0}
  .ventures,.streams,.rules,.takes,.facts,.more,.vc-wide{grid-template-columns:1fr}
  .vc-wide-mark{min-height:150px;border-left:0;border-top:1px solid #2c3036}
  .lab-list{grid-template-columns:1fr}
  .lab-main{padding:20px}
  .ly-row{grid-template-columns:1fr}
  .gallery{grid-auto-columns:86%}
  .nextcase-copy{padding:28px}
  .nums-grid div{padding:0 0 0 18px}.nums-grid div:nth-child(odd){padding-left:0;border-left:0}
  .pin{width:24px;height:24px;margin:-12px 0 0 -12px;font-size:.7rem}
  .deed{padding:28px 22px}.deed .stamp-sold{width:88px;height:88px;right:-6px;top:-30px;font-size:.8rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ws,.ws::after,.ws-ico{transition:none}
  .ws::after{transform:scaleX(1)}
  .js .reveal{opacity:1;transform:none;transition:none}
  .deck .bf,.vc,.vc-img img,.ly,.checks li{transition:none}
  .deed .stamp-sold{animation:none!important;opacity:1}
  .js .pin:not([aria-pressed="true"]){animation:none}
  .term .cur{animation:none}
}
.edit{background:#FBECEE;box-shadow:inset 0 -2px 0 #EDC4C9;padding:0 3px;border-radius:2px}
.bg-ink .edit,.nums .edit,.sold .edit{background:rgba(251,236,238,.14);box-shadow:inset 0 -2px 0 rgba(237,196,201,.5)}
.bf-pins{position:relative}
.cs-hero h1{margin-bottom:24px}
.cs-hero .lede{margin-bottom:0}
@media(max-width:600px){
  .deck{margin:6% 0 16%}
  .deck-note{font-size:1.3rem;bottom:-15%}
  .vc-wide-mark{gap:16px;flex-wrap:wrap}
  .vc-wide-mark .stamp-sold{width:70px;height:70px;font-size:.7rem}
}
@media(max-width:600px){
  .lab-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:6px;padding:10px}
  .lab-list button{flex:0 0 78%;scroll-snap-align:start;border:1px solid var(--line)}
  .pf{width:30%;right:-2%}
}

/* two deeds side by side in the sold band */
.deeds{display:grid;gap:20px}
.deed+.deed{margin-top:0}
.deeds .deed .stamp-sold{top:-18px;right:-10px;width:92px;height:92px;font-size:.84rem}
.deed.in .stamp-sold{animation-delay:calc(.45s + var(--i,0)*.35s)}
.vc-wide-mark>span:first-child{line-height:1.15;text-align:center}
@media(max-width:900px){.deeds{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.deeds{grid-template-columns:1fr}}
/* the dating year strip */
.yr{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-bottom:22px}
.yr span{display:grid;place-items:center;padding:10px 0;border-radius:5px;background:var(--paper);color:var(--grey);font-size:.8rem;transition:background .3s,color .3s}
.yr span em{font-style:normal;font-weight:600}
.yr span small{display:none;font-size:.62rem}
.yr span.on{background:var(--red);color:#fff}
.yr-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin:18px 0 0;font-size:.92rem}
.yr-dl dt{color:var(--grey)}
.yr-dl dd{margin:0}
@media(max-width:600px){.yr{grid-template-columns:repeat(6,1fr)}.yr-dl{grid-template-columns:1fr;gap:2px 0}.yr-dl dd{margin-bottom:10px}}
/* small fact cards and bar rows, shared with the audit page */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:8px}
.bg-white .card{background:var(--paper)}
.card .k{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.card b{font-size:1.08rem;line-height:1.3;color:var(--ink)}
.card p{margin:0;color:#55575c;font-size:.94rem}
.bars{display:grid;gap:14px}
.bar-row{display:grid;grid-template-columns:1fr auto;gap:4px 14px;font-size:.92rem}
.bar-row .tr{grid-column:1/-1;height:8px;background:var(--stone);border-radius:5px;overflow:hidden}
.bg-white .bar-row .tr{background:var(--paper)}
.bar-row .tr i{display:block;height:100%;background:var(--ink);border-radius:5px;width:0;transition:width 1s cubic-bezier(.22,1,.36,1)}
.bar-row b{font-variant-numeric:tabular-nums}
.sold .hand{color:#ff6b78}
@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.bar-row .tr i{transition:none}}