/* Original customer logos, ordered by recognition for an industrial audience. */
.v5 .client-section{padding-block:60px;background:#fff;scroll-margin-top:96px}
.v5 .client-heading{align-items:center;gap:32px;margin-bottom:26px}
.v5 .client-heading h2{font-size:40px;line-height:1.15;letter-spacing:-.04em}
.v5 .client-heading p{max-width:370px;font-size:14px;line-height:1.6;color:var(--muted)}
.client-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:8px 6px}
.client-mark{position:relative;min-width:0;min-height:84px;padding:10px 6px;display:flex;align-items:center;justify-content:center;text-align:center}
.client-mark-image{display:flex;align-items:center;justify-content:center;width:100%;height:64px}
.client-mark-image img{display:block;max-width:100%;width:140px;height:64px;object-fit:contain;filter:grayscale(1);opacity:.58;transform:scale(1);transition:filter .35s ease,opacity .3s ease,transform .4s cubic-bezier(.2,.7,.25,1)}
@media(hover:hover) and (pointer:fine){.client-mark:hover{z-index:1}.client-mark:hover img{filter:grayscale(0);opacity:1;transform:scale(1.28)}}
@media(hover:none){.client-mark:active img{filter:grayscale(0);opacity:1;transform:scale(1.12)}}
@media(max-width:1000px){.v5 .client-section{padding-block:50px}.v5 .client-heading h2{font-size:34px}.client-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.client-mark{padding-inline:6px}.client-mark-image img{width:120px;height:58px}}
@media(max-width:800px){.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.v5 .client-heading{display:block;margin-bottom:22px}.v5 .client-heading p{margin-top:16px;font-size:13px}.client-desktop-break{display:none}}
@media(max-width:540px){.v5 .client-section{padding-block:40px}.v5 .client-heading h2{font-size:31px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}.client-mark{min-height:80px;padding:10px 8px}.client-mark-image{height:60px}.client-mark-image img{width:118px;height:58px}}
@media(prefers-reduced-motion:reduce){.client-mark img{transition:none}.client-mark:hover img,.client-mark:active img{transform:none}}