.clients-wrap { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 36px; padding-top: 70px; padding-bottom: 24px; align-items: center; }
.clients-eyebrow { margin: 0 0 18px; color: #d0bce3; font-size: 12px; font-weight: 700; letter-spacing: .15em; }
.clients-heading h1 { margin: 0; font-size: clamp(36px, 4vw, 54px); font-weight: 500; line-height: 1.15; letter-spacing: -.04em; }
.clients-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; list-style: none; padding: 0; margin: 0; }
.client-brand { min-height: 126px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 16px 8px; border-bottom: 1px solid rgba(255,255,255,.16); }
.client-brand span { font-size: clamp(15px, 1.5vw, 21px); font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }
.client-brand img { display: block; max-width: 100%; height: 90px; object-fit: contain; }
@media (max-width: 1100px) {
  .clients-wrap { grid-template-columns: 180px minmax(0, 1fr); gap: 24px; }
  .clients-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .clients-wrap { grid-template-columns: 1fr; padding-top: 40px; gap: 32px; }
  .clients-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .client-brand { min-height: 100px; }
}
@media (max-width: 400px) {
  .clients-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}