/**
 * CODECURV MECHANICAL MOTION SYSTEM
 */

/* 1. Mechanical Horizontal Shearing on Viewport Entry */
.shear-reveal {
  opacity: 0;
  transform: translateX(-12px);
  transition: opacity 320ms var(--ease-snap), transform 320ms var(--ease-snap);
}

.shear-reveal.is-revealed {
  opacity: 1;
  transform: translateX(0);
}

/* 2. Vertical Alignment Step */
.step-reveal {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 300ms var(--ease-snap), transform 300ms var(--ease-snap);
}

.step-reveal.is-revealed {
  opacity: 1;
  transform: translateY(0);
}

/* 3. Strict Reduced Motion Suppression */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .shear-reveal, .step-reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}