.hero[data-hero-motion]{overflow:hidden}
.hero .hero-motion-video{pointer-events:none;opacity:0;transition:opacity .4s ease}
.hero .hero-motion-video.is-ready{opacity:1}
.hero .hero-motion-toggle{position:absolute;right:18px;bottom:24px;z-index:8;border:1px solid rgba(255,255,255,.65);border-radius:22px;background:rgba(7,27,47,.82);color:#fff;padding:9px 14px;font:500 13px/1.2 sans-serif;cursor:pointer;box-shadow:0 2px 8px #0002}
.hero .hero-motion-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hero .hero-motion-toggle[hidden]{display:none}
.hero.motion-properties{isolation:isolate}
.hero.motion-properties .hero-motion-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.hero.motion-properties:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,20,42,.62),rgba(0,20,42,.16) 58%,transparent);z-index:-1;pointer-events:none;opacity:0}
.hero.motion-properties.motion-ready:before{opacity:1}
@media(prefers-reduced-motion:reduce){.hero .hero-motion-video{display:none}.hero.motion-properties.motion-ready:before{opacity:0}}
@media(max-width:600px){.hero .hero-motion-toggle{right:12px;bottom:14px;font-size:12px;padding:8px 11px}}


.hero.motion-properties > img.hero-mobile-still { display: none !important; }