.logo-track {
    display: flex;
    width: max-content;
    animation: scroll-left 28s linear infinite;
  }

  .logo-scroller:hover .logo-track {
    animation-play-state: paused;
  }

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

  .logo-item {
    flex: 0 0 20vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.5rem;
  }

  .logo-item img {
    filter: grayscale(100%) opacity(0.55);
    transition: filter 0.35s ease, transform 0.35s ease;
  }

  .logo-item:hover img {
    filter: grayscale(0%) opacity(1);
    transform: scale(1.06);
  }

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