.hero-film{margin:0;justify-self:center;width:min(100%,330px);color:#fff}
.hero-film-player{position:relative;overflow:hidden;border:7px solid #ffffff;border-radius:22px;background:#000;box-shadow:0 24px 65px #062b7559}
.hero-film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:999px;background:#f5c75f;color:#112444;font-weight:700;font-size:16px;padding:15px 24px;white-space:nowrap;box-shadow:0 6px 22px #0008}
.hero-film-play[hidden]{display:none}
.hero-film-play:hover{background:#ffe093}
.hero-film video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#000;object-fit:contain}
.hero-film video:focus-visible{outline:3px solid #f5c75f;outline-offset:-5px}
.hero-film figcaption{text-align:center;margin-top:15px;font-size:15px;font-weight:600;line-height:1.5}
@media(max-width:1100px){.hero-film{width:min(100%,300px)}}
@media(max-width:700px){.hero-film{width:min(100%,310px);margin:34px auto 0}.hero-film-player{border-width:5px}.hero-film figcaption{font-size:14px}}