.client-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.client-logo{margin:0;display:flex;align-items:center;justify-content:center;min-width:0;height:132px;padding:20px;background:#080808;border:1px solid #c7aa622b;transition:background .35s ease,border-color .35s ease,transform .35s ease}
.client-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.8;transition:filter .4s ease,opacity .4s ease}
.client-logo-dark img{filter:grayscale(1)}
@media(hover:hover){.client-logo:hover{background:#fff;border-color:var(--accent);transform:translateY(-2px)}.client-logo:hover img{filter:none;mix-blend-mode:normal;opacity:1}}
@media(max-width:1100px){.client-logos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.client-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.client-logo{height:120px;padding:16px}}
@media(max-width:550px){.client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-logo{height:105px;padding:12px}}
@media(prefers-reduced-motion:reduce){.client-logo,.client-logo img{transition:none}.client-logo:hover{transform:none}}