/* One native scroll lane. Its movement is independent of the decorative hero. */
.partners .logo-marquee {
  --partner-gap: clamp(24px, 3.5vw, 56px);
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-behavior: auto;
  scrollbar-width: none;
  touch-action: pan-x pan-y;
}
.partners .logo-marquee::-webkit-scrollbar { display: none; }
.partners .logo-track,
html:not(.motion-enabled) .partners .logo-track {
  display: flex;
  width: max-content;
  animation: none !important;
  transform: none !important;
}
.partners .logo-set,
.partners .logo-set[aria-hidden="true"],
html:not(.motion-enabled) .partners .logo-set,
html:not(.motion-enabled) .partners .logo-set[aria-hidden="true"] {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-around;
  gap: var(--partner-gap);
  width: max-content;
  min-width: var(--partner-cycle-min, 0px);
  padding: 26px var(--partner-gap) 26px 0;
}
.partners .logo-set img,
html:not(.motion-enabled) .partners .logo-set img {
  flex: 0 0 auto;
  width: clamp(128px, 15vw, 190px);
  max-width: none;
  height: 96px;
  margin: 0;
  padding: 8px;
  object-fit: contain;
  filter: grayscale(1);
  opacity: .85;
}
.partners-controls { display: flex; justify-content: flex-end; padding: 10px var(--page) 0; }
.partners-pause { min-height: 44px; border: 0; padding: 8px 0 8px 16px; background: transparent; color: var(--blue-deep); font: inherit; font-size: 14px; line-height: 1.4; cursor: pointer; }
.partners-pause:disabled { color: var(--muted); cursor: default; }
.partners-pause:focus-visible,
.partners .logo-marquee:focus-visible { outline: 2px solid var(--blue); outline-offset: 5px; }
@media (hover: hover) and (pointer: fine) {
  .partners .logo-marquee { cursor: grab; }
  .partners .logo-marquee:active { cursor: grabbing; }
  .partners-pause:hover:not(:disabled) { text-decoration: underline; text-underline-offset: 5px; }
}
@media (max-width: 640px) {
  .partners .logo-set,
  html:not(.motion-enabled) .partners .logo-set { padding-block: 20px; }
  .partners .logo-set img,
  html:not(.motion-enabled) .partners .logo-set img { height: 80px; }
}