.text-scroll-reveal {
  transform-origin: 0% 50%;
}

.text-scroll-reveal__word {
  display: inline-block;
  will-change: opacity, filter;
}

/* Pas de flash : texte masqué tant que GSAP n’a pas pris le relais. */
:is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p
  )[data-text-scroll-reveal-pending]:not([data-text-scroll-reveal-ready]),
[data-text-scroll-reveal-pending]:not([data-text-scroll-reveal-ready]) h1,
[data-text-scroll-reveal-pending]:not([data-text-scroll-reveal-ready]) h2,
[data-text-scroll-reveal-pending]:not([data-text-scroll-reveal-ready]) h3,
[data-text-scroll-reveal-pending]:not([data-text-scroll-reveal-ready]) h4,
[data-text-scroll-reveal-pending]:not([data-text-scroll-reveal-ready]) h5,
[data-text-scroll-reveal-pending]:not([data-text-scroll-reveal-ready]) h6,
[data-text-scroll-reveal-pending]:not([data-text-scroll-reveal-ready]) p:not(.pricing-compare-eyebrow),
[data-text-scroll-reveal-pending]:not([data-text-scroll-reveal-ready]) .pricing-compare-eyebrow,
:is(h1, h2, h3, h4, h5, h6, p).text-scroll-reveal--preparing,
.text-scroll-reveal--preparing h1,
.text-scroll-reveal--preparing h2,
.text-scroll-reveal--preparing h3,
.text-scroll-reveal--preparing h4,
.text-scroll-reveal--preparing h5,
.text-scroll-reveal--preparing h6,
.text-scroll-reveal--preparing p:not(.pricing-compare-eyebrow),
.text-scroll-reveal--preparing .pricing-compare-eyebrow {
  visibility: hidden;
}

.text-scroll-reveal[data-text-scroll-reveal-ready] .text-scroll-reveal__word,
.text-scroll-reveal[data-text-scroll-reveal-ready] .pricing-compare-eyebrow {
  visibility: visible;
}

@media (prefers-reduced-motion: reduce) {
  [data-text-scroll-reveal-pending] h1,
  [data-text-scroll-reveal-pending] h2,
  [data-text-scroll-reveal-pending] h3,
  [data-text-scroll-reveal-pending] h4,
  [data-text-scroll-reveal-pending] h5,
  [data-text-scroll-reveal-pending] h6,
  [data-text-scroll-reveal-pending] p,
  [data-text-scroll-reveal-pending] .pricing-compare-eyebrow,
  .text-scroll-reveal--preparing h1,
  .text-scroll-reveal--preparing h2,
  .text-scroll-reveal--preparing h3,
  .text-scroll-reveal--preparing h4,
  .text-scroll-reveal--preparing h5,
  .text-scroll-reveal--preparing h6,
  .text-scroll-reveal--preparing p,
  .text-scroll-reveal--preparing .pricing-compare-eyebrow {
    visibility: visible;
  }

  .text-scroll-reveal__word {
    will-change: auto;
  }
}