.hero-film { position:relative; display:block; width:100%; margin:0; padding:0; overflow:hidden; background:#e9dfca; aspect-ratio:1264 / 720; border-radius:0; }
.hero-film video { display:block; width:100%; height:100%; object-fit:contain; }
.hero-film-toggle { position:absolute; right:20px; bottom:20px; min-width:44px; min-height:44px; padding:10px 16px; border:1px solid #ffffff70; border-radius:0; background:#123c32d9; color:#fff; font-family:inherit; font-weight:500; font-size:13px; line-height:1.4; cursor:pointer; z-index:2; }
.hero-film-toggle:hover { background:#123c32; }
.hero-film-toggle:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.hero-film-toggle[hidden] { display:none; }
@media(max-width:640px) { .hero-film-toggle { right:12px; bottom:12px; padding:8px 12px; } }