/* css/partners.css */

.partners {
  background: var(--c-bg-soft);
  padding: clamp(24px, 3vh, 40px) 0;
  overflow: hidden;
}

.partners__viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);
}

.partners__track {
  display: flex;
  align-items: center;
  gap: clamp(48px, 7vw, 100px);
  width: max-content;
  will-change: transform;
}

.partners__logo {
  flex: 0 0 auto;
  height: 80px;
  display: flex;
  align-items: center;
}

.partners__logo img {
  height: 100%;
  width: auto;
  object-fit: contain;
  opacity: 0.45;
  transition: opacity var(--dur-ui) var(--ease-soft);
}

.partners__logo:hover img {
  opacity: 1;
}