#opening-track{--opening-run:32svh}.ready-intro #hero .hero-shell[hidden]{display:none}.ready-intro #hero .shade{opacity:.12}
@media(prefers-reduced-motion:reduce){#opening-track{--opening-run:0svh}}
.film-chapter{--ink:#f5f4ed;--dust:#b9c3b7;--rule:#d9dfcd35;margin:0 auto;padding:clamp(46px,7.6vw,130px) max(5.4vw,calc((100vw - 1500px)/2));display:grid;gap:clamp(28px,5.7vw,100px);align-items:center;color:var(--ink);background:#10130f;scroll-margin-top:12px}
.commission{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:radial-gradient(ellipse at 18% 45%,#2b3026,transparent 57%),#141711}
.chapter-poster,.tokyo-screen{position:relative;isolation:isolate;overflow:hidden;display:block;width:100%;padding:0;border:1px solid var(--rule);border-radius:clamp(13px,1.8vw,27px);background:#141a16}
.chapter-poster{height:clamp(330px,42vw,590px)}.chapter-poster img,.tokyo-screen>img,.tokyo-screen>video{width:100%;height:100%;object-fit:cover;display:block}.chapter-poster img{object-position:center 51%;transition:transform .9s}.chapter-poster:hover img{transform:scale(1.025)}
.chapter-poster::after,.tokyo-screen::after{content:"";position:absolute;inset:50% 0 0;pointer-events:none;background:linear-gradient(transparent,#070a0880);z-index:1}
.chapter-screen-btn,.chapter-cta,.tokyo-pause{border:1px solid #ecf3e46e;border-radius:30px;background:linear-gradient(142deg,#f0f6e523,#121a13a8);color:#f8faf4;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 #fff3;display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1.2;min-height:44px;font:550 13px/1.2 Geist,Arial,sans-serif}
.chapter-screen-btn,.tokyo-pause{z-index:2;position:absolute;bottom:clamp(15px,2vw,33px)}.chapter-screen-btn{left:clamp(15px,2vw,33px);padding:11px 18px}.chapter-cta{padding:11px 21px;margin-top:24px}.tokyo-pause{right:clamp(15px,2vw,33px);width:44px}.chapter-cta:hover,.chapter-screen-btn:hover,.tokyo-pause:hover{border-color:#fff}
.chapter-type,.result-tag{font:540 10px/1.35 var(--micro);letter-spacing:.1em;text-transform:uppercase;color:#c5ccbe}.chapter-type{display:flex;align-items:center;gap:12px}.chapter-type>img{width:86px;height:29px;object-fit:contain}.chapter-type>span{color:#8d9f77}
.film-chapter h2{font:415 clamp(56px,7.2vw,120px)/.98 Geist,Arial,sans-serif;letter-spacing:-.085em;margin:clamp(19px,2.25vw,40px) 0}.film-chapter h2 i{font-style:normal;color:#bfcfaf}.film-chapter h2 em{display:block;font:italic 400 1.06em/.96 Baskerville,Georgia,serif;letter-spacing:-.065em;color:#d5dfcd}
.chapter-blurb{color:#d5dacf;max-width:34ch;font:430 clamp(15px,1.35vw,21px)/1.5 Geist,Arial,sans-serif;margin-bottom:27px}.two-metrics{display:flex;gap:clamp(20px,4vw,60px);margin:13px 0 20px}.two-metrics>div{display:flex;flex-direction:column-reverse;gap:4px}.two-metrics dt{font-size:12px;color:#c3ccbf}.two-metrics dd{margin:0;letter-spacing:-.042em;font:400 clamp(24px,3.1vw,53px)/1.12 Baskerville,Georgia,serif;font-variant-numeric:lining-nums tabular-nums}.chapter-link{color:#e2e8db;font:520 13px/1.8 Geist,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b2bba78c}.chapter-link:hover{color:white}
.tokyo-chapter{grid-template-columns:.86fr 1.14fr;background:radial-gradient(ellipse at 78% 40%,#252d26,transparent 60%),#101311}.tokyo-screen{height:clamp(360px,42vw,630px)}.tokyo-screen>img{object-position:50% 67%}.tokyo-screen>video{position:absolute;inset:0;object-position:50% 57%;opacity:0;transition:opacity 1.05s ease}.tokyo-screen.is-playing>video{opacity:1}.chapter-links{display:flex;gap:22px;flex-wrap:wrap}.film-chapter :focus-visible{outline:2px solid #e0f2ad;outline-offset:3px}.chapter-poster:focus-visible{outline-offset:-3px}
@media(max-width:720px){.film-chapter{grid-template-columns:1fr;padding:54px 19px;gap:26px}.commission-copy{grid-row:1}.film-chapter h2{font-size:clamp(52px,13vw,79px);margin:13px 0}.chapter-blurb{margin-bottom:18px}.chapter-poster,.tokyo-screen{height:min(112vw,540px)}.tokyo-chapter h2 em{display:inline}.chapter-cta{margin-top:17px}.two-metrics{margin-bottom:11px}}
@media(prefers-reduced-motion:reduce){.chapter-poster img,.tokyo-screen>video{transition:none}.chapter-poster:hover img{transform:none}}
