/**
 * ==================================================
 * Pace Studio — Base Styles for Animations
 * --------------------------------------------------
 * Objectif :
 * - Préparer le DOM pour GSAP
 * - Éviter les bugs visuels liés aux animations
 * - Respecter l’accessibilité utilisateur
 * ==================================================
 */

/* ----------------------------------------------
 * 1. Sécurité globale
 * ---------------------------------------------- */

html,
body {
  overflow-x: hidden;
}

/* ----------------------------------------------
 * 2. Éléments animés au scroll
 * ---------------------------------------------- */

[data-reveal] {
  will-change: transform, opacity;
}

/* ----------------------------------------------
 * 3. Titres animés (SplitText)
 * ---------------------------------------------- */

[data-split] {
  overflow: hidden;
}

[data-split] .char {
  display: inline-block;
  will-change: transform, opacity;
}

/* ----------------------------------------------
 * 4. Accessibilité — réduction des animations
 * ---------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}