/* ===================================================================
   Section 11 — Clients
   =================================================================== */

.s11-heading {
  text-align: center;
  margin-bottom: 56px;
}

#clients { padding-top: 63px; }

/* Mobile: logos overflow at 4-col; drop to 3 then 2 cols, constrain width */
@media (max-width: 1024px) {
  #clients .client-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
  #clients .client-logo {
    max-width: 100%;
    height: 44px;
  }
}

@media (max-width: 640px) {
  #clients .client-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 20px;
  }
  #clients .client-logo {
    height: 40px;
    max-width: 100%;
  }
}