/* No CSS-hidden entrance state: content remains available if JavaScript fails. */
.motion-parallax {
  translate:0 var(--motion-shift,0px);
  transition:translate 130ms linear;
}

[data-motion-video] {
  opacity:0;
  transition:opacity 900ms ease;
  pointer-events:none;
}
[data-motion-video].is-ready { opacity:var(--motion-video-opacity,1); }

html[data-motion='reduced'] .motion-parallax { translate:none; transition:none; }
html[data-motion='reduced'] [data-motion-video] { opacity:0; transition:none; }

@media (prefers-reduced-motion:reduce) {
  .motion-parallax { translate:none; transition:none; }
  [data-motion-video] { opacity:0!important; transition:none; }
}