.marquee {
  background: var(--color-bg-dark-deep);
  border-bottom: 1px solid var(--color-border-dark);
  overflow: hidden;
}
.marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 30s linear infinite;
}
.marquee-track span {
  display: flex;
  align-items: center;
  padding: 1.1rem 2rem;
  font: 500 0.78rem/1 var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--c-olive-100);
  white-space: nowrap;
}
.marquee-track span::after {
  content: "◆";
  font-size: 0.5rem;
  color: var(--color-accent);
  margin-left: 2rem;
}

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

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