/**
 * =====================================================================
 * PARTNERS MARQUEE COMPONENT — STYLES
 * =====================================================================
 * Copied verbatim from the current static design system's
 * ".partners-marquee" rules (css/style.css) — full rebuild from the
 * earlier version, which invented an entirely different class system
 * (".partners/.partner/.partner__mark") that does not exist anywhere
 * in the real stylesheet.
 *
 * The static "grid" layout mode needs NO rules here at all — it reuses
 * ".grid.grid--4"/".section__head" (assets/css/global.css's shared
 * layout utilities) and ".plogo"/".plogo__name" (also promoted to
 * global.css, shared with the future partners_focus component) as-is.
 * =====================================================================
 */

.partners-marquee {
  margin-top: 22px; overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.partners-track {
  list-style: none; margin: 0; padding: 0;
  display: flex; align-items: center; gap: 20px;
  width: max-content;
  animation: partners-scroll 32s linear infinite;
}
.partners-marquee:hover .partners-track { animation-play-state: paused; }
.partners-track .plogo {
  flex: none; width: 172px; aspect-ratio: 3/2;
}
@keyframes partners-scroll { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .partners-track { animation: none; flex-wrap: wrap; width: auto; }
}