/* Scrolls normally, with no pin: a dim mask wipes off each line as it passes through view. */
.story {
  position: relative;
  padding: var(--section-top) var(--gutter) var(--section-top) calc(var(--gutter) + min(8.4vw, 13vh));
}

.story__lines {
  display: flex;
  flex-direction: column;
  gap: 5.6vh;
  font-family: var(--font-heading);
  font-weight: 500;
  max-width: min(76vw, 1180px);
  font-size: min(4.6vw, 8vh);
  line-height: 1.16;
  letter-spacing: -.02em;
}

.story__statement { margin: 0; }

.story__line {
  display: block;
  width: fit-content;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}

.story__mask {
  position: absolute;
  inset: 0;
  background: var(--canvas);
  opacity: .65;
  will-change: transform;
}