.custom-marquee {
  --speed: 45s;
  --gap: .45rem;
  font-family: 'Lato', sans-serif;
  background: #f7becd;
  color: #111;
  width: 100%;
  overflow: hidden;
  padding: 1rem 0;
}

.custom-marquee .marquee-track {
  display: flex;
  gap: var(--gap);
  width: max-content;
  will-change: transform;
  animation: marquee var(--speed) linear infinite;
}

.custom-marquee .marquee-item {
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 1rem;
}

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

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

/* Responsive font size for smaller screens */
@media (max-width: 768px) {
  .custom-marquee .marquee-item {
    font-size: 0.55rem; /* adjust as needed */
    letter-spacing: 0.16em;
  }

  .custom-marquee {
    padding: 0.7rem 0; /* tighten vertical space */
  }
}