.clients{background:var(--paper);position:relative;z-index:2;padding:clamp(20px,3vw,40px) calc(var(--g)*2.4) clamp(100px,12vw,180px)}
.cl{list-style:none;margin-top:28px;display:grid;grid-template-columns:repeat(12,1fr);border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
.cl li{grid-column:span 4}.cl li:nth-child(n+4){border-top:1px solid #e4e4e4}.cl li+li{border-left:1px solid #e4e4e4}.cl li:nth-child(3n+1){border-left:0}
.cl a{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;height:clamp(150px,13vw,210px);padding:0 20px}
.cl img{width:auto;max-width:100%;filter:grayscale(1) contrast(1.1) brightness(.55);opacity:.75;transition:filter .5s var(--ease),opacity .5s var(--ease),transform .6s var(--ease)}
.cl-wm{font-size:clamp(20px,1.7vw,26px);font-weight:500;letter-spacing:-.03em;color:#55565a;white-space:nowrap;transition:color .5s var(--ease)}
.cl a:hover img,.cl a:focus-visible img,.cl a:active img{filter:none;opacity:1;transform:scale(1.04)}
.cl a:hover .cl-wm,.cl a:focus-visible .cl-wm{color:#1c4fa0}
.cl a:focus-visible{outline:2px solid currentColor;outline-offset:-6px}
@media (max-width:1100px) and (min-width:701px){.cl a{padding:0 12px}.cl-wm{font-size:18px}}
@media (max-width:700px){.clients{padding:0 var(--g) 100px}.cl{grid-template-columns:1fr 1fr}.cl li{border-top:1px solid #e4e4e4}.cl li:nth-child(-n+2){border-top:0}.cl li:nth-child(n+3){border-top:1px solid #e4e4e4}.cl li,.cl li:nth-child(n+5){grid-column:auto}.cl li+li,.cl li:nth-child(3n+1){border-left:0}.cl li:nth-child(even){border-left:1px solid #e4e4e4}.cl li:last-child:nth-child(odd){grid-column:1/-1}.cl a{height:140px;padding:0 14px}.cl img{max-height:56px!important}.cl li:first-child img{max-height:40px!important}.cl li:nth-child(2) img{max-height:34px!important}.cl li:nth-child(3) img{max-height:22px!important}.cl li:nth-child(4) img{max-height:54px!important}.cl li:nth-child(5) img{max-height:30px!important}.cl-wm{font-size:18px}}