.hero-video-button { cursor:pointer; border-radius:999px; background:#fff; color:#007488; border:1px solid #007488; font:inherit; }
.hero-video-button span { font-size:.8em; margin-left:.35em; }
.hero-video-dialog { width:min(860px, 92vw); padding:0; border:0; border-radius:20px; background:#101820; color:#fff; }
.hero-video-dialog::backdrop { background:rgba(0,0,0,.68); }
.hero-video-dialog-inner { position:relative; padding:48px 18px 18px; }
.hero-video-dialog video { width:100%; display:block; aspect-ratio:16/9; background:#111; }
.hero-video-close { position:absolute; right:12px; top:8px; border:0; width:36px; height:36px; border-radius:50%; background:#fff; color:#182128; font-size:24px; line-height:1; cursor:pointer; }
.hero-video-unavailable { text-align:center; margin:10px 0 0; }