/* Couche d'orchestration GSAP. Le rendu de base reste lisible sans JavaScript. */
.scroll-progress span {
  width: 100%;
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

.chapter-indicator {
  position: fixed;
  z-index: 70;
  right: 2.1vw;
  top: 50%;
  display: grid;
  grid-template-columns: auto 42px;
  align-items: center;
  gap: 10px;
  transform: translateY(-50%);
  color: rgba(242, 234, 220, .58);
  mix-blend-mode: difference;
  pointer-events: none;
}

.chapter-indicator > span {
  font-family: var(--serif);
  font-size: 1rem;
  color: var(--gold);
}

.chapter-indicator > i {
  display: block;
  width: 42px;
  height: 1px;
  background: rgba(242, 234, 220, .3);
  transform-origin: right center;
}

.chapter-indicator > p {
  grid-column: 1 / 3;
  margin: 0;
  text-align: right;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: .48rem;
  white-space: nowrap;
}

.has-gsap [data-reveal] {
  transition: none;
}

.has-gsap .manifesto-track {
  animation: none;
}

.has-gsap .hero-line i,
.has-gsap .hero-copy,
.has-gsap .hero-object,
.has-gsap #topography,
.has-gsap .spread-stage figure,
.has-gsap .gift-card,
.has-gsap .manifesto-track {
  will-change: transform, opacity;
}

.has-gsap .hero-line i {
  animation: none;
  transform: none;
}

.has-gsap .book-hero,
.has-gsap .gift-card-face {
  transition: none;
}

.is-static .chapter-indicator {
  display: none;
}

.is-static .hero-line i {
  animation: none !important;
  transform: none !important;
}

@media (max-width: 767px) {
  .chapter-indicator {
    display: none;
  }

  .has-gsap .hero-line i,
  .has-gsap .hero-copy,
  .has-gsap .hero-object,
  .has-gsap #topography,
  .has-gsap .spread-stage figure,
  .has-gsap .gift-card,
  .has-gsap .manifesto-track {
    will-change: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .chapter-indicator {
    display: none;
  }

  .scroll-progress span,
  .has-gsap .hero-line i,
  .has-gsap .hero-copy,
  .has-gsap .hero-object,
  .has-gsap #topography,
  .has-gsap .spread-stage figure,
  .has-gsap .gift-card,
  .has-gsap .manifesto-track {
    will-change: auto;
  }
}