.fy-quote {
  --fy-quote-size: clamp(1.5rem, 0.8rem + 3.2cqi, 3rem);
  background: var(--fy-ivory);
}
.fy-quote__rule {
  background: var(--fy-gold);
  transform-origin: 50% 50%;
}
@keyframes fy-quote-rule {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .fy-quote__rule {
      animation: fy-quote-rule linear both;
      animation-timeline: view();
      animation-range: entry 10% entry 70%;
    }
  }
}