@font-face{font-family:League;src:url(assets/fonts/league.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Schibsted;src:url(assets/fonts/schibsted.woff2) format("woff2");font-weight:400 900;font-display:swap}
:root{--pitch:#0F3A2C;--deep:#0A2A20;--ink:#04170F;--cream:#F1E4CC;--accent:#E04A2C;--soft:#D2D6C0;--g:clamp(16px,2.2vw,36px);--bar:44px;--rib:46px;--seek:12px;--display:League,"Arial Narrow",sans-serif;--text:Schibsted,"Helvetica Neue",Arial,sans-serif;--out:cubic-bezier(.16,1,.3,1);color-scheme:dark}
@media (max-width:760px){:root{--bar:50px;--rib:34px;--seek:10px}}
*{box-sizing:border-box}
html{background:var(--pitch);-webkit-text-size-adjust:100%;scrollbar-color:var(--accent) var(--deep);scrollbar-width:thin}
::selection{background:var(--accent);color:var(--ink)}
body{margin:0;background:var(--pitch);color:var(--cream);font:400 17px/1.5 var(--text);overflow-x:clip}
body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;background:url(assets/img/grain.png);opacity:.07;mix-blend-mode:overlay}
img,video,svg{display:block}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--cream);outline-offset:3px;box-shadow:0 0 0 6px var(--ink)}
h1,h2,h3,p,figure,ol,ul{margin:0;padding:0}
ol,ul{list-style:none}
.skip{position:fixed;left:var(--g);top:-80px;z-index:90;background:var(--cream);color:var(--ink);padding:10px 16px;font-weight:600}
.skip:focus{top:12px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.anchor{position:absolute;top:0;left:0}

/* Display type. Poster face for short titles only; every line is fitted by its measured width. */
.dsp{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.8;color:var(--cream)}
.fit{display:block;white-space:nowrap;font-size:min(calc((100cqw - 2*var(--g))/var(--r)),var(--cap,60svh))}
.cq{container-type:inline-size}
.hot{color:var(--accent)}
.only-m{display:none!important}
@media (max-width:760px){.only-m{display:block!important}.only-d{display:none!important}}

.bleed{position:absolute;inset:0;overflow:hidden;background:var(--ink)}
.bleed img,.bleed video{width:100%;height:100%;object-fit:cover}
.cap{font-size:13px;line-height:1.35;color:var(--cream)}
.go{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:var(--ink);padding:13px 20px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color .2s,transform .16s}
.go:hover{background:#ED6445}.go:active{transform:scale(.97)}
.go svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--out)}
.go:hover svg{transform:translateX(4px)}

/* Header */
.hdr{position:absolute;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px var(--g);height:88px}
.brand{display:block;flex:none}
.hdr img{width:72px;height:72px}
.hdr nav ul{display:flex;gap:clamp(16px,2vw,30px);align-items:center;font-size:15px;font-weight:500}
.hdr nav a{text-decoration:none;padding:8px 0}
.hdr nav a:hover,.hdr nav a[aria-current]{text-decoration:underline}
.hdr.fixed{position:fixed;height:64px;background:var(--ink);padding-block:6px;transform:translateY(-110%);visibility:hidden;transition:transform .35s var(--out),visibility .35s}
.hdr.fixed img{width:52px;height:52px}
.hdr.fixed.show{transform:none;visibility:visible}
.menu{display:none}
.menu summary{list-style:none;cursor:pointer;font-weight:600;padding:10px 0}
.menu summary::-webkit-details-marker{display:none}
@media (max-width:760px){
 .hdr{height:72px}.hdr img{width:56px;height:56px}.hdr nav.main{display:none}.menu{display:block;position:relative}
 .menu ul{position:absolute;right:0;top:100%;background:var(--ink);padding:14px 18px;width:230px;display:grid;gap:4px;font-size:17px}
 .menu a{display:block;padding:7px 0}
}

