/* Generated cinematic footage, with ordinary HTML content above it. */
.cinema-journey{height:220svh;position:relative;background:#16191d}
.cinema-journey .hero{position:sticky;top:0;height:100svh;min-height:680px;max-height:none}
#cinema-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;z-index:1;opacity:1;transition:opacity .45s}
.cinema-photo #cinema-film{opacity:0;pointer-events:none}
.cinema-journey .hero-shade{z-index:2;background:linear-gradient(90deg,#0b0e13dc,#0b0e1360 60%,#0b0e1320),linear-gradient(0deg,#0b0e13d9,transparent 30%)}
.cinema-journey .hero-content,.cinema-journey .hero-bottom,.cinema-journey .vertical-label{z-index:3}
.scene-controls #cinema-scene{border-top-color:var(--red);color:white}
.cinema-photo .scene-controls #cinema-scene{border-top-color:#ffffff38;color:#c2c9be}
.cinema-hint{position:absolute;left:7%;bottom:95px;z-index:3;font-size:9px;letter-spacing:1.5px;color:#e0e2e5}
.cinema-photo .cinema-hint{visibility:hidden}
@media(max-width:700px){.cinema-journey .hero{min-height:700px}.scene-controls{gap:8px;flex-wrap:wrap}.scene-controls button{min-width:45px;font-size:9px}.scene-controls span{margin-left:4px}.cinema-hint{bottom:112px;font-size:8px}.cinema-journey{height:200svh}}
@media(prefers-reduced-motion:reduce){.cinema-journey{height:auto}.cinema-journey .hero{position:relative}.cinema-hint{display:none}}