/* ============================================
   home.css — extras for home v2
   ============================================ */

/* ---- LOGOS SECTION ---- */
.logos-section {
  padding: 64px 0 56px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.logos-carousel {
  overflow: hidden;
  margin-top: 28px;
  -webkit-mask-image: linear-gradient(90deg, transparent, black 6%, black 94%, transparent);
  mask-image: linear-gradient(90deg, transparent, black 6%, black 94%, transparent);
}

.logos-track {
  display: flex;
  align-items: center;
  gap: 64px;
  animation: scroll-logos 42s linear infinite;
  width: max-content;
}

.logos-track img {
  height: 28px;
  width: auto;
  opacity: 0.72;
  filter: brightness(1.4) grayscale(1) contrast(1.1);
  transition: opacity 0.3s ease, filter 0.3s ease;
}
.logos-track img:hover {
  opacity: 1;
  filter: brightness(1.5) grayscale(0) contrast(1.1);
}

@keyframes scroll-logos {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .logos-track {
    animation: none;
    flex-wrap: wrap;
    width: auto;
    justify-content: center;
  }
}