.logos{padding:48px 0;overflow:hidden}
.logos-head{max-width:720px;margin:0 auto 28px;text-align:center}
.logos-head h2{margin:0}
.logo-rows{display:grid;gap:16px}
.logo-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logo-track{display:flex;width:max-content;animation:logo-rtl var(--dur,60s) linear infinite;will-change:transform}
.logo-row.ltr .logo-track{animation-name:logo-ltr}
.logo-row:hover .logo-track,.logo-row.paused .logo-track{animation-play-state:paused}
.logo-group{display:flex;flex:none;margin:0;padding:0;list-style:none}
.logo-item{display:flex;align-items:center;gap:10px;flex:none;padding:10px 22px;margin-right:14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font-size:15px;font-weight:600;white-space:nowrap}
.logo-item img{height:30px;width:auto;max-width:96px;object-fit:contain;flex:none}
.logo-item.concept img{height:24px}
.logos-note{max-width:720px;margin:20px auto 0;text-align:center;color:var(--muted);font-size:14px}
@keyframes logo-rtl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes logo-ltr{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:650px){.logo-item{padding:8px 16px;font-size:14px}.logo-item img{height:26px}.logos{padding:36px 0}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none}.logo-row{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.logo-group[aria-hidden]{display:none}}