.about-clients-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.about-client-logo { min-height: 120px; display: flex; align-items: center; justify-content: center; padding: 22px; background: var(--surface-color); border: 1px solid color-mix(in srgb, var(--default-color), transparent 86%); border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,.04); }
.about-client-logo img { max-width: 100%; max-height: 72px; object-fit: contain; filter: grayscale(1); opacity: .72; transition: filter .25s ease, opacity .25s ease, transform .25s ease; }
.about-client-logo:hover img { filter: grayscale(0); opacity: 1; transform: scale(1.04); }
@media (max-width: 991.98px) { .about-clients-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 575.98px) { .about-clients-grid { grid-template-columns: repeat(2, 1fr); } .about-client-logo { min-height: 100px; padding: 16px; } }