.hero-media>.hero-poster{z-index:-3;width:100%;height:100%}.hero-poster img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hero-video{z-index:-2;object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity var(--sx-motion-body);position:absolute;inset:0}.hero-video.is-playing{opacity:1}.hero-video-toggle{right:var(--sx-space-24);bottom:var(--sx-space-24);z-index:1;width:var(--sx-layout-touch);height:var(--sx-layout-touch);border:var(--sx-size-1) solid var(--sx-color-paper);background:var(--sx-color-gray-00000088);color:var(--sx-color-paper);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute}.hero-video-toggle[hidden]{display:none}.hero-video-toggle:hover,.hero-video-toggle:focus-visible{background:var(--sx-color-paper);color:var(--sx-color-ink)}.hero-video-toggle svg{width:var(--sx-space-24);height:var(--sx-space-24);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.hero-video-toggle .play-symbol,.hero-video-toggle[data-paused=true] .pause-symbol{display:none}.hero-video-toggle[data-paused=true] .play-symbol{display:block}@media (width<=767px){.hero-video-toggle{right:var(--sx-space-16);bottom:var(--sx-space-16)}}@media (prefers-reduced-motion:reduce){.hero-video{transition:none}}