.motion-reveal {
  opacity: 0;
  transform: translate3d(0, 22px, 0) scale(.992);
  transition: opacity .75s ease, transform .85s cubic-bezier(.2,.7,.2,1);
}
.motion-reveal.in-view { opacity:1; transform:none; }
.motion-parallax {
  will-change: transform;
  transform: translate3d(0,var(--motion-y,0px),0) scale(var(--motion-scale,1.13));
  transform-origin:center center;
  transition: transform .08s linear;
}
.motion-depth-title,
.motion-depth-step {
  will-change:transform;
  transform:translate3d(0,var(--depth-y,0px),0) scale(var(--depth-scale,1));
  transform-origin:center center;
  transition:transform .12s linear;
}
@media (prefers-reduced-motion: reduce) {
  .motion-reveal { opacity:1; transform:none; transition:none; }
  .motion-parallax { transform:none; transition:none; }
  .motion-depth-title,
  .motion-depth-step { transform:none; transition:none; }
}