/* Both pages share this band; partner-band.html.j2 owns the logo list and wording. */
.partner-band { --partner-scroll-duration: 120s; }
.partner-band .partners-inner { position: relative; }
.partner-band-viewport { flex: 1; min-width: 0; width: 100%; overflow: hidden; }
.partner-band-track { display: flex; width: 100%; }
.partner-band-group {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 24px 36px; width: 100%; margin: 0; padding: 0; list-style: none;
}
.partner-band-group > li { display: flex; align-items: center; justify-content: center; flex: 0 0 160px; }
.partner-band-group img { display: block; width: 160px; height: 48px; object-fit: contain; }
.partner-band-group[aria-hidden] { display: none; }
.partner-band-toggle {
  position: absolute; right: 37px; bottom: 3px; padding: 2px 4px;
  border: 0; border-radius: 2px; background: transparent; color: #315a79;
  font: inherit; font-size: 10px; text-decoration: underline; text-underline-offset: 2px;
  cursor: pointer;
}
.partner-band-toggle:hover { color: #082751; }
.partner-band-toggle[aria-pressed="true"] { background: #d3e6f5; color: #082751; }
.partner-band-toggle:focus-visible { outline: 2px solid #087abb; outline-offset: 2px; }
@media (prefers-reduced-motion: no-preference) {
  .partner-band[data-motion="enabled"] .partner-band-track {
    width: max-content; animation: partners-scroll-right var(--partner-scroll-duration) linear infinite;
  }
  .partner-band[data-motion="enabled"] .partner-band-group {
    display: flex; flex-wrap: nowrap; flex: 0 0 auto; width: auto; padding-right: 36px;
  }
  .partner-band[data-paused="true"] .partner-band-track,
  .partner-band-viewport:hover .partner-band-track { animation-play-state: paused; }
}
@keyframes partners-scroll-right {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}
@media (max-width: 600px) {
  .partner-band .partners-inner { padding-bottom: 32px; }
  .partner-band-group { gap: 20px 24px; }
  .partner-band-group > li { flex-basis: 132px; }
  .partner-band-group img { width: 132px; height: 40px; }
  .partner-band-toggle { right: 22px; bottom: 6px; }
  .partner-band[data-motion="enabled"] .partner-band-group { padding-right: 24px; }
}