/* ---------- Opening: one photograph, three layers, the title between them */
.stage{position:relative;overflow:hidden}
.scene{position:relative}
.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;background:var(--pitch);display:flex;flex-direction:column}
.plate,.fig{position:absolute;inset:0;display:block}
.plate img,.fig img{width:100%;height:100%;object-fit:cover;object-position:100% 0}
.plate{z-index:0}.fig{z-index:2;pointer-events:none}
.hero h1{position:absolute;left:var(--g);top:96px;font-size:min(calc((100cqw - 2*var(--g))/3.26),calc((100svh - 96px - var(--bar) - var(--rib) - 86px)/2.42));line-height:.8}
.hl{display:block;position:relative;z-index:1}
.hl b{display:block;font-weight:400}
.hl3{z-index:3}
.hero-foot{position:absolute;z-index:4;left:var(--g);right:var(--g);bottom:calc(var(--bar) + var(--rib) + 18px);display:flex;align-items:center;gap:24px;font-weight:500;font-size:16px}
.hero-foot p{max-width:32ch;line-height:1.3}
.hero-credit{position:absolute;z-index:5;left:0;right:0;bottom:0;height:var(--bar);display:flex;align-items:center;padding:0 var(--g);background:var(--ink);font-size:13px;line-height:1.25}
.hero-ribbon{position:absolute;z-index:6;left:0;right:0;bottom:var(--bar);height:var(--rib);background:url(assets/img/ribbon.webp) 0 50%/100% 100%}

/* The ribbon, static: runs of frames broken by the five full frames */
.strip{background:var(--ink)}
.strip-intro{padding:clamp(32px,6svh,64px) var(--g) 24px;font-size:clamp(19px,1.8vw,26px);line-height:1.25;font-weight:500;max-width:44ch}
.cols{display:flex;flex-wrap:wrap}
.col{position:relative;flex:1 1 11%;min-width:0}
.col .im{position:relative;height:40svh;overflow:hidden;background:var(--deep)}
.col .im img,.col .im video{width:100%;height:100%;object-fit:cover}
.col .fc{padding:6px 8px 16px;font-size:13px;line-height:1.3}
.col .fc span{font-variant-numeric:tabular-nums;font-weight:600;display:block}
.col.stop{flex:0 0 100%}
.col.stop .im{height:100svh}
.col.stop .im::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0) 52%)}
.col.stop:has(.w-top) .im::after{background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0) 52%)}
.col .word{position:absolute;left:var(--g);right:var(--g);z-index:2}
.word.w-bot{bottom:clamp(90px,14svh,130px)}
.word.w-top{top:96px}
.tc,.bar,.jamb{display:none}
.tc span{display:block}
@media (max-width:760px){.col{flex-basis:30%}}

/* The film poster */
.poster{position:relative;min-height:100svh;display:flex;flex-direction:column;padding:96px var(--g) calc(var(--g) + var(--seek));overflow:hidden}
.poster .bleed picture{display:block;width:100%;height:100%;transform:scale(1.13);transform-origin:56% 0}
.poster .bleed::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,16,.42),rgba(6,8,16,.04) 52%,rgba(6,8,16,.78))}
.poster h2,.p-meta,.p-cap{position:relative;z-index:2}
.poster h2 a{display:block;text-decoration:none}
.poster h2 .fit{margin-top:.03em}
.p-cap{position:absolute;right:var(--g);top:26px}
.p-meta{margin-top:auto;display:grid;grid-template-columns:auto minmax(0,46ch) 1fr;gap:12px 44px;align-items:end;font-size:16px;font-weight:500}
.p-when{font-family:var(--display);font-size:clamp(30px,3.1cqw,46px);line-height:1;text-transform:uppercase;max-width:12em}
.p-meta .go{justify-self:end}

