/* Section-title motion adapted from the Waveyu line-mask reveal. */
.motion-title {
  overflow: visible;
}

.motion-title-line {
  display: block;
  overflow: clip;
}

.motion-title-line-inner {
  display: block;
  opacity: 0;
  transform: translateY(30%);
  transition: opacity 700ms var(--ease-standard), transform 850ms var(--ease-standard);
  will-change: opacity, transform;
}

.motion-title.is-title-visible .motion-title-line-inner {
  opacity: 1;
  transform: translateY(0);
}

.motion-title-line:nth-child(2) .motion-title-line-inner {
  transition-delay: 90ms;
}

.motion-title-line:nth-child(3) .motion-title-line-inner {
  transition-delay: 180ms;
}

.motion-eyebrow {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 500ms var(--ease-standard), transform 650ms var(--ease-standard);
}

.motion-eyebrow.is-title-visible {
  opacity: 1;
  transform: translateY(0);
}
/* The line reveal replaces the older container-level reveal for title groups. */
.reveal.has-motion-title {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .motion-title-line-inner,
  .motion-eyebrow {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
  }
}

@media (max-width: 760px) {
  .quote-section {
    scroll-margin-top: 72px;
  }
  .quote-section .motion-title-line {
    overflow: visible;
  }
  .quote-section .motion-title-line-inner,
  .quote-section .motion-eyebrow {
    transform: none;
    transition: opacity 180ms cubic-bezier(.22, 1, .36, 1);
  }
}