/* ==========================================================================
   SELECTED CLIENTS / COLLABORATIONS
   ========================================================================== */

.marquee {
  position: relative;
  padding: clamp(40px, 6vw, 88px) 0 clamp(48px, 7vw, 100px);
  overflow: hidden;
}

/* Título centrado, misma letra que "LIZ MAPPE" del hero (Archivo Expanded) */
.marquee__label {
  padding: 0 var(--gutter);
  margin-bottom: clamp(24px, 3.5vw, 48px);
  text-align: center;
}
.marquee__label h2 {
  font-family: var(--font-display);
  font-weight: var(--display-weight);
  font-stretch: var(--display-stretch);
  text-transform: var(--display-transform);
  letter-spacing: var(--display-tracking);
  font-size: 15px;
  line-height: 1;
}

.marquee__track {
  display: flex;
  width: max-content;
  animation: marquee var(--dur, 60s) linear infinite;
}
/* Mouse encima: se detiene */
.marquee:hover .marquee__track { animation-play-state: paused; }
@keyframes marquee {
  to { transform: translateX(-50%); }
}

.marquee__group {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.marquee__item {
  display: block;
  padding: 0 clamp(22px, 3vw, 52px);
}
.marquee__logo {
  display: block;
  height: clamp(46px, 5.4vw, 86px);
  background-color: #A3A3AD;             /* gris */
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: contain;    mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  transition: background-color .35s, transform .5s var(--ease-out);
}
@media (hover: hover) {
  .marquee__item:hover .marquee__logo {
    background-color: #111114;
    transform: scale(1.06);
  }
}

@media (prefers-reduced-motion: reduce) {
  .marquee__track { animation: none; width: auto; }
  .marquee__group { flex-wrap: wrap; justify-content: center; row-gap: 24px; }
  .marquee__group[aria-hidden] { display: none; }
}