/* Keep the poster and film in the same frame, without the former image zoom. */
.hero .hero-poster,
.hero .hero-video{object-position:50% 50%;animation:none;transform:none}
.hero .hero-poster{opacity:1;transition:opacity .35s var(--ease)}
.hero .hero-video{opacity:0;transition:opacity .35s var(--ease)}
.hero.video-ready .hero-poster{opacity:0}
.hero.video-ready .hero-video{opacity:1}
.hero-video-toggle{position:absolute;z-index:3;top:132px;right:var(--rand);display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid oklch(97% .006 115 / .55);border-radius:50%;background:oklch(25% .009 115 / .55);color:var(--bg);cursor:pointer;transition:background .2s,border-color .2s}
.hero-video-toggle[hidden]{display:none}
.hero-video-toggle:hover{background:oklch(25% .009 115 / .85);border-color:var(--bg)}
.hero-video-toggle:focus-visible{outline:2px solid var(--bg);outline-offset:4px}
.hero-video-toggle[data-state="paused"] .hero-video-pause,
.hero-video-toggle[data-state="playing"] .hero-video-play{display:none}
@media(max-width:999px){.hero-video-toggle{top:103px}}
@media(max-width:759px){.hero-ort{right:calc(var(--rand) + 55px)}.hero-video-toggle{top:102px}}
@media(prefers-reduced-motion:reduce){.hero .hero-poster,.hero .hero-video{transition:none}}