/* Dedicated, video-first page using the existing black-and-gold brand. */
.watch-heading { padding: 112px 0 24px; }
.watch-heading .crumb { margin-bottom: 20px; }
.watch-heading h1 { max-width: 24ch; margin: 16px 0; font: 500 clamp(30px,4vw,48px)/1.12 'Playfair Display',serif; color: var(--cream); }
.watch-heading .accent { color: var(--gold-bright); }
.watch-heading p { max-width: 65ch; color: var(--cream); font: 400 16px/1.6 'Inter',sans-serif; }
.watch-main { padding-bottom: 56px; }
.watch-video { display: block; width: 100%; max-height: 72vh; aspect-ratio: 16/9; background: #000; border: 1px solid rgba(207,168,106,.35); }
.watch-credit { font: 400 12px/1.6 'Inter',sans-serif; color: var(--gold-bright); margin: 12px 0 32px; }
.watch-notes { max-width: 760px; margin: 0 auto; }
.watch-notes h2 { margin: 32px 0 16px; font: 500 clamp(23px,3vw,30px)/1.3 'Playfair Display',serif; color: var(--cream); }
.watch-notes p,.watch-notes li { font: 400 16px/1.75 'Inter',sans-serif; color: var(--cream); }
.watch-notes p { margin: 16px 0; }
.watch-notes ul { padding-left: 24px; }
.watch-notes li { margin-bottom: 12px; }
.watch-notes a { color: var(--gold-bright); text-decoration: underline; text-underline-offset: 4px; }
.watch-notes .watch-context { font-size: 13px; color: rgba(240,232,214,.8); padding: 16px; border-left: 2px solid var(--gold); background: rgba(207,168,106,.04); }
.watch-transcript { border-top: 1px solid var(--gold); border-bottom: 1px solid var(--gold); margin: 28px 0; }
.watch-transcript summary { padding: 20px 0; cursor: pointer; color: var(--gold-bright); font: 600 16px/1.5 'Inter',sans-serif; }
.watch-timestamp { color: var(--gold-bright); font-size: 13px; margin-right: 8px; }
.watch-next { border-top: 1px solid rgba(207,168,106,.3); margin-top: 24px; }
.watch-transcript summary:focus-visible,.watch-notes a:focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 4px; }
@media(max-width:600px) { .watch-heading { padding-top: 100px; } .watch-heading h1 { font-size: 32px; } }