.hero-film{position:relative;width:100%;margin-top:28px;aspect-ratio:16/9;background:#232b38;border-radius:8px;overflow:hidden;isolation:isolate}
.hero-film video{display:block;width:100%;height:100%;object-fit:contain}
.hero-film-start{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;padding:0;border:0;background:transparent;cursor:pointer;color:#0037a7}
.hero-film-play{display:flex;align-items:center;justify-content:center;width:123px;height:123px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 10px 34px #0006;transition:transform .3s ease;animation:hero-film-pulse 2.1s ease-out infinite}
.hero-film-play svg{display:block;width:33px;height:42px;margin-left:9px}
.hero-film-start:hover .hero-film-play,.hero-film-start:focus-visible .hero-film-play{transform:scale(1.09)}
@keyframes hero-film-pulse{0%{box-shadow:0 10px 34px #0006,0 0 0 0 rgba(0,55,167,.2)}100%{box-shadow:0 10px 34px #0006,0 0 0 25px rgba(0,55,167,0)}}
.hero-film-pause{position:absolute;right:18px;bottom:18px;width:44px;height:44px;border:1px solid #ffffff60;border-radius:5px;background:#232b38;color:#fff;cursor:pointer;font-size:19px}
.hero-film button:focus-visible{outline:3px solid #e3ff04;outline-offset:-5px}
.hero-film[data-mode="watch"] .hero-film-start,.hero-film[data-mode="watch"] .hero-film-pause{display:none}
@media(max-width:575px){.hero-film-play{width:88px;height:88px}.hero-film-play svg{width:26px;height:33px;margin-left:7px}.hero-film-pause{right:12px;bottom:12px;width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.hero-film-play{animation:none;transition:none}}