.marquee { overflow: hidden; padding: clamp(8px, 2vw, 24px) 0 clamp(40px, 6vw, 80px); }
.marquee__track { display: flex; width: max-content; }
.marquee__half { display: flex; }
.marquee span {
  display: inline-flex; align-items: center; gap: .32em; padding-right: .32em;
  color: var(--ink); font: italic 400 clamp(3rem, 9.5vw, 8.5rem) / 1.2 var(--font-d); white-space: nowrap;
}
.marquee .ph { color: var(--rose); font-size: .36em; }

@media (prefers-reduced-motion: no-preference) {
  .marquee__track { animation: marquee 44s linear infinite; }
  .marquee:hover .marquee__track { animation-play-state: paused; }
}