@font-face { font-family: 'Barlow Condensed'; src: url('/assets/fonts/BarlowCondensed-ExtraBold.woff2'); font-weight: 800; font-display: swap; }
@font-face { font-family: 'Barlow Condensed'; src: url('/assets/fonts/BarlowCondensed-Bold.woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Barlow'; src: url('/assets/fonts/Barlow-Regular.woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Barlow'; src: url('/assets/fonts/Barlow-Medium.woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Barlow'; src: url('/assets/fonts/Barlow-Bold.woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Source Serif 4'; src: url('/assets/fonts/SourceSerif4-Italic.woff2'); font-weight: 400; font-display: swap; }
:root{--ink:#0D0D12;--ink-2:#16161D;--card:#FFFFFF;--card-text:#0D0D12;--paper:#F3EFE6;--white:#FFFFFF;--accent:#D7FF3D;--accent-2:#C4B5FF;--italic-light:#7B61FF;--emphasis:#D7FF3D;--emphasis-light:#E6368F;--band-left:#7B61FF;--band-centre:#19D3C5;--band-right:#FF4FA3;--badge-ok:#19C37D;--badge-no:#FF4F4F;--led-bg:#D7FF3D;--led-text:#0D0D12;--muted:#8C8A93;--scale:1.0;--title-scale:1.35;--title-weight:800;--headline-weight:500;--tracking:0.0em;--border:6px;--radius:0px;--chip-radius:0px;--shadow-offset:12px;--shadow-blur:0px;--shadow-opacity:1;--tilt:3deg;--stripe:30px;--grain:0;--glow:0;--img-contrast:1.2;--img-radius:0px;--progress-h:8px;--progress-r:0px;--shadow-css:12px 12px 0px rgba(0,0,0,1);--font-display:'Barlow Condensed', 'Bahnschrift SemiBold Condensed', 'Bahnschrift Condensed', Impact, sans-serif;--font-body:'Barlow', 'Bahnschrift', 'Segoe UI', Arial, sans-serif;--font-accent:'Source Serif 4', Georgia, 'Palatino Linotype', serif;--img-tint:#7B61FF;--caps:uppercase}

*{box-sizing:border-box;margin:0;padding:0}
body{background:#0b0b0d}
.slide{position:relative;width:1080px;height:1350px;overflow:hidden;font-family:var(--font-body);color:var(--fg);background:var(--bg);
  --bg:var(--ink);--fg:var(--white);--sub:var(--muted);--card-bg:var(--card);--card-fg:var(--card-text);--gc:var(--accent-2);--line:color-mix(in srgb,var(--white) 16%,var(--bg))}
.slide.light{--bg:var(--paper);--fg:var(--ink);--sub:#55525c;--card-bg:var(--white);--card-fg:var(--ink);--line:color-mix(in srgb,var(--ink) 16%,var(--bg))}
.slide.accent{--bg:var(--accent);--fg:var(--ink);--sub:#3b4012;--card-bg:var(--card);--card-fg:var(--card-text);--line:color-mix(in srgb,var(--ink) 24%,var(--bg))}
.slide.bandfill{--fg:var(--ink);--sub:color-mix(in srgb,var(--ink) 78%,var(--bg));--line:color-mix(in srgb,var(--ink) 28%,var(--bg))}
.slide.bandfill.band-left{--bg:var(--band-left)}.slide.bandfill.band-centre{--bg:var(--band-centre)}.slide.bandfill.band-right{--bg:var(--band-right)}
.slide.bandfill .bgfx{display:none}
.slide.band-left{--gc:var(--band-left)}.slide.band-centre{--gc:var(--band-centre)}.slide.band-right{--gc:var(--band-right)}
.bgfx{position:absolute;inset:0;pointer-events:none;opacity:var(--glow);z-index:0;
  background:radial-gradient(circle at 92% -6%,var(--gc) 0,transparent 52%),radial-gradient(circle at -8% 108%,var(--accent-2) 0,transparent 46%)}
.slide.band-left .bgfx,.slide.band-centre .bgfx,.slide.band-right .bgfx{opacity:calc(var(--glow)*1.9)}
.grain{position:absolute;inset:0;pointer-events:none;opacity:var(--grain);mix-blend-mode:overlay;z-index:50;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='300' height='300' filter='url(%23n)'/></svg>")}
.t{font-family:var(--font-display);font-weight:var(--title-weight);text-transform:var(--caps);letter-spacing:var(--tracking);line-height:1.02}
.t .a{font-family:var(--font-accent);font-style:italic;font-weight:400;text-transform:none;color:var(--accent-2);letter-spacing:0;font-size:1.06em;margin-right:.14em}
.slide.light .t .a{color:var(--italic-light)}
.slide.accent .t .a,.slide.bandfill .t .a{color:var(--ink)}
.t .e{color:var(--emphasis)}.slide.light .t .e,.slide.accent .t .e{color:var(--emphasis-light)}.slide.bandfill .t .e{color:var(--white)}
.sub{font-size:calc(31px*var(--scale));font-weight:400;color:var(--fg);line-height:1.3}
.chev{display:inline-block;vertical-align:-.16em;width:1.15em;height:1.15em;color:var(--accent);margin-left:.25em}
/* chrome */
.top{position:absolute;top:46px;left:64px;right:64px;display:flex;justify-content:space-between;align-items:center;z-index:20}
.mark{display:flex;align-items:center;gap:10px}
.bars{display:flex;gap:4px}.bars i{display:block;width:calc(var(--stripe)*.36);height:30px;transform:skewX(-10deg);border-radius:2px}
.bars i:nth-child(1){background:var(--band-left)}.bars i:nth-child(2){background:var(--band-centre)}.bars i:nth-child(3){background:var(--band-right)}
.mark b{font-family:var(--font-display);font-weight:var(--title-weight);font-size:calc(25px*var(--scale));letter-spacing:.14em}
.count{font-size:calc(25px*var(--scale));color:var(--sub);font-weight:600;letter-spacing:.06em}
.progress{position:absolute;top:96px;left:64px;right:64px;display:flex;gap:6px;z-index:20}
.progress i{flex:1;height:var(--progress-h);border-radius:var(--progress-r);background:color-mix(in srgb,var(--fg) 24%,var(--bg))}.progress i.on{background:var(--accent)}
.slide.light .progress i.on,.slide.accent .progress i.on,.slide.bandfill .progress i.on{background:var(--ink)}
[data-progress="0"] .progress{display:none}[data-numbers="0"] .count{display:none}
.cue{position:absolute;bottom:56px;right:64px;z-index:20;display:flex;align-items:center;gap:12px;font-size:calc(29px*var(--scale));color:var(--fg);font-weight:500}
.cue svg{width:46px;height:46px;color:var(--accent)}
[data-cue="pill"] .cue{background:var(--accent);color:var(--ink);padding:14px 28px;border-radius:var(--chip-radius);font-weight:700;box-shadow:var(--shadow-css);border:var(--border) solid var(--ink)}
[data-cue="pill"] .cue svg{color:var(--ink);width:36px;height:36px}
.main{position:absolute;left:64px;right:64px;top:140px;bottom:140px;display:flex;flex-direction:column;z-index:10}
/* pills, stickers, cards */
.chip{display:inline-block;padding:5px 18px;border-radius:var(--chip-radius);font-weight:600;font-size:calc(23px*var(--scale));line-height:1.25;
  background:#dcdce2;color:#0d0d12;border:calc(var(--border)*.4) solid var(--ink);white-space:nowrap}
.chip.bl,.bl .chip{background:var(--band-left)}.chip.bc,.bc .chip{background:var(--band-centre)}.chip.br,.br .chip{background:var(--band-right)}
.chip.dark{background:var(--ink-2);color:var(--white)}
.slide.bandfill .chip{background:var(--ink);color:var(--white)}.chip.yel{background:var(--accent);color:#17171a}
.sticker{display:inline-block;align-self:flex-start;background:var(--accent);color:#17171a;font-weight:700;padding:10px 24px;border-radius:var(--chip-radius);
  transform:rotate(calc(var(--tilt)*-1));box-shadow:var(--shadow-css);font-size:calc(30px*var(--scale));border:var(--border) solid var(--ink)}
.card{background:var(--card-bg);color:var(--card-fg);border:var(--border) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-css);position:relative}
.badge{position:absolute;top:-16px;right:20px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;
  box-shadow:3px 3px 0 var(--ink);border:3px solid var(--ink)}
.badge svg{width:26px;height:26px}.badge.ok{background:var(--badge-ok)}.badge.no{background:var(--badge-no)}.badge.q{background:var(--accent)}.badge.clock{background:var(--accent-2)}.badge.quote{background:var(--accent-2)}
.badge.q svg,.badge.clock svg,.badge.quote svg{color:#17171a}.badge svg{color:#fff}
.meter{display:flex;gap:5px;align-items:center;margin-top:14px;flex-wrap:wrap}.meter i{width:16px;height:16px;border-radius:50%;background:var(--line)}
.meter i.on{background:var(--badge-ok)}.meter em{font-style:normal;font-weight:600;margin-left:10px;font-size:calc(23px*var(--scale));color:var(--sub)}
/* hero (photo or brand motif) */
.hero{position:absolute;overflow:hidden;background:var(--img-tint)}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(var(--img-contrast));mix-blend-mode:multiply}
[data-img-mode="color"] .hero img{filter:contrast(var(--img-contrast))}
.hero .tint,.hero .dots,.hero .shade{display:none}
[data-img-mode="mono"] .hero,[data-img-mode="color"] .hero{background:#fff}
[data-img-mode="color"] .hero img{filter:contrast(var(--img-contrast));mix-blend-mode:normal}
.motif{position:absolute;inset:0;overflow:hidden;background:var(--ink-2)}
.motif i{position:absolute;top:-10%;bottom:-10%;width:40%;transform:skewX(-12deg)}
.motif i:nth-child(1){left:-6%;background:var(--band-left)}.motif i:nth-child(2){left:30%;background:var(--band-centre)}.motif i:nth-child(3){left:66%;background:var(--band-right)}
.credit{font-size:20px;line-height:1.3;color:var(--sub);z-index:15}
.rep-tag{display:inline-block;background:var(--ink);color:var(--accent);font-weight:700;font-size:calc(20px*var(--scale));letter-spacing:.08em;padding:6px 14px;border-radius:var(--chip-radius)}
.unlicensed{position:absolute;left:0;top:300px;z-index:60;background:#ff2a2a;color:#fff;font-weight:900;font-size:26px;padding:8px 20px;transform:rotate(-90deg) translate(-100%,0);transform-origin:top left}
/* ---- cover ---- */
.cv .kick{font-family:var(--font-accent);font-style:italic;color:var(--accent-2);font-size:calc(54px*var(--scale));line-height:1;margin-bottom:6px}
.cv h1{font-size:calc(92px*var(--scale)*var(--title-scale))}.cv .sub{margin-top:18px}
.tickets{display:flex;flex-direction:column;gap:14px}
.ticket{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 22px 16px;background:var(--card-bg);color:var(--card-fg);border-radius:calc(var(--radius)*.8);
  box-shadow:var(--shadow-css);border:var(--border) solid var(--ink);position:relative;overflow:hidden}
.ticket:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--gc2,var(--band-left))}
.ticket.bl{--gc2:var(--band-left)}.ticket.bc{--gc2:var(--band-centre)}.ticket.br{--gc2:var(--band-right)}
.ticket p{font-size:calc(29px*var(--scale));font-weight:var(--headline-weight);line-height:1.14;padding-left:6px}
.ticket .chip{margin-left:6px}
.stats{display:flex;gap:16px;margin-top:26px}.stat{background:var(--card-bg);color:var(--card-fg);border-radius:calc(var(--radius)*.8);padding:16px 26px;box-shadow:var(--shadow-css);
  border:var(--border) solid var(--ink)}
.stat b{display:block;font-family:var(--font-display);font-weight:var(--title-weight);font-size:calc(66px*var(--scale));line-height:1}
.stat span{font-size:calc(22px*var(--scale));font-weight:600;letter-spacing:.06em;color:#55525c;text-transform:uppercase}
.stamp{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;background:var(--card-bg);color:var(--card-fg);padding:10px 22px;border-radius:var(--chip-radius);
  font-weight:700;font-size:calc(26px*var(--scale));letter-spacing:.06em;box-shadow:var(--shadow-css)}.stamp i{width:14px;height:14px;border-radius:50%;background:var(--emphasis)}
/* variant: photo_card */
.cv.v-photo_card .hero{left:64px;right:64px;top:128px;height:410px;border-radius:var(--img-radius);box-shadow:var(--shadow-css)}
.cv.v-photo_card.no-items .hero{height:640px}
.cv.v-photo_card .hero .tagpos{position:absolute;left:22px;bottom:20px;z-index:5}
.cv.v-photo_card .hero .reppos{position:absolute;right:22px;top:20px;z-index:5}
.cv.v-photo_card .main{top:560px;bottom:132px}.cv.v-photo_card.no-items .main{top:792px}
.cv.v-photo_card .tickets{margin-top:22px}.cv.v-photo_card h1{font-size:calc(80px*var(--scale))}
.cv.v-photo_card .credit{position:absolute;left:auto;right:64px;top:542px;bottom:auto;width:auto;max-width:640px;text-align:right;font-size:17px}
.cv.v-photo_card.no-items .credit{top:772px}
/* variant: photo_top (full-bleed across the top) */
.cv.v-photo_top .hero{left:0;right:0;top:0;height:650px}
.cv.v-photo_top .kick{background:var(--accent);color:var(--ink);display:inline-block;align-self:flex-start;padding:2px 16px 4px;margin-bottom:12px}
.cv.v-photo_top h1{background:var(--ink);color:var(--white);display:inline-block;align-self:flex-start;padding:8px 24px 14px;box-shadow:var(--shadow-css)}
.cv.v-photo_top .sub{background:var(--ink);display:inline-block;align-self:flex-start;padding:8px 18px;margin-top:16px}
.cv.v-photo_top .top .mark,.cv.v-photo_top .top .count{background:var(--ink);color:var(--white);padding:6px 14px}
.cv.v-photo_top .main{top:340px;bottom:132px}.cv.v-photo_top h1{font-size:calc(84px*var(--scale))}
.cv.v-photo_top .tagpos{position:absolute;left:64px;top:128px;z-index:12}.cv.v-photo_top .reppos{position:absolute;right:64px;top:128px;z-index:12}
.cv.v-photo_top .tickets{margin-top:18px}.cv.v-photo_top .credit{position:absolute;left:64px;bottom:50px;width:360px}
/* variant: type (no photo: typography and the split motif carry it) */
.cv.v-type .motif.m-blocks{inset:auto 0 0 0;height:520px;border-radius:0}
.cv.v-type .main{top:150px;bottom:132px}.cv.v-type h1{font-size:calc(118px*var(--scale));line-height:.98}.cv.v-type .tickets{margin-top:auto}
.cv.v-type .tagpos{position:static;margin-bottom:26px}.cv.v-type .reppos{display:none}.cv.v-type .credit{display:none}
/* ---- facts ---- */
.fx h2{font-size:calc(84px*var(--scale)*var(--title-scale))}.fx .list{display:flex;flex-direction:column;gap:34px;margin-top:56px}
.fx .fact{padding:30px 32px 26px}.fx .fact p{font-size:calc(40px*var(--scale));font-weight:var(--headline-weight);line-height:1.16}
.fx.few .fact p{font-size:calc(48px*var(--scale))}.fx.few .fact{padding:40px 36px 34px}
.fx .num{display:none}.fx.v-rows .num{display:block}
.fx.v-rows .list{gap:0;margin-top:44px}.fx.v-rows .fact{background:none;box-shadow:none;border:0;border-top:2px solid var(--line);border-radius:0;padding:28px 0 24px 110px}
.fx.v-rows .fact .num{position:absolute;left:0;top:18px;font-family:var(--font-accent);font-style:italic;font-size:80px;color:var(--accent-2);line-height:1}
.fx.v-rows .badge{display:none}
/* ---- band ---- */
.bd h2{font-size:calc(70px*var(--scale)*var(--title-scale));max-width:calc(100% - 290px)}.bd .cov{margin-top:20px}.bd .cards{display:flex;flex-direction:column;gap:26px;margin-top:30px}
.bd .ocard{padding:26px 30px 0;display:flex;flex-direction:column;gap:14px;align-items:flex-start;overflow:hidden}
.bd .ocard p{font-size:calc(38px*var(--scale));font-weight:var(--headline-weight);line-height:1.14}
.bd .led{align-self:stretch;margin:6px -30px 0;padding:14px 30px;background:var(--led-bg);color:var(--led-text);display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;font-weight:700;font-size:calc(27px*var(--scale))}
.bd .led small{font-weight:600;color:inherit;font-size:calc(23px*var(--scale));letter-spacing:.06em;text-transform:uppercase}
.bd .led b{color:inherit}
.bd .none{font-family:var(--font-display);font-weight:var(--title-weight);font-size:calc(110px*var(--scale));text-transform:var(--caps);line-height:1;margin-top:70px;color:var(--sub)}
.spectrum{position:absolute;right:64px;top:152px;display:flex;gap:10px;z-index:6;transform:skewX(-10deg)}
.spectrum i{display:block;width:64px;height:118px;border-radius:10px;border:3px solid var(--gc)}.spectrum i.on{background:var(--gc)}
.slide.bandfill .spectrum i{border-color:var(--ink)}.slide.bandfill .spectrum i.on{background:var(--ink)}
.spectrum-l{position:absolute;right:64px;top:282px;z-index:6;display:flex;width:226px;justify-content:space-between;font-weight:700;font-size:calc(17px*var(--scale));letter-spacing:.08em;color:var(--sub)}
.bd.v-quotes .ocard{background:none;box-shadow:none;border:0;padding:0 0 0 8px;gap:12px;overflow:visible}
.bd.v-quotes .ocard:before{content:"\201C";font-family:var(--font-accent);font-size:130px;line-height:.6;color:var(--gc)}
.bd.v-quotes .ocard p{font-size:calc(46px*var(--scale));line-height:1.12}
.bd.v-quotes .led{margin:4px 0 0;padding:10px 18px;border-radius:var(--chip-radius);align-self:flex-start}.bd.v-quotes .cards{gap:44px}
/* ---- grid (leads) ---- */
.gd h2{font-size:calc(76px*var(--scale)*var(--title-scale))}.gd .rows{display:flex;flex-direction:column;margin-top:36px}
.gd .row{display:flex;gap:28px;align-items:flex-start;padding:15px 0;border-top:2px solid var(--line)}
.gd .row .c{flex:none;width:84px;font-family:var(--font-accent);font-style:italic;font-size:calc(70px*var(--scale));line-height:.9;color:var(--accent)}
.gd .row h3{font-size:calc(34px*var(--scale));font-weight:600;line-height:1.1;margin-bottom:12px}
.gd .chips{display:flex;flex-wrap:wrap;gap:8px}.gd .chips .chip{font-size:calc(22px*var(--scale))}
.gd.v-bars .row{display:block;border:0;padding:7px 0}.gd.v-bars .row h3{font-size:calc(30px*var(--scale));margin-bottom:0}.gd.v-bars .row .c{display:none}
.gd.v-bars .barwrap{background:var(--ink-2);border-radius:var(--radius);padding:10px 18px}.slide.light .gd.v-bars .barwrap{background:#fff}
.gd.v-bars .bar{height:8px;background:var(--accent);margin:6px 0 8px}
/* ---- figures ---- */
.fg h2{font-size:calc(78px*var(--scale)*var(--title-scale))}.fg .grp{margin-top:34px}.fg .lab{font-size:calc(34px*var(--scale));font-weight:600;margin-bottom:14px;color:var(--sub);text-transform:uppercase;letter-spacing:.06em}
.fg .vals{display:flex;flex-direction:column;gap:18px}
.fg .val{display:flex;align-items:center;gap:28px;padding:20px 28px;border-radius:var(--radius);background:var(--card-bg);color:var(--card-fg);box-shadow:var(--shadow-css);border:var(--border) solid var(--ink)}
.fg .val .n{flex:none;min-width:210px;font-family:var(--font-display);font-weight:var(--title-weight);font-size:calc(92px*var(--scale));line-height:1}
.fg .val .chips{display:flex;flex-wrap:wrap;gap:8px}
.fg .val .rt{flex:1}.fg .q{font-size:calc(26px*var(--scale));color:#5b5963;font-style:italic;margin-top:12px;line-height:1.25}
.fg.v-compare .vals{flex-direction:row;gap:18px}.fg.v-compare .val{flex:1;flex-direction:column;align-items:flex-start;gap:14px;padding:30px 26px}
.fg.v-compare .val .n{min-width:0;font-size:calc(110px*var(--scale))}
/* ---- list (open questions / next steps) ---- */
.ls h2{font-size:calc(84px*var(--scale)*var(--title-scale))}.ls .items{display:flex;flex-direction:column;gap:30px;margin-top:52px}
.ls .item{padding:28px 32px 26px}.ls .item p{font-size:calc(40px*var(--scale));font-weight:var(--headline-weight);line-height:1.16}
.ls .item .meta{display:flex;gap:10px;align-items:center;margin-top:16px;flex-wrap:wrap}.ls .when{font-weight:700;font-size:calc(24px*var(--scale));color:var(--sub)}
.ls.v-rows .items{gap:0;margin-top:44px}.ls.v-rows .item{background:none;box-shadow:none;border:0;border-top:2px solid var(--line);border-radius:0;padding:26px 0}.ls.v-rows .badge{display:none}
/* ---- timeline ---- */
.tl h2{font-size:calc(76px*var(--scale)*var(--title-scale))}.tl .line{position:relative;margin-top:50px;padding-left:46px}
.tl .line:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:4px;border-radius:4px;background:var(--line)}
.tl .ev{position:relative;padding-bottom:28px}.tl .ev:before{content:"";position:absolute;left:-46px;top:7px;width:26px;height:26px;border-radius:50%;background:var(--accent)}
.tl .ev.now:before{background:var(--emphasis)}
.tl .when{font-weight:700;font-size:calc(25px*var(--scale));letter-spacing:.06em;color:var(--accent);text-transform:uppercase}
.tl .ev p{font-size:calc(31px*var(--scale));font-weight:var(--headline-weight);line-height:1.16;margin:6px 0 10px}
/* ---- silence / sources ---- */
.sl h2{font-size:calc(70px*var(--scale)*var(--title-scale))}.sl .names{display:flex;flex-direction:column;margin-top:34px}
.sl .names div{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--line);padding:16px 0;font-family:var(--font-display);font-weight:var(--title-weight);font-size:calc(58px*var(--scale));text-transform:var(--caps);line-height:1}
.sl .names div i{font-style:normal;font-family:var(--font-body);font-weight:700;font-size:calc(21px*var(--scale));background:var(--accent);color:#17171a;padding:5px 16px;border-radius:var(--chip-radius);letter-spacing:.06em}
.sl .names .more{color:var(--sub);font-size:calc(36px*var(--scale))}.sl .note{margin-top:26px;font-weight:600;font-size:calc(26px*var(--scale));color:var(--sub)}
.sr h2{font-size:calc(84px*var(--scale)*var(--title-scale))}.sr .src{display:flex;flex-direction:column;gap:14px;margin-top:34px}.sr .src div{padding:14px 26px;display:flex;flex-direction:column;gap:4px}
.sr .src b{font-size:calc(33px*var(--scale))}.sr .src span{font-size:calc(26px*var(--scale));color:var(--sub);line-height:1.2}
.sr .bio{margin-top:30px;display:flex;align-items:center;gap:18px;font-weight:600;font-size:calc(28px*var(--scale))}
.sr .bio b{background:var(--accent);color:#17171a;padding:8px 22px;border:var(--border) solid var(--ink);box-shadow:var(--shadow-css);font-family:var(--font-display);font-size:calc(38px*var(--scale));letter-spacing:.04em}
/* ---- cta ---- */
.ct .big{font-size:calc(78px*var(--scale)*var(--title-scale));margin-top:22px}.ct .series{margin-top:34px;font-weight:600;font-size:calc(36px*var(--scale));color:var(--sub)}
.ct .handle{align-self:flex-start;margin-top:30px;background:var(--ink);color:var(--accent);font-family:var(--font-display);font-weight:var(--title-weight);font-size:calc(52px*var(--scale));
  padding:10px 30px;border-radius:var(--chip-radius);transform:rotate(calc(var(--tilt)*-1));box-shadow:var(--shadow-css)}
.ct .prompt{margin-top:auto;background:var(--ink);color:var(--white);padding:26px 32px;font-weight:600;font-size:calc(34px*var(--scale));border-radius:var(--radius);box-shadow:var(--shadow-css);border:var(--border) solid var(--ink)}
.ct .prompt b{color:var(--accent)}
.stripes{position:absolute;right:-70px;top:-40px;bottom:-40px;display:flex;gap:calc(var(--stripe)*.7);transform:skewX(-12deg);z-index:0}
.stripes i{width:calc(var(--stripe)*1.4);border-radius:12px}.stripes i:nth-child(1){background:var(--band-left)}.stripes i:nth-child(2){background:var(--band-centre)}.stripes i:nth-child(3){background:var(--band-right)}
.ct.v-minimal .stripes{display:none}.ct.v-minimal .big{font-size:calc(80px*var(--scale)*var(--title-scale))}

/* ---- compact: the layout checker's last resort before a human looks (smaller type and tighter spacing) ---- */
.compact.cv.v-photo_top .main{top:290px}.compact.cv.v-type .main{top:130px}
.compact .ticket p{font-size:calc(25px*var(--scale))}.compact .ticket{padding:9px 18px 11px;gap:6px}.compact .tickets{gap:10px}
.compact.cv.v-photo_card .hero{height:330px}.compact.cv.v-photo_card .main{top:480px}.compact .cv h1,.compact.cv h1{font-size:calc(70px*var(--scale))}
.compact .fx .fact p,.compact.fx .fact p{font-size:calc(33px*var(--scale))}.compact.fx .list{gap:22px;margin-top:36px}
.compact.bd .ocard p{font-size:calc(35px*var(--scale))}.compact.bd .cards{gap:20px;margin-top:28px}
.compact.ls .item p{font-size:calc(33px*var(--scale))}.compact.ls .items{gap:20px}
.compact.tl .ev p{font-size:calc(30px*var(--scale))}.compact.tl .ev{padding-bottom:22px}
.compact.gd .row h3{font-size:calc(32px*var(--scale))}.compact.fg .val .n{font-size:calc(70px*var(--scale))}

/* ---- grow: a slide that is too empty is scaled up (type, padding and gaps together) ---- */
.slide[data-grow="1"] :is(.fx .list,.bd .cards,.gd .rows,.fg .grp,.ls .items,.tl .line,.sr .src,.sl .names){zoom:1.2}
.slide[data-grow="2"] :is(.fx .list,.bd .cards,.gd .rows,.fg .grp,.ls .items,.tl .line,.sr .src,.sl .names){zoom:1.42}
.slide[data-grow="3"] :is(.fx .list,.bd .cards,.gd .rows,.fg .grp,.ls .items,.tl .line,.sr .src,.sl .names){zoom:1.65}
.slide[data-grow="4"] :is(.fx .list,.bd .cards,.gd .rows,.fg .grp,.ls .items,.tl .line,.sr .src,.sl .names){zoom:1.9}
.slide[data-center] :is(.fx,.bd,.gd,.fg,.ls,.tl,.sr,.sl) .main{justify-content:center}
.cv.v-photo_top.no-items .hero{height:1010px}.cv.v-photo_top.no-items .main{justify-content:flex-end}
/* ---- title-led covers (consensus, developing): the story's own title is the headline, the outlets are a quiet line ---- */
.cv h1{max-width:100%}
.cv.lead-title h1{font-size:calc(124px*var(--scale)*var(--title-scale)*var(--tf,1));line-height:.96;letter-spacing:-.005em}
.cv.lead-title.v-photo_card h1{font-size:calc(104px*var(--scale)*var(--title-scale)*var(--tf,1))}
.cv.lead-title .kick{font-size:calc(40px*var(--scale))}
.cv.lead-title .sub{font-size:calc(30px*var(--scale))}
.cv.lead-title .stat{padding:10px 22px}.cv.lead-title .stat b{font-size:calc(54px*var(--scale))}
.cv.lead-title.v-type h1{font-size:calc(140px*var(--scale)*var(--title-scale)*var(--tf,1))}
/* the small event-label sticker on covers whose hook is the point (split, numbers, statement) is bigger than before */
.cv .sticker.tagpos{font-size:calc(38px*var(--scale));padding:12px 28px}
/* quiet attribution: a small coloured dot and "via outlet", not a coloured chip */
.via{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:calc(24px*var(--scale));color:var(--sub)}
.via .d{width:14px;height:14px;border-radius:50%;background:var(--muted);display:inline-block}
.via .d.bl{background:var(--band-left)}.via .d.bc{background:var(--band-centre)}.via .d.br{background:var(--band-right)}
.slide.accent{--sub:color-mix(in srgb,var(--ink) 78%,var(--accent))}
.slide.accent .t .e{color:var(--white);background:var(--ink);padding:0 .12em}
/* the lede card: what is happening, in the empty lower half of a cover that has no photo */
.cv .lede{margin-top:auto;margin-bottom:4px;background:var(--card-bg);color:var(--card-fg);border:var(--border) solid var(--ink);box-shadow:var(--shadow-css);border-radius:var(--radius);padding:22px 30px 24px;display:flex;flex-direction:column;gap:10px;max-width:920px;position:relative;z-index:6}
.cv .lede small{align-self:flex-start;background:var(--accent);color:#17171a;font-weight:700;letter-spacing:.08em;font-size:calc(22px*var(--scale));padding:4px 16px;border-radius:var(--chip-radius);text-transform:uppercase}
.cv .lede p{font-size:calc(40px*var(--scale));font-weight:var(--headline-weight);line-height:1.14;margin:0}
.cv .lede .via{color:#55525c}
.cv .lede.long p{font-size:calc(34px*var(--scale))}.cv .lede p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cv .stats{margin-bottom:26px}.cv.lead-title.v-type .main{bottom:162px}
/* the brand motif without a number: three solid slanted bars. m-blocks = a colour band under the text; m-bars = tone-on-tone bars running the full height */
.cv.v-type .motif.m-bars{inset:0;height:auto;background:transparent}
.motif.m-bars i{top:-6%;bottom:-6%;width:21%}
.motif.m-bars i:nth-child(1){left:57%;background:color-mix(in srgb,var(--band-left) 30%,var(--bg))}
.motif.m-bars i:nth-child(2){left:76%;background:color-mix(in srgb,var(--band-centre) 30%,var(--bg))}
.motif.m-bars i:nth-child(3){left:95%;background:color-mix(in srgb,var(--band-right) 30%,var(--bg))}
.cv.v-type.lead-title .main{top:150px;bottom:132px}
.slide.light .kick{color:var(--italic-light)}.slide.accent .kick{color:var(--ink)}


html{background:var(--ink);color:var(--white);-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);background:var(--ink);line-height:1.45;min-height:100vh}
a{color:inherit}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.hd{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand .bars{display:flex;gap:4px}.brand .bars i{display:block;width:11px;height:30px;transform:skewX(-10deg);border-radius:2px}
.brand .bars i:nth-child(1){background:var(--band-left)}.brand .bars i:nth-child(2){background:var(--band-centre)}.brand .bars i:nth-child(3){background:var(--band-right)}
.brand b{font-family:var(--font-display);font-weight:800;font-size:28px;letter-spacing:.02em;text-transform:uppercase}
.tag{font-size:14px;color:var(--muted)}
.btn{display:inline-block;background:var(--accent);color:#0D0D12;font-weight:800;text-decoration:none;padding:10px 16px;border:3px solid #000;box-shadow:5px 5px 0 #000;
  font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:17px}
.btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 #000}
.s-sticker{display:inline-block;background:var(--accent);color:#0D0D12;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.06em;
  font-size:14px;padding:4px 10px;transform:rotate(-2deg);border:2px solid #000}
.s-hero{display:grid;gap:24px;padding:8px 0 28px}
@media(min-width:820px){.s-hero{grid-template-columns:minmax(0,460px) 1fr;gap:44px;align-items:center}}
.car{position:relative}
.rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border:4px solid #000;box-shadow:10px 10px 0 var(--accent);background:#000}
.rail::-webkit-scrollbar{display:none}
.frame{flex:0 0 100%;scroll-snap-align:start;position:relative;aspect-ratio:4/5;overflow:hidden;container-type:inline-size}
.frame .slide{position:absolute;left:0;top:0;transform-origin:0 0;transform:scale(var(--k,.4))}
.nav{display:flex;align-items:center;justify-content:space-between;margin-top:22px}
.s-dots{display:flex;gap:6px}.s-dots i{width:22px;height:8px;background:#fff3;display:block}.s-dots i.on{background:var(--accent)}
.arrow{background:#000;color:#fff;border:3px solid #fff;width:44px;height:44px;font-size:22px;font-weight:800;cursor:pointer}
.arrow:hover{background:var(--accent);color:#000}
h1.t1{font-family:var(--font-display);font-weight:800;text-transform:uppercase;line-height:1.02;font-size:clamp(34px,6vw,56px);margin:12px 0}
.story{font-size:19px;max-width:34em;color:#e8e8ee}
.s-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--muted);font-size:14px;margin:12px 0}
.sec{margin:34px 0 12px;display:flex;align-items:center;gap:12px}
.sec h2{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:30px;letter-spacing:.02em}
.search{width:100%;font:inherit;font-size:18px;padding:14px 16px;border:4px solid #000;background:#fff;color:#0D0D12;box-shadow:6px 6px 0 var(--accent-2);border-radius:0}
.search:focus{outline:4px solid var(--accent)}
.s-count{color:var(--muted);font-size:14px;margin:10px 0}
.feed{list-style:none;display:grid;gap:14px;padding:0 0 30px}
.s-row a{display:grid;grid-template-columns:78px 1fr;gap:16px;text-decoration:none;background:var(--ink-2);border:3px solid #fff2;padding:14px;position:relative}
.s-row a:hover{border-color:var(--accent);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--accent)}
.s-when{font-family:var(--font-display);font-weight:800;text-transform:uppercase;text-align:center;line-height:1;background:var(--chip,var(--accent));color:#0D0D12;padding:10px 4px;align-self:start}
.s-when b{display:block;font-size:34px}.s-when span{font-size:14px;letter-spacing:.08em}
.s-row h3{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:24px;line-height:1.1;margin-bottom:4px}
.s-row p{color:#cfcfd8;font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.s-row .m{display:flex;gap:10px;align-items:center;margin-top:8px;font-size:13px;color:var(--muted)}
.s-more{display:block;margin:0 auto 40px}
.s-src{list-style:none;padding:0;display:grid;gap:10px}
.s-src li{border-left:6px solid var(--b,var(--muted));background:var(--ink-2);padding:12px 14px}
.s-src .o{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:17px}
.s-src a{display:block;margin:2px 0;font-size:17px;text-decoration-thickness:2px;text-underline-offset:3px}
.s-src a:hover{color:var(--accent)}
.s-src small{color:var(--muted)}
.s-note{color:var(--muted);font-size:14px;max-width:46em}
.ft{border-top:3px solid #fff2;padding:22px 0 40px;color:var(--muted);font-size:14px}
.crumb{display:inline-block;margin:6px 0 4px;color:var(--muted);text-decoration:none;font-size:14px}.crumb:hover{color:var(--accent)}
.hide{display:none!important}
@media(max-width:520px){.s-row a{grid-template-columns:62px 1fr;gap:12px}.s-when b{font-size:28px}.s-row h3{font-size:21px}}