/* Background film and playback controls. */
.hero-media img{animation:none!important}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;opacity:0;transition:opacity .85s ease;pointer-events:none}
.hero.has-video .hero-video{opacity:1}
.hero.has-video .hero-media{transform:none;will-change:auto}
.hero.has-video .hero-signal:after{display:none}
.hero-video-toggle{position:absolute;top:186px;right:var(--gutter);z-index:2;display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:10px 13px;border:1px solid #ffffff40;background:#10111080;backdrop-filter:blur(8px);font:10px/1.3 var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--white);transition:border-color .25s,background .25s}
.hero-video-toggle[hidden]{display:none}
.hero-video-toggle:hover{border-color:var(--accent);background:#101110c9}
.hero-video-toggle svg{width:14px;height:14px;color:var(--accent);flex-shrink:0}
.hero-video-toggle .film-pause,.hero-video-toggle.is-playing .film-play{display:none}
.hero-video-toggle.is-playing .film-pause{display:block}
@media(max-width:800px){.hero-video-toggle{top:177px}}
@media(max-width:540px){.hero-video{object-position:52% center}.hero-video-toggle{top:163px;min-height:40px;padding:8px 10px;font-size:9px}.hero.has-video .hero-media{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-video{transition:none}}
@media print{.hero-video,.hero-video-toggle{display:none!important}}

/* Three quiet chapter markers follow the actual progression of the film. */
.hero-media img{object-position:50% 48%}
@media(max-width:540px){.hero-media img{object-position:52% center}}
.hero.has-video .hero-signal{display:none}
.film-story{position:absolute;top:190px;left:var(--gutter);z-index:2;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .5s}
.hero.has-video .film-story{opacity:1;visibility:visible}
.film-chapter{display:flex;align-items:center;gap:10px;font:10px/1.4 var(--display);letter-spacing:.035em;text-transform:uppercase;color:#edece6}
.film-chapter b{font-weight:400;color:var(--accent)}
.film-timeline{display:flex;gap:5px;margin-top:9px}
.film-timeline>i{display:block;width:31px;height:2px;background:#ffffff38;overflow:hidden}
.film-timeline>i>span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--chapter-progress,0));transform-origin:left;transition:transform .22s linear}
@media(max-width:800px){.film-story{top:181px}}
@media(max-width:540px){.film-story{top:169px}.film-chapter{font-size:9px;gap:7px;letter-spacing:0}.film-timeline>i{width:24px}}
@media(prefers-reduced-motion:reduce){.film-story,.film-timeline>i>span{transition:none}}
@media print{.film-story{display:none}}