/* Current collaboration marks sourced from pilli.academy, September 5, 2026. */
.brand-strip{padding:12px 0 18px}
.brand-viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bbb transparent;padding-block:4px;outline-offset:-3px}
.brand-track{display:flex;width:max-content}
.brand-group{display:flex;align-items:center;gap:52px;list-style:none;padding:0 52px 0 0;margin:0}
.brand-group li{display:flex;align-items:center;justify-content:center;flex:0 0 168px;height:62px}
.brand-group img{display:block;width:var(--brand-width,150px);height:42px;object-fit:contain;filter:brightness(0);opacity:.88;user-select:none;pointer-events:none}

.brand-strip.is-animated .brand-viewport{overflow:hidden}
.brand-strip.is-animated .brand-track{animation:brand-drift 110s linear infinite}
.brand-strip.is-animated.is-offscreen .brand-track,.brand-strip.is-animated:has(.brand-viewport:hover) .brand-track,.brand-strip.is-animated:has(.brand-viewport:focus-within) .brand-track{animation-play-state:paused}
@keyframes brand-drift{to{transform:translateX(-50%)}}
@media(max-width:700px){.brand-strip{padding:18px 0 20px}.brand-group{gap:18px;padding-right:var(--pad);padding-left:var(--pad)}.brand-group li{flex-basis:128px;height:54px}.brand-group img{width:min(var(--brand-width,150px),130px);height:36px}.brand-viewport{padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){.brand-strip .brand-track{animation:none!important}}

.brand-group a{display:grid;place-items:center;min-height:54px;min-width:140px;border-radius:5px}.brand-group a:focus-visible{outline:2px solid #333;outline-offset:4px}
