/* Deferred, responsive hero media. The poster owns the first paint. */
.hero-background .hero-video-poster,.hero-background .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;animation:none}
.hero-background .hero-video-poster{opacity:1;transition:opacity .45s ease}
.hero-background .hero-video{opacity:0;transition:opacity .45s ease;pointer-events:none}
.hero-background.is-video-ready .hero-video{opacity:1}
.hero-background.is-video-ready .hero-video-poster{opacity:0}
.hero-video-toggle{position:absolute;z-index:3;top:24px;inset-inline-end:0;width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff6b;border-radius:50%;color:#fff;background:#0b1929ad;cursor:pointer}
.hero-video-toggle:hover{background:#1f344b}
.hero-video-toggle:focus-visible{outline:3px solid #b9e5f5;outline-offset:4px}
.hero-video-toggle svg{width:14px;height:14px;fill:currentColor}
.hero-video-toggle .video-pause-icon{display:none}
.hero-video-toggle.is-playing .video-pause-icon{display:block}
.hero-video-toggle.is-playing .video-play-icon{display:none}
.hero-video-toggle[hidden]{display:none}
@media(max-width:760px){.hero-video-toggle{top:0;inset-inline-end:0;width:33px;height:33px}.hero-background .hero-video-poster,.hero-background .hero-video{object-position:45% center}}
@media(prefers-reduced-motion:reduce){.hero-background .hero-video-poster,.hero-background .hero-video{transition:none}}