/* The logo rail shares the site's technical background and editable accent. */
.client-logos-section{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 50%,rgba(var(--effect-accent-rgb),.035),transparent 75%);color:var(--white);overflow:hidden;border:0}
.client-logos-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:rgba(var(--effect-accent-rgb),.27);-webkit-mask:url('/assets/images/client-world-map.svg') center / min(1240px,100vw) 290px no-repeat;mask:url('/assets/images/client-world-map.svg') center / min(1240px,100vw) 290px no-repeat}
.client-logos-inner{position:relative;padding-block:42px}
.client-logos-section::after,.client-logos-inner::after{content:"";position:absolute;left:0;width:35%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--lime),transparent);opacity:0}
.client-logos-section::after{top:0}
.client-logos-inner::after{bottom:0}
body[data-animations="1"] .client-logos-section::after,body[data-animations="1"] .client-logos-inner::after{animation:technical-sweep 12s linear infinite}
body[data-animations="1"] .client-logos-inner::after{animation-delay:-6s}
.site-page main:has(>.client-logos-section:last-child)+.cta-section{border-top:0}
.client-logo-rail{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:auto}
.client-logo-rail::-webkit-scrollbar{display:none}
.client-logo-rail:focus-visible{outline:2px solid var(--lime);outline-offset:7px;border-radius:3px}
.client-logo-track{display:flex;width:max-content;min-width:100%}
.client-logo-group{display:flex;align-items:center;justify-content:space-around;flex:none;gap:44px;list-style:none;width:max-content;min-width:var(--client-logo-view,100%);margin:0;padding:8px 22px;box-sizing:border-box}
.client-logo-item,.client-logo-copy{flex:0 0 clamp(175px,18vw,235px);margin:0;min-width:0}
.client-logo-card{display:flex;justify-content:center;align-items:center;width:100%;height:115px;padding:12px;color:inherit;border:0;border-radius:0;background:none;box-shadow:none}
.client-logo-card img{display:block;max-width:100%;width:auto;max-height:74px;height:auto;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.76;transition:opacity .25s ease}
.client-logo-card:is(:hover,:focus-visible) img{opacity:1}
a.client-logo-card:focus-visible{outline:2px solid var(--lime);outline-offset:-2px;border-radius:5px}
@media(max-width:640px){.client-logos-inner{padding-block:29px}.client-logos-section::before{-webkit-mask-size:680px 230px;mask-size:680px 230px}.client-logo-group{gap:28px;padding-inline:14px}.client-logo-item,.client-logo-copy{flex-basis:160px}.client-logo-card{height:98px;padding:10px}.client-logo-card img{max-height:60px}}
body[data-animations="0"] .client-logo-card img{transition:none}
body[data-background-effects="0"] .client-logos-section::before,body[data-background-effects="0"] .client-logos-section::after,body[data-background-effects="0"] .client-logos-inner::after{display:none}
@media(prefers-reduced-motion:reduce){.client-logo-card img{transition:none}body[data-animations="1"] .client-logos-section::after,body[data-animations="1"] .client-logos-inner::after{animation:none;opacity:0}}
