.hero-film header{position:absolute;inset:0 0 auto;z-index:6;background:transparent}
.hero-film .opening-scene{min-height:100svh;padding:130px 5vw 80px;align-items:flex-end}
.hero-film .opening-copy{width:500px;margin-left:0}
.hero-film .opening-copy h1{font-size:clamp(40px,3.5vw,54px);line-height:1.08;margin-bottom:22px}
.hero-film .opening-copy p{font-size:17px;line-height:1.6;max-width:420px;margin-bottom:26px}
.hero-film .opening-scene:before{display:block;background:linear-gradient(180deg,rgba(16,31,34,.5),transparent 32%,rgba(16,31,34,.2) 55%,rgba(16,31,34,.88))}
.hero-film .opening-horizon{height:3px;left:5vw;right:5vw}
@media(max-width:700px){
 .hero-film .opening-scene{display:flex;justify-content:flex-end;padding:130px 24px 60px;min-height:100svh}
 .hero-film .opening-copy{width:100%;margin:0}
 .hero-film .opening-copy h1{font-size:36px}
 .hero-film .opening-image{position:absolute;inset:0;width:100%;height:100%;margin:0;object-position:33% center;z-index:-2}
 .hero-film .opening-scene:before{display:block;background:linear-gradient(180deg,rgba(16,31,34,.5),transparent 28%,rgba(16,31,34,.25) 45%,rgba(16,31,34,.92))}
 .hero-film .opening-actions{gap:24px}
 .hero-film .opening-horizon{left:24px;right:24px}
}
.opening-poster{position:absolute;inset:0;z-index:-2}
.hero-film .opening-poster .opening-image{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:cover;object-position:center}
.opening-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0}
.opening-video.is-playing{opacity:1}
.video-control{position:absolute;right:5vw;bottom:22px;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:#101f22;color:white;cursor:pointer}
.video-control[hidden]{display:none}
.video-control svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.video-control .video-play{display:none}
.video-control.is-paused .video-play{display:block}
.video-control.is-paused .video-pause{display:none}
.video-control:hover{background:#247059}
.hero-film .opening-scene:before{background:linear-gradient(90deg,rgba(16,31,34,.8),rgba(16,31,34,.65) 34%,transparent 66%),linear-gradient(180deg,rgba(16,31,34,.8),transparent 22%)}
@media(max-width:700px){
 .video-control{right:24px;bottom:15px}
 .hero-film .opening-scene:before{background:linear-gradient(180deg,rgba(16,31,34,.88),transparent 25%,rgba(16,31,34,.25) 42%,rgba(16,31,34,.97))}
 .hero-film .opening-copy p{max-width:34ch}
 .hero-film .opening-copy{padding-bottom:16px}
}