.brands-section{position:relative;pointer-events:auto;color:var(--ink);padding:0 0 clamp(200px,18vw,300px);overflow:clip}.brands-heading{margin:0 var(--gutter);padding-top:24px;font-weight:400}.brand-strip{margin-top:56px;overflow:hidden;padding:32px 0;mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}.brand-track{display:flex;width:max-content;animation:brand-drift 48s linear infinite;will-change:transform}.brand-group{display:flex;align-items:center;flex-shrink:0;list-style:none;margin:0;padding:0}.brand-logo{display:flex;align-items:center;justify-content:center;flex:0 0 clamp(200px,18vw,320px);height:120px}.brand-logo img{width:150px;height:64px;object-fit:contain;filter:brightness(0);opacity:.92}.brand-strip:hover .brand-track,.brand-strip:focus-within .brand-track{animation-play-state:paused}.brand-strip:focus-visible{outline:1px solid var(--ink);outline-offset:-4px}@keyframes brand-drift{to{transform:translate3d(-50%,0,0)}}
@media(max-width:639px){.brands-section{padding-bottom:140px}.brand-strip{margin-top:40px;padding:20px 0}.brand-logo{flex-basis:180px;height:100px}.brand-logo img{width:130px;height:56px}}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none;display:block;width:100%;will-change:auto}.brand-group{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));row-gap:32px}.brand-group[aria-hidden=true]{display:none}.brand-logo{min-width:0}.brand-strip{mask-image:none;padding:20px var(--gutter)}}
@media(prefers-reduced-motion:reduce) and (max-width:639px){.brand-group{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}}
/* Manual dragging and automatic drift share the same seamless track position. */
.brand-strip.is-interactive{cursor:grab;touch-action:pan-y pinch-zoom;user-select:none}.brand-strip.is-dragging{cursor:grabbing}.brand-strip.is-interactive .brand-track{animation:none}.brand-strip img{-webkit-user-drag:none;user-select:none}
@media(prefers-reduced-motion:reduce){.brand-strip.is-interactive{cursor:default}}