/* Full-width background; only the text has a readable inset. */
.video-hero{position:relative;isolation:isolate;padding:0;min-height:360px}
.banner-media{position:absolute;inset:0;z-index:-2;overflow:hidden;background:var(--navy)}
.banner-media img,.banner-media video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.banner-media video{opacity:0}
.video-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,19,32,.88),rgba(10,19,32,.67) 55%,rgba(10,19,32,.35))}
.video-hero .opening-grid{display:block;min-height:360px;position:relative}
.video-hero .opening-copy{padding:44px 0 70px;max-width:780px}
.video-hero .lead{color:#fff}
.video-hero h1 em{color:#91acff}
.banner-toggle{position:absolute;right:0;bottom:18px;background:#141c26e6;border:1px solid #ffffff80;color:#fff;padding:9px 13px;font-size:.8125rem;cursor:pointer;min-height:42px}
.banner-toggle:hover{background:#233756}
@media(max-width:760px){.video-hero,.video-hero .opening-grid{min-height:355px}.video-hero .opening-copy{padding:30px 0 78px}.video-hero:after{background:rgba(10,19,32,.76)}.video-hero h1{max-width:440px}.banner-toggle{left:0;right:auto}}

/* Small visible icon with a 44px touch target. */
.banner-toggle{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:#141c2699}
.banner-toggle svg{width:18px;height:18px;grid-area:1/1}
.banner-toggle[data-state="paused"] .banner-pause-icon,.banner-toggle[data-state="playing"] .banner-play-icon{display:none}
@media(max-width:760px){.banner-toggle{left:auto;right:0}}