/**
 * Apparition douce des sections au scroll (.rs-reveal)
 * — transform + opacity uniquement ; léger et maintenable
 */
:root {
  --rs-reveal-y: 16px;
  --rs-reveal-dur: 0.62s;
  --rs-ease-reveal: cubic-bezier(0.33, 1, 0.68, 1);
}

.rs-reveal {
  opacity: 0;
  transform: translate3d(0, var(--rs-reveal-y), 0);
  transition:
    opacity var(--rs-reveal-dur) var(--rs-ease-reveal),
    transform var(--rs-reveal-dur) var(--rs-ease-reveal);
}

.rs-reveal.rs-reveal--visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (max-width: 640px) {
  :root {
    --rs-reveal-y: 10px;
    --rs-reveal-dur: 0.48s;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rs-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}