.hero-film{background:#293c40;height:calc(100svh - 141px);min-height:460px;max-height:960px}
.hero-film-poster,.hero-film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-film-poster img{object-position:center}
.hero-film-video{opacity:0;transition:opacity .5s ease}
.hero-film.is-film-ready .hero-film-video{opacity:1}
.hero-film::after{background:linear-gradient(180deg,transparent 55%,#00000018 72%,#00000080)}
.hero-film .hero-copy{bottom:42px;pointer-events:none}
.hero-film .hero-project-link{pointer-events:auto}
.hero-film-toggle{position:absolute;z-index:4;right:28px;bottom:28px;display:flex;align-items:center;justify-content:center;gap:10px;min-width:44px;min-height:44px;padding:10px 15px;border:1px solid #ffffff65;border-radius:24px;background:#00000020;color:white;font-size:15px;backdrop-filter:blur(8px)}
.hero-film-toggle:focus-visible{outline-color:white}
.film-control-label{font-size:12px}
@media(max-width:1000px){.film-control-label{display:none}.hero-film-toggle{width:44px;padding:8px}.hero-film .hero-copy{width:calc(100% - 130px)}}
@media(max-width:650px){.hero-film{height:calc(100svh - 136px);min-height:440px;max-height:900px}.hero-film .hero-copy{bottom:35px;width:calc(100% - 100px)}.hero-film .hero-caption{font-size:14px}.hero-film-toggle{right:16px;bottom:22px}.hero-film .hero-project-link{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.hero-film-video{transition:none}}