/**
 * Sameday Foundation — Animation & Micro-Interactions
 * Principle: Restrained, functional, performance-first (no playful gimmicks)
 */

/* Scroll Reveal Base — only hides content once main.js has started
   (html.has-reveal), so the page is never blank if the script fails */
.has-reveal .js-reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity var(--transition-slow), transform var(--transition-slow);
  will-change: opacity, transform;
}

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

/* Stagger Delays for Grid Children */
.js-reveal-delay-1 { transition-delay: 80ms; }
.js-reveal-delay-2 { transition-delay: 160ms; }
.js-reveal-delay-3 { transition-delay: 240ms; }

/* Accessible Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .js-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}