.partners {
  text-align: center;
}

.partners__heading {
  font-size: var(--fs-lead);
  font-weight: var(--fw-semibold);
  color: var(--gray-500);
  margin-bottom: clamp(var(--space-6), 4vw, var(--space-9));
  text-align: center;
}


.marquee {
  width: 100%;
  overflow: hidden;
}

.marquee__track {
  display: flex;
  width: max-content;
  
  animation: marquee-scroll var(--marquee-duration, 45s) linear infinite;
  will-change: transform;
}

.marquee__img {
  display: block;
  height: clamp(2.25rem, 1.8rem + 1.6vw, 3rem);  
  width: auto;
  max-width: none;               
}


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


@media (hover: hover) {
  .marquee:hover .marquee__track {
    animation-play-state: paused;
  }
}


@media (max-width: 48rem) {
  
  .partners__heading {
    text-align: left;
    width: 100%;
    padding-inline: var(--gutter-page);
  }
}