.hero-motion{object-fit:cover;object-position:var(--motion-wide-position,50% 50%);opacity:0;width:100%;height:100%;transition:opacity .9s var(--ease-out,ease-out);pointer-events:none;position:absolute;inset:0}.hero-motion[data-shown=true]{opacity:1}@media (max-width:599px){.hero-motion{object-position:var(--motion-tall-position,var(--motion-wide-position,50% 50%))}}@media (prefers-reduced-motion:reduce){.hero-motion{display:none}}