/* Statement on cream: the temperature drops out of the film and into the room */
.say{background:var(--cream);color:var(--pitch);padding:clamp(90px,20svh,190px) var(--g) clamp(70px,12svh,120px);position:relative}
.say .big{font-weight:500;font-size:clamp(35px,6.05cqw,92px);line-height:1.04;letter-spacing:-.028em;max-width:15.5em}
.say .big+.big{margin-top:.62em}
.say .hotp{color:#B5321A}
.sl{display:inline-block;vertical-align:-.1em;height:.8em;width:1.5em;overflow:hidden;margin:0 .04em}
.sl img{width:100%;height:100%;object-fit:cover;object-position:var(--p,50%) 50%}
.say-cap{margin-top:clamp(36px,6svh,64px);max-width:64ch;color:var(--pitch)}

/* The week */
.week{background:var(--cream);color:var(--pitch)}
.bands{position:relative;display:flex;flex-direction:column;background:var(--cream)}
.band{position:relative;overflow:hidden;min-height:62svh;display:flex;flex-direction:column;justify-content:flex-end;padding:12px var(--g);box-shadow:inset 0 2px 0 var(--pitch);color:var(--cream)}
.band .bleed::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.6))}
.band .row{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.band h3{font-weight:400;color:inherit}
.band .day{display:block;font-size:min(calc((100cqw - 2*var(--g))/3.5),42svh);color:inherit;transform-origin:0 100%;line-height:.8;white-space:nowrap}
.band .prog{font-weight:500;font-size:clamp(17px,1.75cqw,25px);line-height:1.2;letter-spacing:-.01em;flex:none}
.band .cap{position:absolute;z-index:2;left:var(--g);top:14px;opacity:var(--capo,1)}

/* Three ribbons: one lit, two made and dark */
.also{background:var(--pitch);padding:clamp(70px,14svh,130px) 0 0;min-height:100svh;display:flex;flex-direction:column}
.also h2{font:500 clamp(30px,4.4cqw,66px)/1.06 var(--text);letter-spacing:-.024em;max-width:17em;padding:0 var(--g) clamp(32px,6svh,60px)}
.rb{position:relative;flex:1 1 0;min-height:clamp(96px,17svh,190px);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px var(--g);overflow:hidden;border-top:2px solid var(--deep)}
.rb{background:var(--deep)}
.rb i{position:absolute;inset:0}
.rb.lit{justify-content:flex-start;gap:clamp(16px,2vw,32px);background:var(--deep)}
.rb.lit i{left:36%;background:url(assets/img/ribbon.webp) 18% 50%/auto 100%}
.rb p{position:relative;z-index:1}
.rb .dsp{font-size:0}
.rb .fit{font-size:min(calc((100cqw - 2*var(--g))/var(--r)),clamp(70px,13.5svh,150px))}
.rb.lit .fit{color:var(--cream)}
.rb .rb-d{font-weight:500;font-size:clamp(15px,1.3cqw,19px);line-height:1.2;max-width:8em}
@media (max-width:760px){.rb .fit{font-size:calc((100cqw - 2*var(--g))/var(--r))}.rb.lit .fit{font-size:72px}.rb.lit i{left:58%}.rb.lit{flex-wrap:nowrap;gap:12px}.rb .rb-d{font-size:13px;max-width:6em}}

/* Every fact cited */
.made{position:relative;background:var(--accent);color:var(--ink);padding:clamp(70px,13svh,120px) var(--g);min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(30px,6svh,60px)}
.made .dsp{color:var(--ink)}
.made-t{display:grid;gap:.8em;font-size:clamp(22px,2.7cqw,40px);line-height:1.14;font-weight:500;letter-spacing:-.016em;max-width:30em}
.made a{font-weight:600}

/* Newsletter */
.news{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--g)*2) var(--g) calc(var(--g) + var(--seek));overflow:hidden}
.news>*{position:relative;z-index:2}
.news>.bleed{position:absolute;z-index:0}
.news>.bleed::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 34%,rgba(0,0,0,.72) 82%)}
.news form,.endnews form{margin-top:26px;max-width:640px}
.news label,.endnews label{display:block;font-weight:600;margin-bottom:8px}
.field{display:flex;background:var(--cream)}
.field input{flex:1;min-width:0;border:0;border-radius:0;background:transparent;color:var(--ink);font:500 18px var(--text);padding:15px 16px;caret-color:var(--accent)}
.field input::placeholder{color:#47584C}
.field input:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;box-shadow:none}
.field button{border:0;border-radius:0;background:var(--accent);color:var(--ink);font:600 17px var(--text);padding:0 24px;cursor:pointer;transition:background-color .2s}
.field button:hover{background:#ED6445}.field button:active{transform:scale(.98)}
.status{min-height:1.5em;margin-top:10px;font-size:15px}
.news>.cap{margin-top:8px}

/* Footer: the film closes to the ribbon it opened with */
.ftr{background:var(--ink)}
.ftr-ribbon{height:clamp(70px,14svh,140px);position:relative;overflow:hidden}
.ftr-ribbon i{position:absolute;inset:0;background:url(assets/img/ribbon.webp) 0 50%/100% 100%}
.ftr-in{padding:clamp(32px,6svh,60px) var(--g) var(--g);display:grid;grid-template-columns:minmax(130px,190px) 1fr;gap:28px clamp(28px,5vw,80px);align-items:center}
.ftr-logo img{width:100%;height:auto}
.ftr-tag{font-family:var(--display);text-transform:uppercase;font-size:clamp(40px,5.6cqw,84px);line-height:.9;margin-bottom:16px}
.ftr ul{display:flex;flex-wrap:wrap;gap:6px clamp(16px,2.2vw,32px);font-size:18px;font-weight:500}
.ftr ul a{text-decoration:none;display:inline-block;padding:6px 0}.ftr ul a:hover{text-decoration:underline}
.ftr .fine{margin-top:12px;font-size:15px;color:var(--soft);max-width:70ch}
@media (max-width:760px){.ftr-in{grid-template-columns:1fr}.ftr-logo{max-width:130px}.ftr-tag{font-size:13.2cqw}}

/* Pause control */
.vctl{position:fixed;z-index:56;right:var(--g);top:18px;display:none;align-items:center;gap:8px;background:var(--ink);color:var(--cream);border:0;font:600 14px var(--text);padding:10px 14px;cursor:pointer}
.vctl.on{display:inline-flex}
body:has(.hdr.fixed.show) .vctl{top:78px}
@media (min-width:761px){body.in-stage .vctl{top:auto;bottom:4px;right:auto;left:50%;transform:translateX(-50%);padding:8px 12px}}
.vctl svg{width:14px;height:14px;fill:currentColor}
.vctl:active{transform:scale(.97)}

/* Arrival: runs from a visible state, in CSS, only when motion is welcome */
@media (prefers-reduced-motion:no-preference){
 @keyframes rise{from{transform:translateY(40%);clip-path:inset(0 0 40% 0)}to{transform:none;clip-path:inset(-10% -10% -10% -10%)}}
 @keyframes settle{from{transform:translateY(3%) scale(1.03)}to{transform:none}}
 .hl>b{animation:rise 1.1s var(--out) backwards}
 .hl2>b{animation-delay:.08s}.hl3>b{animation-delay:.16s}
 .fig img{animation:settle 1.4s var(--out) backwards}
}

/* ---------- Motion mode: the same content, staged on one sticky frame */
.motion .stage{position:sticky;top:0;height:100svh}
.motion #open{height:1100svh}
.motion #open .stage{background:var(--ink)}
.motion .hero{position:absolute;inset:0;height:auto;min-height:0;z-index:1}
.motion .hero-credit{display:none}
.hero-ribbon{display:none}
.motion .hero-ribbon{display:block;z-index:49}
.motion .strip{position:absolute;inset:0;z-index:3;background:none;pointer-events:none}
.motion .strip.live{pointer-events:auto}
.motion .strip-intro{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0}
.motion .cols{position:absolute;inset:0;display:block;touch-action:pan-y}
.motion .col,.motion .col.stop{position:absolute;inset:0;flex:none;contain:strict;visibility:hidden;will-change:clip-path}
.motion .col .im{position:absolute;inset:0;height:auto;will-change:transform}
.motion .col.stop .im{height:auto}
.motion .col .fc{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0}
.motion .word.w-bot{bottom:calc(var(--bar) + 18px)}
.motion .word.w-top{top:18px}
.motion .tc{display:block;position:absolute;left:var(--g);bottom:calc(var(--bar) + 14px);z-index:40;font:400 min(38svh,30cqw)/.8 var(--display);color:var(--cream);pointer-events:none;visibility:hidden;text-shadow:0 0 70px rgba(0,0,0,.55),0 2px 18px rgba(0,0,0,.28);font-variant-numeric:tabular-nums}
.motion .jamb{display:block;position:absolute;top:0;bottom:0;left:0;width:3px;margin-left:-1.5px;background:var(--accent);z-index:45;visibility:hidden;pointer-events:none}
.motion .bar{display:flex;position:absolute;left:0;right:0;bottom:0;height:var(--bar);z-index:50;background:var(--ink);align-items:center;gap:18px;padding:0 var(--g);font-size:14px;line-height:1.2;font-weight:500;white-space:nowrap;overflow:hidden}
.b-t{font-variant-numeric:tabular-nums;font-weight:700;color:var(--cream)}
.b-t:empty{display:none}
.b-c{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}
.b-l{margin-left:auto;flex:none}
.motion .poster{position:absolute;inset:0;min-height:0;z-index:2;visibility:hidden}

.motion #week{height:320svh}
.motion .bands{height:100svh}
.motion .band{position:absolute;left:0;right:0;min-height:0;padding-block:0;color:var(--pitch)}
.motion .band .bleed{z-index:1}
.motion .band>.row{z-index:0}
.motion .band>.cap{z-index:3}
.row-lit{color:var(--cream);z-index:3!important}
.row-lit .prog{text-shadow:0 1px 10px rgba(0,0,0,.7)}
.row-lit .day,.row-lit .prog{color:var(--cream)}
.motion .bands .bleed>:first-child{display:block}
.motion .band .cap{text-shadow:0 1px 7px rgba(0,0,0,.85)}
.motion .band .row{position:absolute;left:var(--g);right:var(--g);bottom:10px;display:block}
.motion .band .prog{position:absolute;right:0;bottom:6px;max-width:46%;text-align:right}

/* Fixed seek ribbon: the film's strip stays with the visitor down the page */
.seek{background:var(--deep);padding:18px var(--g);font-size:15px}
.seek-rail ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 24px}
html:not(.motion) .seek-rail li{left:auto!important;width:auto!important}
.seek-rail a{text-decoration:none;display:flex;gap:10px;padding:5px 0}
.seek-rail a:hover .s-n{text-decoration:underline}
.seek-now,.seek-head{display:none}
.seek.home{display:none}
.s-t{font-variant-numeric:tabular-nums}
.motion .seek{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:0;background:none;transform:translateY(calc(100% + 34px))}
.motion .seek.on,.motion .seek:focus-within{transform:none}
.motion .seek-rail{position:relative;height:var(--seek);background:url(assets/img/ribbon.webp) 0 50%/100% 420%;transition:height .25s var(--out)}
.motion .seek:hover .seek-rail,.motion .seek:focus-within .seek-rail{height:64px}
.motion .seek-rail ol{display:block;position:absolute;inset:0}
.motion .seek-rail li{position:absolute;top:0;bottom:0;border-left:2px solid var(--ink)}
.motion .seek-rail li:first-child{border-left:0}
.motion .seek-rail a{position:absolute;inset:0;display:block;padding:0}
.motion .seek-rail a span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.motion .seek-rail a:hover::after,.motion .seek-rail a:focus-visible::after{content:attr(data-n);position:absolute;left:0;bottom:100%;background:var(--ink);color:var(--cream);font-size:14px;font-weight:500;line-height:1;padding:9px 12px;white-space:nowrap}
.motion .seek-rail li:nth-last-child(-n+4) a::after{left:auto;right:0}
.motion .seek-head{display:block;position:absolute;top:-4px;bottom:0;left:0;width:3px;margin-left:-1.5px;background:var(--accent)}
.motion .seek.home .seek-head{display:none}
.motion .seek-now{display:flex;gap:12px;position:absolute;left:0;bottom:var(--seek);background:var(--ink);padding:7px var(--g) 6px;font-size:14px;line-height:1.1;font-variant-numeric:tabular-nums}
.motion .seek-now b{font-weight:600}
.motion .seek.home .seek-now{display:none}
@media (max-width:760px){body:has(#top){--seek:24px}.motion .seek.home .seek-rail ol{display:none}.motion .seek.home{pointer-events:none}.motion .seek-rail{height:var(--seek)!important}}

/* ---------- Film page */
.f-hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:96px var(--g) var(--g);overflow:hidden}
.f-hero .bleed::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.05) 18%,rgba(0,0,0,.56) 36%,rgba(0,0,0,.62) 70%,rgba(0,0,0,.84))}
.f-hero h1,.f-meta,.f-cap{position:relative;z-index:2}
.f-hero h1 .fit{margin-top:.03em}
.f-hero .tail{display:block;font-size:clamp(38px,5.2cqw,78px);margin-top:.18em;white-space:nowrap}
.f-meta{display:grid;grid-template-columns:auto minmax(0,46ch) 1fr;gap:12px 44px;align-items:end;margin-top:20px;font-size:16px;font-weight:500}
.f-when{font-family:var(--display);font-size:clamp(26px,2.5cqw,38px);line-height:1.02;text-transform:uppercase}
.f-when time,.f-when span{display:block}
.f-meta .go{justify-self:end}
.f-cap{margin-top:12px}
.motion #top{height:130svh}
.motion #top .f-hero{position:sticky;top:0;height:100svh;min-height:0}

