/* The video it opens: over the page, closed by its button, Esc or a press outside (hero-play.js). */
.hx-vid { position: fixed; inset: 0; z-index: 9000; display: grid; place-items: center; padding: 24px; background: rgba(3, 8, 22, .82); }
.hx-vid__in { position: relative; width: min(1100px, 100%); aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; background: #000; }
.hx-vid__in iframe, .hx-vid__in video { display: block; width: 100%; height: 100%; border: 0; }
.hx-vid__x { position: absolute; top: -46px; right: 0; width: 38px; height: 38px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .14); color: #fff; font-size: 22px; line-height: 1; cursor: pointer; }