.hero{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(0,1fr);gap:clamp(16px,3vw,40px);align-items:center;padding:12px 0 32px}
.hero h1{margin:14px 0}.hero p{margin:0}
.field{display:block;position:relative;isolation:isolate;overflow:hidden;border:1px solid #53858d66;background:#486875;color:white;padding:0;width:100%;border-radius:40% 40% 16px 16px;aspect-ratio:4/3;cursor:pointer;-webkit-tap-highlight-color:transparent}
.field video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.film-tag,.play{position:absolute;bottom:10px;background:#0b2026dd;color:#fff;line-height:1}
.film-tag{left:10px;font:600 9px/1 system-ui;letter-spacing:.12em;padding:7px 10px;border-radius:99px}.film-tag b{color:#8ee3ef;margin-right:5px}
.play{right:10px;display:grid;place-items:center;border-radius:50%;width:28px;height:28px;font:22px/1 system-ui}
.field:focus-visible{outline:3px solid #27a7c3;outline-offset:3px}.field:disabled{cursor:default}.field:disabled .play{display:none}
@media(max-width:640px){.hero{grid-template-columns:1fr;gap:18px}.field{width:min(100%,320px);justify-self:center}.hero h1{font-size:clamp(35px,9vw,52px)}}