.hero-motion-frame{position:relative;width:100%;aspect-ratio:15/11;overflow:hidden;background:#121516}
.hero-image .hero-motion-poster{display:block;width:100%;height:100%;object-fit:contain}
.hero-motion-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .7s ease;pointer-events:none}
.hero-motion-frame.motion-ready .hero-motion-video{opacity:1}
.hero-motion-toggle{position:absolute;right:14px;bottom:14px;z-index:2;min-height:36px;min-width:70px;padding:8px 12px;border:1px solid #ffffff50;border-radius:2px;background:#101314c7;color:#fff;font:11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.04em;cursor:pointer}
.hero-motion-toggle:hover{background:#101314}
.hero-motion-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.hero-motion-video,.hero-motion-toggle{display:none!important}.hero-motion-video{transition:none}}