.marquee {
  overflow: hidden;
  padding-block: var(--space-md);
  border-block: 1px solid var(--color-border-dark);
  background: var(--ink-900);
}
.section--light .marquee, .section--cream .marquee { border-color: var(--color-border-light); background: var(--paper-200); }
.section--light .marquee__item, .section--cream .marquee__item { color: var(--text-on-light-muted); }

.marquee__track {
  display: flex;
  align-items: center;
  gap: 4.5rem;
  width: max-content;
  animation: marquee-scroll 32s linear infinite;
}
.marquee:hover .marquee__track { animation-play-state: paused; }

.marquee__item {
  font-family: var(--font-display);
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--text-on-dark-muted);
  white-space: nowrap;
  opacity: 0.7;
  transition: opacity var(--dur-fast) ease;
}
.marquee__item:hover { opacity: 1; color: var(--color-accent); }

@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .marquee__track { animation: none; overflow-x: auto; }
}