/* One film, one screen. Shares the established AI page's projection-room palette. */
.film-watch-page {
  --display: var(--body); --signature: var(--body); --utility: var(--body);
  --screen-night: #021526; --player-black: #010c16; --caption-ivory: #e2e2b6;
  --monitor-blue: #6eacda; --credit-blue: #9fb1be; --making-paper: #f7f8f2;
  --frame-rule: rgb(226 226 182 / .18);
  background: var(--screen-night); color: var(--caption-ivory); font-family: var(--body);
}
.film-watch-page::before,.film-watch-page::after { display: none; }
.film-watch-page main :where(h1,h2,h3,p,figure,dl,dd) { margin: 0; }
.film-watch-page main :is(h1,h2) { font-family: var(--body); letter-spacing: -.035em; text-wrap: balance; }
.film-watch-page main a { color: inherit; }
.film-watch-page main :is(a,video):focus-visible { outline: 2px solid var(--monitor-blue); outline-offset: 6px; }
.film-watch-page .page-header { color: var(--caption-ivory); background: var(--screen-night); border-bottom: 1px solid var(--frame-rule); }
.watch { max-width: 1440px; margin-inline: auto; padding: 18px clamp(20px,4vw,64px) 32px; }
.watch__crumb { display: flex; gap: 12px; align-items: center; margin-bottom: 20px; color: var(--credit-blue); font-size: .8125rem; }
.watch__crumb a { text-decoration: none; }
.watch__crumb a:hover { text-decoration: underline; text-underline-offset: 4px; }
.watch__stage { display: grid; grid-template-columns: minmax(190px,1fr) auto minmax(175px,1fr); gap: clamp(24px,4vw,64px); align-items: center; }
.watch__intro { align-self: center; }
.watch__eyebrow { color: var(--credit-blue); font-size: .8125rem; font-weight: 500; letter-spacing: .1em; line-height: 1.6; }
.watch__intro h1 { font-size: clamp(1.9rem,3.1vw,2.8rem); font-weight: 650; line-height: 1.35; margin-block: 20px; }
.watch__dek { color: var(--credit-blue); font-size: .9375rem; line-height: 1.85; }
.watch__more { display: inline-flex; gap: 16px; margin-top: 36px; font-size: .8125rem; text-decoration: none; padding-block: 10px; border-bottom: 1px solid var(--frame-rule); }
.watch__film { width: min(39vw, calc((100svh - 230px) * .5625), 405px); min-width: 280px; }
.watch__film video { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: contain; background: var(--player-black); border: 0; }
.watch__film figcaption { display: flex; justify-content: space-between; gap: 12px; margin-top: 12px; font-size: .75rem; color: var(--credit-blue); }
.watch__film figcaption > :last-child { font-variant-numeric: tabular-nums; letter-spacing: .08em; }
.watch__credits { max-width: 230px; justify-self: end; }
.watch__credits dl { margin-top: 28px; }
.watch__credits dl > div { border-top: 1px solid var(--frame-rule); padding-block: 16px; }
.watch__credits dt { color: var(--credit-blue); font-size: .75rem; margin-bottom: 7px; }
.watch__credits dd { font-size: .875rem; line-height: 1.8; }
.watch__disclosure { color: var(--credit-blue); font-size: .75rem; line-height: 1.8; margin-top: 20px !important; }
.making { margin-top: 20px; padding: clamp(64px,7vw,104px) max(24px,calc((100% - 1000px)/2)); background: var(--making-paper); color: var(--screen-night); }
.making__intro { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 72px; align-items: end; }
.making__intro .watch__eyebrow { color: #4b5b67; grid-column: 1 / -1; }
.making__intro h2 { font-size: clamp(1.8rem,3.2vw,2.6rem); font-weight: 600; line-height: 1.4; }
.making__intro > p:last-child { font-size: .9375rem; line-height: 1.95; color: #4b5b67; }
.making__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; max-width: 740px; margin: 48px auto 0; }
.making__pair img { width: 100%; height: auto; aspect-ratio: 9 / 13; object-fit: cover; object-position: center 32%; display: block; }
.making__pair figcaption { padding-top: 18px; }
.making__pair figcaption > span { font-size: 1rem; font-weight: 600; }
.making__pair figcaption p { margin-top: 10px; font-size: .875rem; line-height: 1.9; color: #4b5b67; }
.making__end { display: flex; gap: 24px; justify-content: space-between; align-items: center; border-top: 1px solid #d3d9d6; margin-top: 52px; padding-top: 28px; font-size: .875rem; }
.watch__link { display: inline-flex; align-items: center; gap: 24px; min-height: 44px; padding-block: 8px; border-bottom: 1px solid currentColor; font-size: .9375rem; font-weight: 600; text-decoration: none; }
.watch__link:hover span { transform: translate(2px,-2px); }
.watch__link span { transition: transform .2s; }
.watch-contact { max-width: 1128px; margin-inline: auto; padding: 80px 32px; display: flex; gap: 48px; align-items: end; justify-content: space-between; }
.watch-contact h2 { margin-top: 20px !important; font-size: clamp(1.6rem,3vw,2.3rem); line-height: 1.5; font-weight: 500; }
.film-watch-page .site-footer { border-top: 1px solid var(--frame-rule); }
@media (max-width:1000px) {
  .watch__stage { grid-template-columns: minmax(160px,1fr) auto; gap: 28px; }
  .watch__intro { grid-column: 1; grid-row: 1; align-self: start; padding-top: 32px; }
  .watch__film { grid-column: 2; grid-row: 1 / 3; width: min(43vw, calc((100svh - 230px) * .5625), 390px); }
  .watch__credits { grid-column: 1; grid-row: 2; justify-self: start; width: 100%; max-width: 260px; }
  .watch__credits > .watch__eyebrow,.watch__disclosure { display:none; }
  .watch__credits dl { margin-top:0; }
  .watch__intro h1 { font-size: 2rem; }
}
@media (max-width:640px) {
  .watch { padding: 16px 20px 32px; }
  .watch__crumb { font-size: .75rem; margin-bottom: 22px; }
  .watch__stage { display: flex; flex-direction: column; gap: 24px; align-items: stretch; }
  .watch__intro { padding-top: 0; }
  .watch__intro h1 { margin: 10px 0 0; font-size: clamp(1.65rem,7.2vw,2rem); line-height: 1.35; }
  .watch__intro h1 br { display: none; }
  .watch__dek,.watch__more { display: none; }
  .watch__film { width: min(100%, calc((100svh - 270px) * .5625), 360px); min-width: 0; align-self: center; }
  .watch__credits { max-width: none; }
  .watch__credits dl { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
  .watch__credits dl > div:last-child { grid-column: 1 / -1; }
  .watch__credits dd br { display:none; }
  .making { margin-top: 0; padding: 52px 24px; }
  .making__intro { grid-template-columns: 1fr; gap: 16px; }
  .making__intro h2 { font-size: 1.9rem; }
  .making__pair { gap: 16px; margin-top: 32px; }
  .making__pair img { aspect-ratio: 9 / 16; object-fit: contain; }
  .making__pair figcaption > span { font-size: .9375rem; }
  .making__pair figcaption p { font-size: .8125rem; }
  .making__end { display: block; margin-top: 32px; }
  .making__end .watch__link { margin-top: 16px; }
  .watch-contact { padding: 52px 24px; flex-direction: column; align-items: start; gap: 20px; }
}
@media (prefers-reduced-motion:reduce) { .watch__link span { transition: none; } }