/* ---------------------------- success story scroll stats ---------------------------- */

/* The section pins while the .success-trigger spacers scroll past, driving the steps.
   Adjust top / height values to taste. */
.section-new.is--success-story-stats {
  position: sticky;
  top: 0;
}

/* Only one big number is visible at a time; the inner stack is translated up per step */
.success-story-stat-parent {
  overflow: hidden;
}

.success-story-stat-inner {
  display: flex;
  flex-direction: column;
  will-change: transform;
}

.success-story-stat-inner > div {
  line-height: 0.95;
}

/* Grid columns are set inline from JS (= number of paragraphs in .stats--hidden) */
.success-story-stats-description {
  opacity: 0.35;
  transition: opacity 0.4s ease;
}

.success-story-stats-description.is--active {
  opacity: 1;
}

/* Width is driven by GSAP (starts at 100% / number of paragraphs) */
.success-story-line {
  will-change: width;
}

/* Scroll spacers generated from JS (count = paragraphs - 1).
   Each one provides the scroll distance for a single step. */
.success-trigger {
  position: relative;
  width: 100%;
  height: 60vh;
  pointer-events: none;
}