.hero .hero-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 49%;opacity:0;pointer-events:none;transition:opacity .7s ease-out}
.hero .hero-motion.is-playing{opacity:1}
.hero-motion-toggle{position:absolute;top:20px;right:0;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #ffffff60;border-radius:4px;background:#1023348c;color:#fff;cursor:pointer}
.hero-motion-toggle:hover{background:#102334}
.hero-motion-toggle svg{width:20px;height:20px}
#hero-motion-toggle[hidden],.hero-motion-toggle .motion-play,.hero-motion-toggle[aria-pressed="true"] .motion-pause{display:none}
.hero-motion-toggle[aria-pressed="true"] .motion-play{display:block}
@media(prefers-reduced-motion:reduce){.hero .hero-motion,.hero-motion-toggle{display:none!important}}
@media(max-width:540px){.hero .hero-motion{object-position:67% center}}