.marquee-track { display: flex; width: max-content; animation: marquee 38s linear infinite; }

.marquee-track:hover { animation-play-state: paused; }

.marquee-item { display: flex; align-items: center; gap: 20px; padding: 0 36px; white-space: nowrap; font-family: var(--font-serif); font-size: 1.2rem; font-weight: 300; color: rgba(240,237,232,0.42); letter-spacing: .05em; transition: color .3s; }

.marquee-item:nth-child(odd) { font-style: italic; color: rgba(201,169,110,0.55); }

.marquee-item:hover { color: var(--gold-light); }

.marquee-sep { display: inline-block; width: 5px; height: 5px; background: var(--gold); transform: rotate(45deg); flex-shrink: 0; opacity: 0.5; }

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