.acf-scrolling-banner {
  overflow: hidden;
  position: relative;
  color: #fff;
  font-family: "gotham", sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1;              /* keep it to a single line */
  white-space: nowrap;
  padding-block: 0.9rem;
}

.scrolling-banner-inner { width: 100%; overflow: hidden; }

.scrolling-track {
  display: inline-flex;        /* inline so width = content width */
  gap: .4rem;
  will-change: transform;
  animation: marquee var(--scroll-speed, 30s) linear infinite;
}

.scrolling-content { display: inline-block; }
.acf-scrolling-banner h1,
.acf-scrolling-banner h2,
.acf-scrolling-banner h3,
.acf-scrolling-banner h4,
.acf-scrolling-banner h5,
.acf-scrolling-banner h6,
.acf-scrolling-banner p {
  margin: 0 !important;}
@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }   /* seamless when track >= 200% width */
}

/* Accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .scrolling-track { animation: none; }
}