/* The watch pages (/film/, /tour/): one video as the main content, so search engines can index it.
   Loaded after pages.css. */
.watch{padding:32px 0 64px;background:linear-gradient(180deg,#0B1426 0%,#14213D 70%,#223258 100%)}
.watch-grid{display:grid;gap:28px;align-items:start}
.player{width:100%;max-width:420px;margin-inline:auto;border-radius:var(--r-lg);background:#000;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.player video{width:100%;max-height:calc(100vh - 96px);max-height:calc(100svh - 96px);object-fit:contain;border-radius:var(--r-lg);background:#000}
.player video::cue{font-family:var(--font);font-weight:800;background:rgba(11,20,38,.82)}
.chapters{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.chapters a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--pill);background:rgba(34,50,88,.78);box-shadow:inset 0 0 0 1px var(--line-night);font-weight:800;font-size:15px;text-decoration:none}
.chapters a:hover{background:var(--night-light)}
.chapters b{color:var(--gold)}
.transcript{margin-top:36px;max-width:62ch}
.transcript h2{font-size:22px;font-weight:900}
.transcript ol{margin-top:12px;display:grid;gap:8px;color:var(--on-night-muted)}
.transcript time{display:inline-block;min-width:3.2em;font-weight:800;color:var(--snow);font-variant-numeric:tabular-nums}
.transcript .who{font-weight:800;color:var(--snow)}
.transcript .sfx{font-style:italic}
.transcript .after{margin-top:14px;color:var(--on-night-muted)}