/* Supplied artwork, continuous logo rail in the incumbent theme. */
.ib .client-brands{padding:clamp(32px,4vw,56px) 0;background:var(--base);border-bottom:1px solid var(--border);scroll-margin-top:88px}
.ib .client-brands-inner{min-width:0;width:100%;margin-inline:auto}
.ib .client-brands-heading{max-width:calc(var(--max) + 2 * var(--pad));padding-inline:var(--pad);margin-inline:auto}
.ib .client-brands h2{font-family:var(--sans);font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.25;letter-spacing:-.02em;text-wrap:balance}
.ib .client-brands-intro{margin:10px auto 0;max-width:calc(var(--max) + 2 * var(--pad));padding-inline:var(--pad);color:var(--ts);font-size:.92rem;line-height:1.6}
.ib .client-brands-viewport{--brands-visible:5;--brand-slot:220px;min-width:0;width:100%;overflow-x:auto;margin-top:22px}
.ib .client-brands-track{display:flex;width:max-content;mix-blend-mode:screen}
[data-theme="light"] .ib .client-brands-track{mix-blend-mode:multiply}
.ib .client-brands-list{display:flex;flex:none;align-items:center}
.ib .client-brands-list li{width:var(--brand-slot);flex:none;min-width:0;padding:8px 18px}
.ib .client-brand{display:flex;align-items:center;justify-content:center;width:100%;height:142px;scroll-margin-inline:18px}
.ib .client-brands-list img{width:var(--brand-width,168px);max-width:100%;height:var(--brand-height,72px);max-height:112px;object-fit:contain;filter:grayscale(1) invert(1) brightness(var(--brand-ink,1.3));mix-blend-mode:screen;opacity:.92}
[data-theme="light"] .ib .client-brands-list img{filter:grayscale(1) invert(1) brightness(var(--brand-ink,1.3)) invert(1);mix-blend-mode:multiply}
.ib .client-brands.is-ready .client-brands-viewport{overflow:hidden}
.ib .client-brands.is-ready .client-brands-track{animation:client-brand-flow var(--brand-duration,80s) linear infinite;animation-play-state:paused}
.ib .client-brands.is-playing .client-brands-track{animation-play-state:running}
.ib .client-brand:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;border-radius:2px}
.ib .client-brand:hover img{opacity:1}
@keyframes client-brand-flow{to{transform:translate3d(-50%,0,0)}}
@media(max-width:760px){
 .ib .client-brands{margin-inline:0!important;padding-block:36px 32px}
 .ib .client-brands h2{font-size:1.125rem;line-height:1.4;letter-spacing:0}
 .ib .client-brands-viewport{margin-top:24px}
 .ib .client-brands-list li{padding:8px clamp(10px,3vw,14px)}
 .ib .client-brand{height:80px}
 .ib .client-brands-list img{max-height:52px}
 .ib .client-brands-intro{margin-top:12px;font-size:.875rem;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){
 .ib .client-brands.is-ready .client-brands-viewport{overflow-x:auto}
 .ib .client-brands.is-ready .client-brands-track{animation:none}
 .ib .client-brands [data-brand-clone]{display:none}
}
