/* ================================================================
   MARQUEE — Infinite Scroll Text Ribbon
   ================================================================ */

.marquee {
  padding: 2.5rem 0;
  overflow: hidden;
  background: var(--dark);
  border-top: 1px solid var(--border-light);
  border-bottom: 1px solid var(--border-light);
}
.marquee__track {
  display: flex;
  gap: 2rem;
  white-space: nowrap;
  font-family: var(--serif);
  font-size: clamp(1.1rem, 2.2vw, 1.6rem);
  font-weight: 300;
  font-style: italic;
  color: var(--text-muted);
  will-change: transform;
}
.marquee__dot {
  color: var(--gold-dim);
  margin: 0 1rem;
}