/* =============================================================================
   05-motion.css — scroll reveal (fade + upward drift on enter viewport).
   ============================================================================= */

/* Default + no-JS: content stays readable */
.reveal {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: no-preference) {
  html.js .reveal {
    opacity: 0.72;
    transform: translateY(calc(var(--d-6) * 0.7));
    transition:
      opacity 900ms cubic-bezier(0.16, 1, 0.3, 1),
      transform 900ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  html.js .reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
}