.clients-carousel{padding:45px 5%;background:#f4f8fb;border-top:1px solid #dce8ef}.clients-carousel .client-strip-label{text-align:center;margin-bottom:25px}.clients-page{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;animation:clientReveal .4s ease}.clients-page[hidden]{display:none}.client-tile{min-width:0;background:#fff;border:1px solid #e4edf3;border-radius:9px;padding:10px 4px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px}.client-sprite{display:block;width:120px;height:80px;max-width:100%;background-repeat:no-repeat}.client-tile img{width:110px;height:80px;object-fit:contain}.client-tile>span:last-child{font-size:10px;color:#526c81;text-align:center;line-height:1.4;padding:0 4px}.clients-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px}.clients-controls button{background:#fff;border:1px solid #cddfe9;color:#125881;padding:9px 13px;cursor:pointer}.clients-dots{display:flex;gap:6px}.clients-dots button{font-size:10px;border:0;background:transparent;color:#bbceda;padding:10px}.clients-dots button[aria-pressed=true]{color:#087aaf}.clients-controls button:focus-visible{outline:2px solid #e22e3f;outline-offset:3px}@keyframes clientReveal{from{opacity:.4}to{opacity:1}}@media(max-width:1200px){.clients-page{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:800px){.clients-page{grid-template-columns:repeat(4,minmax(0,1fr))}.clients-carousel{padding:30px 18px}}@media(max-width:520px){.clients-page{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.clients-page{animation:none}}

/* Logo-only presentation: no cards, borders, or visible company captions. */
.clients-carousel .client-tile{background:transparent;border:0;border-radius:0;padding:12px 4px;box-shadow:none}
.clients-carousel .client-tile>.client-sprite{padding:0}
.clients-carousel .clients-page{column-gap:22px;row-gap:18px}

/* Blend the white screenshot canvas into the section, leaving only logo artwork visible. */
.clients-carousel{isolation:isolate}
.clients-carousel .client-sprite,.clients-carousel .client-tile img{mix-blend-mode:multiply}

.clients-carousel .client-sprite{width:150px;height:100px;max-width:none;flex-shrink:0}
.clients-carousel .client-tile img{width:136px;height:90px;object-fit:contain}
.clients-carousel .clients-page{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1100px){.clients-carousel .clients-page{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.clients-carousel .clients-page{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}}
@media(max-width:350px){.clients-carousel{padding-inline:8px}.clients-carousel .client-sprite{transform:scale(.88)}}

/* Medium logo scale with compact spacing. */
.clients-carousel .client-sprite{transform:scale(.8);transform-origin:center}
.clients-carousel .client-tile img{width:109px;height:72px}
.clients-carousel .client-tile{padding:4px}
.clients-carousel .clients-page{row-gap:10px}

/* Compact, consistent logo scale; 24 logos on each full slide. */
.clients-carousel .client-sprite{transform:scale(.65);transform-origin:center}
.clients-carousel .client-tile img{width:88px;height:59px}
.clients-carousel .client-tile{height:82px;padding:0;display:flex;align-items:center;justify-content:center}
.clients-carousel .clients-page{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:82px;row-gap:12px;column-gap:20px;min-height:364px}
.clients-carousel .clients-page[hidden]{display:none}
@media(max-width:1100px){.clients-carousel .clients-page{grid-template-columns:repeat(4,minmax(0,1fr));min-height:552px}}
@media(max-width:700px){.clients-carousel .clients-page{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:8px;min-height:740px}.clients-carousel .client-sprite{width:150px;max-width:none}.clients-carousel .client-tile{min-width:0}}
@media(max-width:380px){.clients-carousel .clients-page{grid-template-columns:repeat(2,minmax(0,1fr));min-height:1116px}}