/* MOT-2 (slide directionnel) ADAPTE PIEGE PROD #13 : jamais translateX, on garde un fondu vertical
   alterne en intensite par pair/impair pour conserver un effet directionnel sobre. */
[data-reveal] {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .65s ease, transform .65s cubic-bezier(.2, .7, .2, 1);
}
[data-reveal]:nth-child(even) {
  transform: translateY(14px);
}
[data-reveal].in {
  opacity: 1;
  transform: none;
}
.stagger > * {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .55s ease, transform .55s ease;
}
.stagger.in > * {
  opacity: 1;
  transform: none;
}
.stagger.in > *:nth-child(1) { transition-delay: 0.04s; }
.stagger.in > *:nth-child(2) { transition-delay: 0.10s; }
.stagger.in > *:nth-child(3) { transition-delay: 0.16s; }
.stagger.in > *:nth-child(4) { transition-delay: 0.22s; }
.stagger.in > *:nth-child(5) { transition-delay: 0.28s; }
.stagger.in > *:nth-child(6) { transition-delay: 0.34s; }
.stagger.in > *:nth-child(7) { transition-delay: 0.40s; }
.stagger.in > *:nth-child(8) { transition-delay: 0.46s; }

@media (prefers-reduced-motion: reduce) {
  [data-reveal], .stagger > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* TEX-6 : degrade OKLCH non boueux applique sur le body (subtil) */
body {
  background:
    radial-gradient(60% 60% at 12% 8%, color-mix(in oklab, var(--accent) 9%, var(--bg)) 0%, transparent 60%),
    radial-gradient(50% 50% at 92% 18%, color-mix(in oklab, var(--accent-2) 9%, var(--bg)) 0%, transparent 55%),
    var(--bg);
  background-attachment: fixed;
}