/* ── Scroll-reveal progressive enhancement ──────── */
@media (prefers-reduced-motion: no-preference) {
  .reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s cubic-bezier(.22,.61,.36,1),
                transform 0.6s cubic-bezier(.22,.61,.36,1);
  }
  .reveal-visible {
    opacity: 1;
    transform: translateY(0);
  }
}
/* When JS is disabled or reduced-motion is preferred,
   content remains fully visible (no opacity:0 default). */