.ticker {
  background-color: var(--color-dark);
  border-top: 1px solid rgba(255,255,255,0.06);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  padding-block: 0.75rem;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  max-width: 100%;
}

.ticker__track {
  display: inline-flex;
  animation: marquee 40s linear infinite;
  will-change: transform;
}

.ticker__track span {
  font-size: var(--text-xs);
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-gold-light);
}

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

@media (prefers-reduced-motion: reduce) {
  .ticker__track { animation: none; }
}