/*
  Confiado — shared scroll-reveal motion.
  Usage: add data-reveal to any section/element you want to fade+slide in on
  scroll. shared/js/scroll-reveal.js adds .is-revealed when it enters the
  viewport. Respects prefers-reduced-motion (G15 Accessibility by Default) —
  reveal happens instantly with no motion when the user has that preference.
*/
@media (prefers-reduced-motion: no-preference) {
  [data-reveal] {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);
    will-change: opacity, transform;
  }
  [data-reveal].is-revealed {
    opacity: 1;
    transform: none;
    will-change: auto;
  }
  [data-reveal-group] > [data-reveal]:nth-child(1) { transition-delay: 0ms; }
  [data-reveal-group] > [data-reveal]:nth-child(2) { transition-delay: 80ms; }
  [data-reveal-group] > [data-reveal]:nth-child(3) { transition-delay: 160ms; }
  [data-reveal-group] > [data-reveal]:nth-child(4) { transition-delay: 240ms; }
  [data-reveal-group] > [data-reveal]:nth-child(5) { transition-delay: 320ms; }
  [data-reveal-group] > [data-reveal]:nth-child(6) { transition-delay: 400ms; }
}