/* ==========================================================================
   OBAÏA Paris — V2 « version Nelson » — États d’animation
   Tout est conditionné à .anim (ajoutée seulement si l’appareil n’a pas
   « réduire les animations »). Sans JS ou sans GSAP : tout reste visible.
   ========================================================================== */

/* États de départ (avant l’entrée à l’écran) */
.anim [data-anim],
.anim [data-lines],
.anim [data-tirage],
.anim [data-hero-in],
.anim .hero__title.is-current { opacity: 0; }
.anim [data-reveal] { clip-path: inset(0 0 100% 0); }
.anim [data-reveal="up"] { clip-path: inset(100% 0 0 0); }

/* Lignes de titre qui montent depuis un masque */
.line { display: block; overflow: hidden; padding-bottom: 0.12em; margin-bottom: -0.12em; }
.line__in { display: block; will-change: transform; }

/* Toucher : léger assombrissement (pas de survol sur mobile) */
@media (hover: none) {
  a, button { -webkit-tap-highlight-color: transparent; }
  a:active, button:active { opacity: .82; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; scroll-behavior: auto !important; }
}