/* Independent translate preserves the positioning transforms in the approved layout. */
.motion-reveal {
  translate: 0 var(--motion-y, 0px);
}

@media (prefers-reduced-motion: reduce) {
  .motion-reveal {
    opacity: 1 !important;
    translate: none;
  }
}