.ch{position:relative}
.ch-stage{position:relative;overflow:hidden;min-height:100svh;display:flex;flex-direction:column;padding:var(--g)}
.frames{position:absolute;inset:0;overflow:hidden;background:var(--ink)}
.frames::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,0) 34%,rgba(0,0,0,.28) 56%,rgba(0,0,0,.74))}
.ch-t .frames::after{background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.5) 58%,rgba(0,0,0,.12) 88%,rgba(0,0,0,.25))}
.ch-txt{position:relative;z-index:3;margin-top:auto;padding-bottom:26px}
.ch-t .ch-txt{margin-top:0;margin-bottom:auto;padding-top:0}
.ch .bleed.two{position:relative;inset:auto;height:62svh;margin-top:0}
.ch .bleed.one{position:absolute}
.ch-title{margin-top:.05em}
.ch-time{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.stat{margin:0 0 18px;font-size:clamp(17px,1.45cqw,21px);font-weight:500;line-height:1.28}
.ch-t .stat{margin:18px 0 0}
.stat span{display:block;max-width:44ch}
.stat span,.ch-time{text-shadow:0 1px 10px rgba(0,0,0,.6)}
.ch.paper .stat span,.ch.paper .ch-time{text-shadow:none}
.stat b{display:block;font:400 min(clamp(92px,17cqw,250px),calc((100cqw - 2*var(--g))/var(--r)),30svh)/.84 var(--display);white-space:nowrap;margin-bottom:.15em;text-transform:uppercase}
.ch .cap{position:relative;z-index:3}
.ch.has-two:not(.paper) .frames{position:relative;inset:auto;min-height:100svh;margin:calc(var(--g)*-1)}
.motion .ch{height:200svh}
.motion .ch:not(.has-two){height:130svh}
.motion #ch-credits{height:auto}
.motion .ch-stage{position:sticky;top:0;height:100svh;min-height:0;padding-bottom:calc(var(--g) + var(--seek) + 22px)}
.motion .ch.has-two:not(.paper) .frames{position:absolute;inset:0;min-height:0;margin:0}
.motion .ch .bleed.two{position:absolute;inset:0;height:auto;z-index:1;visibility:hidden}
.motion .ch .cap{position:absolute;right:var(--g);bottom:calc(var(--g) + var(--seek) - 4px);margin:0;text-align:right}
.ch-jamb{position:absolute;top:0;bottom:0;left:0;width:3px;margin-left:-1.5px;background:var(--accent);z-index:2;visibility:hidden}

/* The Napkin: a small frame in a big cream room */
.ch.paper .ch-stage{background:var(--cream);color:var(--ink)}
.ch.paper .dsp,.ch.paper .ch-time,.ch.paper .stat,.ch.paper .cap{color:var(--ink)}
.ch.paper .stat b{color:#C23A1F}
.ch.paper .frames{position:relative;inset:auto;width:100%;aspect-ratio:16/9;margin-bottom:20px}
.ch.paper .frames::after{display:none}
.ch.paper .frames img,.ch.paper .frames video{object-position:50% 82%}
.motion .ch.paper .frames{position:absolute;inset:auto;right:var(--g);top:var(--g);width:min(42cqw,70svh);aspect-ratio:1.3;margin:0}
.motion .ch.paper .ch-txt{margin-top:auto;padding-bottom:6px}
.motion .ch.paper .stat b{font-size:min(19.5cqw,30svh)}
.motion .ch.paper .ch-title .fit{font-size:min(calc((100cqw - 2*var(--g))/var(--r)),38svh)}
.motion .ch.paper .cap{right:var(--g);top:calc(var(--g) + min(42cqw,70svh)/1.3 + 6px);bottom:auto;text-align:right}

.roll{position:relative}
.roll>.bleed{position:sticky;top:0;height:100svh;margin-bottom:-100svh}
.roll>.bleed::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6)}
.roll-in{position:relative;z-index:2;max-width:760px;margin:0 auto;padding:18svh var(--g) 26svh;text-align:center;display:grid;gap:clamp(44px,8svh,76px)}
.roll h2{font-size:0}
.roll h3{font:600 15px/1.4 var(--text);margin-bottom:8px}
.roll p,.roll li{font-size:clamp(20px,2.1cqw,27px);line-height:1.28;font-weight:500}
.roll .cap{font-size:13px;font-weight:400}
.endnews{background:var(--pitch);padding:clamp(60px,12svh,110px) var(--g) calc(var(--g) + var(--seek))}

