/* ============================================================
   MARQUEE
   ============================================================ */
.marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  display: flex;
}

.marquee__inner {
  display: flex;
  gap: 60px;
  align-items: center;
  animation: scroll-marquee 30s linear infinite;
}

.marquee__logo {
  height: 60px;
  width: auto;
  object-fit: contain;
  opacity: 0.9;
  transition: all var(--transition-fast);
}

.marquee__logo:hover {
  opacity: 1;
}

@keyframes scroll-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-50% - 30px)); }
}

@media (max-width: 768px) {
    .marquee__logo {
        height: 40px;
    }
    .marquee__inner {
        gap: 40px;
    }
}