.still,.film{min-width:0;margin:0;position:relative}.still-frame,.film-frame{isolation:isolate;background:#120e0b;border-radius:clamp(10px,1.2vw,16px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,inset 0 1px #ffffff0d,0 50px 120px -40px #000000d9,0 18px 40px -18px #0009}.still-frame img,.film-frame video{width:100%;height:auto;display:block}.still-caption{font-size:var(--step--1);color:var(--text-2);flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:16px;line-height:1.5;display:flex}.still-note{color:var(--muted);flex-basis:100%;font-size:.82rem}.real-tag{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);flex:none;align-items:center;gap:7px;font-size:10.5px;font-weight:500;display:inline-flex}.real-tag i{background:var(--real,#fa7189);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #fa718924}.film{--ambient:none}.film:before{content:"";z-index:-1;background:var(--ambient) center / cover no-repeat;filter:blur(70px)saturate(1.4);opacity:0;transition:opacity 1.6s var(--ease);pointer-events:none;position:absolute;inset:6% 4% 14%;transform:scale(1.04)}.film.is-lit:before{opacity:.38}.film-frame video{aspect-ratio:1920/1200;object-fit:cover}.film-toggle{width:40px;height:40px;color:var(--text);backdrop-filter:blur(14px)saturate(1.3);cursor:pointer;opacity:.86;transition:opacity var(--dur-slow) var(--ease), transform var(--dur-slow) var(--ease-arrive);background:#1412109e;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:16px;left:16px;box-shadow:inset 0 0 0 1px #ffffff24,0 8px 24px #0006}.film-toggle:hover,.film-toggle:focus-visible{opacity:1;transform:scale(1.06)}.film-toggle:focus-visible{outline:2px solid var(--text);outline-offset:3px}.film-toggle svg{width:16px;height:16px}.film-toggle .i-pause,.film.is-playing .film-toggle .i-play{display:none}.film.is-playing .film-toggle .i-pause{display:block}.film-progress{opacity:0;height:2px;transition:opacity var(--dur-slow) var(--ease);background:#ffffff1f;border-radius:2px;position:absolute;bottom:35px;left:68px;right:18px;overflow:hidden}.film.is-playing .film-progress,.film:hover .film-progress{opacity:1}.film-progress i{background:var(--real,#fa7189);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--film-p,0));display:block}.js .wipe{--wipe:0}.js .wipe>.still-frame,.js .wipe>.film-frame{clip-path:inset(0 calc((1 - var(--wipe)) * 100%) 0 0 round clamp(10px, 1.2vw, 16px));transition:clip-path 1.25s var(--ease-arrive)}.js .wipe>.still-frame:after,.js .wipe>.film-frame:after{content:"";top:0;bottom:0;left:calc(var(--wipe) * 100%);background:var(--ember);width:2px;opacity:calc(1 - var(--wipe));transition:left 1.25s var(--ease-arrive), opacity .4s var(--ease) .95s;pointer-events:none;z-index:2;margin-left:-2px;position:absolute;box-shadow:0 0 18px 2px #ff8a3d99}.js .wipe.is-in{--wipe:1}.js .wipe[data-reveal]{transform:none}@media (prefers-reduced-motion:reduce){.js .wipe>.still-frame,.js .wipe>.film-frame{clip-path:none;transition:none}.js .wipe>.still-frame:after,.js .wipe>.film-frame:after{display:none}}.chapter{padding-block:clamp(96px,12vw,184px);position:relative;overflow-x:clip}.chapter+.chapter{padding-top:clamp(40px,6vw,96px)}.chapter-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:22px clamp(32px,6vw,96px);display:grid}.chapter-head .marker{grid-column:1/-1}.chapter-title{letter-spacing:-.04em;text-wrap:balance;max-width:15ch;font-size:clamp(2.1rem,1.25rem + 3vw,4.1rem);font-weight:650;line-height:1}.chapter-title span{color:var(--muted)}.chapter-copy{gap:18px;padding-bottom:6px;display:grid}.chapter-copy .psection-points{margin-top:0}.chapter-media{margin-top:clamp(44px,5.5vw,80px)}.bench{margin-top:clamp(48px,6vw,88px)}.bench-head{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:18px;display:flex}.bench-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text);background:#ff8a3d1a;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-size:11px;display:inline-flex;box-shadow:inset 0 0 0 1px #ff8a3d4d}.bench-tag svg{width:13px;height:13px;color:var(--ember)}.bench-try{font-size:var(--step--1);color:var(--text-2)}.bench-try strong{color:var(--text);font-weight:600}.bench-stage{position:relative}.mosaic{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(20px,2.4vw,36px);display:grid}.mosaic-side{gap:clamp(20px,2.4vw,36px);display:grid}.pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(20px,3vw,44px);display:grid}.pair>:nth-child(2){margin-top:clamp(40px,8vw,120px)}.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.split.is-flipped{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.split.is-flipped>:first-child{order:2}.duo{grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid}.duo>.still--inset .still-frame{max-height:min(70vh,640px)}.duo>.still--inset .still-frame img{object-fit:cover;object-position:top;height:100%}.dock-band{margin-top:clamp(80px,10vw,150px);padding-block:clamp(56px,7vw,100px);position:relative;overflow:clip}.dock-band:before{content:"";pointer-events:none;background:radial-gradient(60% 70%,#fa71891a,#0000 70%),linear-gradient(#0000,#ffffff04 50%,#0000);position:absolute;inset:0}.dock-band-head{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:end;gap:18px clamp(32px,6vw,96px);margin-bottom:clamp(32px,4vw,56px);display:grid}.dock-band-title{letter-spacing:-.035em;font-size:clamp(1.8rem,1.2rem + 2.2vw,3rem);font-weight:650;line-height:1.04}.dock-band .still{width:min(1680px, 100% - 2 * var(--gutter));margin-inline:auto}.dock-band .still-frame{transform:translate3d(calc(var(--band-x,0) * 1px), 0, 0)}.same-file{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-2);justify-content:center;align-items:center;gap:14px;margin:clamp(28px,3vw,40px) auto;font-size:12px;display:flex}.same-file:before,.same-file:after{content:"";background:linear-gradient(90deg, transparent, var(--line-strong));flex:1;max-width:220px;height:1px}.same-file:after{background:linear-gradient(270deg, transparent, var(--line-strong))}.same-file b{color:var(--text);background:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:7px 14px;font-weight:500}.depth{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;display:grid;position:relative}.depth>.still:first-child{z-index:2;transform:translate3d(0, calc(var(--depth-p,0) * -40px), 0);margin-right:-14%;position:relative}.depth>.still:last-child{transform:translate3d(0, calc(var(--depth-p,0) * 30px), 0)}@media (width<=1000px){.chapter-head,.dock-band-head,.split,.split.is-flipped{grid-template-columns:minmax(0,1fr)}.split.is-flipped>:first-child{order:0}.mosaic,.duo{grid-template-columns:minmax(0,1fr)}.depth{grid-template-columns:minmax(0,1fr);gap:28px}.depth>.still:first-child{width:min(420px,100%);margin-right:0;transform:none}.depth>.still:last-child{transform:none}}@media (width<=640px){.pair{grid-template-columns:minmax(0,1fr)}.pair>:nth-child(2){margin-top:0}.film-toggle{width:36px;height:36px;bottom:10px;left:10px}.film-progress{bottom:27px;left:56px}}
