html.page-motion-ready .scroll-underline-section.page-motion-item {
  opacity: 1 !important;
  transform: none !important;
  clip-path: none !important;
  transition: none !important;
}

.scroll-underline-quote {
  --scroll-underline-progress: 0;
}

.scroll-underline-text {
  display: block;
}

.scroll-underline-line {
  --scroll-underline-line-progress: 0;
  display: block;
  width: fit-content;
  max-width: 100%;
  padding-bottom: 0.08em;
  background-image: linear-gradient(
    to right,
    rgba(168, 143, 85, 0.76),
    rgba(168, 143, 85, 0.76)
  );
  background-repeat: no-repeat;
  background-position: left calc(100% - 0.05em);
  background-size: calc(var(--scroll-underline-line-progress) * 100%) 2px;
  will-change: background-size;
}

.scroll-underline-measure-word {
  display: inline-block;
  white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  .scroll-underline-quote {
    --scroll-underline-progress: 1;
  }

  .scroll-underline-line {
    will-change: auto;
  }
}