/**
 * Impactiqa — reveal.css
 * Reveal-on-scroll animation classes, used on home page and all panel pages.
 * Loaded on every page via head.php $base_css_files.
 *
 * Two delay-class naming conventions are present:
 *   - .reveal-delay-1 / .reveal-delay-2  (home page, via index.php JS)
 *   - .reveal.d1 / .reveal.d2 / .reveal.d3 / .reveal.d4  (panel pages, via about.js)
 * Both conventions trigger on .in class added by IntersectionObserver.
 */

.reveal {
  opacity: 0;
  filter: blur(14px);
  transform: translateY(24px);
  transition:
    opacity   .9s cubic-bezier(.22, 1, .36, 1),
    filter    .9s cubic-bezier(.22, 1, .36, 1),
    transform .9s cubic-bezier(.22, 1, .36, 1);
}
.reveal.in {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
}

/* Home-style delay classes (from index.php) */
.reveal-delay-1 { transition-delay: .15s; }
.reveal-delay-2 { transition-delay: .3s; }

/* Panel-page delay classes (from about.php, case.php etc.) */
.reveal.d1 { transition-delay: .12s; }
.reveal.d2 { transition-delay: .24s; }
.reveal.d3 { transition-delay: .36s; }
.reveal.d4 { transition-delay: .48s; }

/* Respect user motion preferences */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1;
    filter: none;
    transform: none;
    transition: none;
  }
}