.customer-logos {
  --logo-gap: 42px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  scroll-margin-top: 96px;
}
.customer-logos .customer-logos__viewport {
  width: 100%;
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent, #000 3%, #000 97%, transparent);
}
.customer-logos .customer-logos__track {
  display: flex;
  width: max-content;
  animation: customer-logos-scroll 72s linear infinite;
}
.customer-logos .customer-logos__group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--logo-gap);
  margin: 0;
  padding: 9px var(--logo-gap) 9px 0;
  list-style: none;
}
.customer-logos .customer-logos__item {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  height: 39px;
  margin: 0;
  padding: 0;
}
.customer-logos .customer-logos__item img {
  display: block;
  flex: 0 0 auto;
  width: auto;
  height: auto;
  max-width: 165px;
  max-height: 30px;
  object-fit: contain;
  filter: brightness(0);
}
@keyframes customer-logos-scroll {
  to { transform: translateX(-50%); }
}
@media (max-width: 640px) {
  .customer-logos { --logo-gap: 27px; }
  .customer-logos .customer-logos__item img { max-width: 132px; max-height: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .customer-logos .customer-logos__group[aria-hidden="true"] { display: none; }
  .customer-logos .customer-logos__viewport { overflow: visible; mask-image: none; }
  .customer-logos .customer-logos__track { width: 100%; animation: none; transform: none; }
  .customer-logos .customer-logos__group { flex: 1 1 100%; flex-wrap: wrap; justify-content: center; gap: 18px var(--logo-gap); padding: 0; }
}