/* ============ MARQUEE ============ */
.marquee {
  position: relative; border-top: 1px solid var(--foreground); border-bottom: 1px solid var(--foreground);
  background: var(--foreground); padding: 1.5rem 0; overflow: hidden;
}
@media (min-width: 640px) { .marquee { padding: 2rem 0; } }
.marquee-track {
  display: flex; width: max-content; align-items: center;
  animation: marquee-scroll 30s linear infinite;
}
.marquee:hover .marquee-track { animation-play-state: paused; }
.marquee-item { display: flex; align-items: center; }
.marquee-word {
  font-family: "Cabinet Grotesk", sans-serif; font-weight: 900;
  color: var(--background); font-size: 2.25rem; letter-spacing: -0.02em; padding: 0 1.5rem;
  white-space: nowrap;
  text-transform: uppercase;
}
.marquee-star { color: var(--primary); font-size: 2.25rem; padding: 0 .5rem; }
@media (min-width: 640px) { .marquee-word, .marquee-star { font-size: 3.75rem; } }
@keyframes marquee-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }