.clients-area{padding:60px 0}.clients-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;justify-items:center}.client-box{position:relative;overflow:hidden;border-radius:8px}.client-box .client-image{width:150px;height:auto;object-fit:contain;transition:filter .3s ease}.client-box:hover .client-image{filter:grayscale(0)}.client-box img.show-light{display:block}.client-box img.show-dark{display:none}@media (prefers-color-scheme:dark){.client-box img.show-light{display:none}.client-box img.show-dark{display:block}}