/* Credits page */
.cr{padding:120px var(--g) 64px;max-width:1060px}
.cr h1{margin-bottom:28px}
.cr p{max-width:68ch;margin-bottom:14px}
.cr h2{font:400 clamp(36px,4cqw,56px)/1 var(--display);text-transform:uppercase;margin:44px 0 10px}
.cr li{padding:11px 0;display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:4px 24px;font-size:15.5px;overflow-wrap:anywhere}
.cr li b{font-weight:600}

/* Phone composition */
@media (max-width:760px){
 .hero h1{top:76px;font-size:calc((100cqw - 2*var(--g))/3.26)}
 .hero-foot{display:flex;left:0;right:0;bottom:calc(var(--bar) + var(--rib));padding:10px var(--g);gap:12px;justify-content:space-between;background:var(--ink);font-size:14.5px}
 .hero-foot p{line-height:1.25}
 .hero-foot .go{padding:10px 12px;font-size:15px;flex:none}
 .hero-foot .go svg{display:none}
 .hero-credit{font-size:12px}
 .motion .bar{gap:10px;font-size:13px;flex-wrap:wrap;align-content:center;row-gap:2px}
 .b-c{white-space:normal;font-size:12px;line-height:1.2}.b-t+.b-c{white-space:nowrap;font-size:13px}.b-t:empty+.b-c{white-space:normal}
 .b-l{margin-left:0;flex-basis:100%;font-weight:400;font-size:12px}.b-l:empty{display:none}
 .motion .tc{font-size:30cqw}
 .word.w-top,.motion .word.w-top{top:80px}
 .poster{padding-top:80px}
 .p-cap{top:auto;bottom:auto;right:auto;position:relative;margin-bottom:8px}
 .p-meta{grid-template-columns:1fr;gap:10px;font-size:15px}
 .p-meta .go{justify-self:start}
 .band .row{flex-direction:column;align-items:flex-start;gap:4px}
 .motion .band>.row .prog{display:none}
 .motion .band .prog{font-size:15px;max-width:none;right:auto;left:0;text-align:left;bottom:6px}
 .f-meta{grid-template-columns:1fr;gap:10px;font-size:15px}
 .f-meta .go{justify-self:start}
 .f-hero{padding-top:80px}
 .f-hero .tail{font-size:12.6cqw}
 .ch:not(.ch-t):not(.paper) .frames::after{background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.48) 26%,rgba(0,0,0,.66) 70%,rgba(0,0,0,.82))}
 .stat b{font-size:min(27cqw,calc((100cqw - 2*var(--g))/var(--r)),22svh)}
 .stat{margin-bottom:12px;font-size:15.5px}
 .ch-t .ch-txt{padding-top:66px}
 .motion .ch .cap{left:var(--g);right:var(--g);text-align:left;font-size:12px;bottom:calc(var(--seek) + 8px)}
 .motion .ch-stage{padding-bottom:calc(var(--seek) + 34px)}
 .motion .ch.paper .frames{left:var(--g);right:var(--g);top:80px;width:auto;aspect-ratio:1.3}
 .motion .ch.paper .stat b{font-size:min(26cqw,calc((100cqw - 2*var(--g))/var(--r)))}
 .motion .ch.paper .ch-title .fit{font-size:min(calc((100cqw - 2*var(--g))/var(--r)),15svh)}
 .motion .ch.paper .cap{top:auto;bottom:calc(var(--seek) + 8px);text-align:left}
 .cr li{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body::after{display:none}}