/* animations.css — reveal scroll + stagger */

.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 700ms var(--ease), transform 700ms var(--ease);
  will-change: opacity, transform;
}
.reveal.is-in {
  opacity: 1;
  transform: none;
}

.stagger > * {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 600ms var(--ease), transform 600ms var(--ease);
}
.stagger.is-in > * {
  opacity: 1;
  transform: none;
}
.stagger.is-in > *:nth-child(1) { transition-delay: 0ms; }
.stagger.is-in > *:nth-child(2) { transition-delay: 90ms; }
.stagger.is-in > *:nth-child(3) { transition-delay: 180ms; }
.stagger.is-in > *:nth-child(4) { transition-delay: 270ms; }
.stagger.is-in > *:nth-child(5) { transition-delay: 360ms; }
.stagger.is-in > *:nth-child(6) { transition-delay: 450ms; }

/* Etoiles : delai par index */
.stars.is-lit .star:nth-child(1) { transition-delay: 0ms; }
.stars.is-lit .star:nth-child(2) { transition-delay: 110ms; }
.stars.is-lit .star:nth-child(3) { transition-delay: 220ms; }
.stars.is-lit .star:nth-child(4) { transition-delay: 330ms; }
.stars.is-lit .star:nth-child(5) { transition-delay: 440ms; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
  .reveal, .stagger > * { opacity: 1 !important; transform: none !important; }
  .stars .star { background: oklch(72% 0.16 75) !important; }
}