/* === CLIENTS MARQUEE === */
/* Shared marquee classes (.marquee-outer, .marquee-track, .marquee-item)
   are defined in vendors.css */
.clients-marquee {
  background: #080C12;
  padding: 3rem 0 3.2rem;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.clients-marquee .marquee-track {
  animation-name: clients-marquee-scroll;
  animation-duration: 26s;
  gap: 3.5rem;
}

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

.clients-marquee .marquee-item img {
  filter: grayscale(1) invert(1);
  mix-blend-mode: screen;
}

.clients-marquee .marquee-item:hover img {
  filter: none;
  mix-blend-mode: normal;
}