/* Static poster/copy flow is also the no-JS fallback. */
.v5-film{position:relative;background:var(--mt-color-background)}
.film-media{display:none}
.film-copy-set{position:relative}
.film-copy-set .chapter-poster{width:100%;max-height:65svh;object-fit:contain}
.film-copy-set .scene-top,.film-copy-set .stage-copy{position:relative;inset:auto;padding-block:24px}
.chapter-anchor{scroll-margin-top:0}
.film-ready .v5-film:not(.is-reduced){height:300svh}
.film-ready .v5-film:not(.is-reduced) .film-viewport{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
.film-ready .v5-film:not(.is-reduced) .film-anchors{position:absolute;inset:0;pointer-events:none}
.film-ready .v5-film:not(.is-reduced) .chapter-anchor{height:100svh}
.film-ready .v5-film:not(.is-reduced) .chapter-poster{display:none}
.film-ready .v5-film:not(.is-reduced) .film-media{display:block;position:absolute;inset:0;z-index:-1}
.film-media .film-poster,.film-media .stage-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.film-media .film-poster{z-index:0}
.film-media .stage-film{z-index:1;visibility:hidden}
.film-media .stage-film.current{visibility:visible;z-index:2}
.film-ready .v5-film:not(.is-reduced) .film-viewport:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--mt-color-background) 88%,transparent),transparent 85%),linear-gradient(0deg,var(--mt-color-background),transparent 75%)}
.film-ready .v5-film:not(.is-reduced) .film-copy-set{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .4s ease}
.film-ready .v5-film:not(.is-reduced) .film-copy-set.is-active{opacity:1}
.film-ready .v5-film:not(.is-reduced) .film-copy-set .scene-top{position:absolute;top:116px;left:0;right:0;padding:0}
.film-ready .v5-film:not(.is-reduced) .film-copy-set .stage-copy{position:absolute;top:auto;bottom:64px;left:0;right:0;padding:0}
.film-copy-set a{pointer-events:auto}
.film-copy-set[inert] a{pointer-events:none}
.film-copy-set .stage-lead{max-width:var(--mt-measure)}
@media(max-width:1023px){
  .v5-film{--film-media-h:min(calc((100vw - 2 * var(--mt-layout-gutter)) * .5625),calc(100svh - 420px))}
  .film-ready .v5-film:not(.is-reduced) .film-media{inset:144px 0 auto;z-index:0;height:var(--film-media-h);width:calc(var(--film-media-h) * 16 / 9);max-width:calc(100% - 2 * var(--mt-layout-gutter));margin-inline:auto}
  .film-media .film-poster,.film-media .stage-film{object-fit:contain;object-position:center}
  .film-ready .v5-film:not(.is-reduced) .film-viewport:after{display:none}
  .film-ready .v5-film:not(.is-reduced) .film-copy-set .scene-top{top:110px;justify-content:center}
  .film-ready .v5-film:not(.is-reduced) .film-copy-set .stage-copy{top:calc(160px + var(--film-media-h));bottom:auto;text-align:center}
  .film-copy-set .eyebrow{justify-content:center}
  .film-copy-set .stage-copy h2{font-size:var(--mt-type-h2);line-height:var(--mt-type-h2-lh);margin:10px auto}
  .film-copy-set .stage-lead{font-size:var(--mt-type-body);line-height:var(--mt-type-body-lh);margin:0 auto 10px}
  .film-copy-set .stage-product{margin-top:10px;min-height:44px;padding:10px 16px}
  .film-copy-set .source-link{margin-top:8px}
}
.v5-film.is-reduced .film-viewport{display:none}
.v5-film.is-reduced .chapter-anchor{height:auto;padding:32px 0 48px}
.v5-film.is-reduced .film-copy-set{opacity:1;transition:none}
.v5-film.is-reduced .chapter-poster{width:min(calc(100% - 2 * var(--mt-layout-gutter)),854px);margin-inline:auto}
.v5-film.is-reduced .scene-top{padding-top:24px}
.v5-film.is-reduced .stage-copy{padding-top:0}

/* Keep the 100svh stage and chapter anchors aligned on short screens. */
@media(max-width:1023px) and (max-height:600px){
  .v5-film{--film-media-h:clamp(120px,calc(100svh - 374px),calc((100vw - 2 * var(--mt-layout-gutter)) * .5625))}
  .film-ready .v5-film:not(.is-reduced) .film-media{top:130px}
  .film-ready .v5-film:not(.is-reduced) .film-copy-set .scene-top{top:104px}
  .film-ready .v5-film:not(.is-reduced) .film-copy-set .stage-copy{top:calc(138px + var(--film-media-h))}
  .film-ready .v5-film:not(.is-reduced) .stage-copy h2{line-height:1.15;margin-block:6px}
  .film-ready .v5-film:not(.is-reduced) .stage-lead{line-height:1.6;margin-bottom:6px}
  .film-ready .v5-film:not(.is-reduced) .source-link{margin-top:4px}
  .film-ready .v5-film:not(.is-reduced) .stage-product{margin-top:6px}
}
@media(min-width:600px) and (max-width:1023px) and (max-height:600px){
  .v5-film{--film-media-h:min(calc((50vw - 1.5 * var(--mt-layout-gutter)) * .5625),calc(100svh - 150px))}
  .film-ready .v5-film:not(.is-reduced) .film-media{top:132px;left:var(--mt-layout-gutter);right:auto;margin:0;max-width:calc(50% - 1.5 * var(--mt-layout-gutter))}
  .film-ready .v5-film:not(.is-reduced) .film-copy-set .scene-top{top:104px;left:var(--mt-layout-gutter);right:50%;width:auto;margin-inline:0;justify-content:flex-start}
  .film-ready .v5-film:not(.is-reduced) .film-copy-set .stage-copy{top:104px;bottom:auto;left:50%;right:var(--mt-layout-gutter);width:auto;max-width:none;padding:0;text-align:left}
  .film-ready .v5-film:not(.is-reduced) .stage-copy .eyebrow{justify-content:flex-start}
  .film-ready .v5-film:not(.is-reduced) .stage-copy h2{font-size:var(--mt-type-h2);margin-inline:0}
  .film-ready .v5-film:not(.is-reduced) .stage-lead{margin-inline:0;text-align:left}
}