/* ─── Scroll-reveal initial states ─── */

[data-reveal] {
  opacity: 0;
  will-change: transform, opacity;
}

[data-reveal="fade-up"],
[data-reveal=""] {
  transform: translateY(60px);
}

[data-reveal="fade-left"] {
  transform: translateX(-60px);
}

[data-reveal="fade-right"] {
  transform: translateX(60px);
}

[data-reveal="scale"] {
  transform: scale(0.9);
}

/* Stagger container children hidden by default */
[data-reveal-stagger] > * {
  opacity: 0;
  transform: translateY(60px);
  will-change: transform, opacity;
}

/* ─── Respect reduced motion ─── */

@media (prefers-reduced-motion: reduce) {
  [data-reveal],
  [data-reveal-stagger] > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    will-change: auto;
  }
}