#clients {
  padding: 4rem 2rem;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.clients-label {
  text-align: center;
  font-size: .72rem; font-weight: 700;
  letter-spacing: .22em; text-transform: uppercase;
  color: var(--muted); margin-bottom: 2.4rem;
}
.clients-row {
  display: flex; flex-wrap: wrap;
  align-items: center; justify-content: center; gap: 0;
}
.client-item {
  padding: 1rem 3.5rem; text-align: center;
  border-right: 1px solid var(--border);
}
.client-item:last-child { border-right: none; }
.client-name {
  font-family: 'Syne', sans-serif; font-weight: 800;
  font-size: clamp(1.3rem, 3vw, 2rem);
  color: rgba(255,255,255,.55); letter-spacing: -.01em;
  transition: color .3s;
}
.client-name:hover { color: #fff; }
.client-type {
  font-size: .7rem; letter-spacing: .16em;
  text-transform: uppercase; margin-top: .3rem; font-weight: 600;
}
.clients-note {
  text-align: center; font-size: .78rem;
  color: var(--muted); margin-top: 2rem;
}
.clients-note a { color: var(--blue); text-decoration: none; }

/* ── RESPONSIVE ── */
@media (max-width: 640px) {
  #clients { padding: 3rem 1.2rem; }
  .client-item { padding: .8rem 1.8rem; border-right: none; border-bottom: 1px solid var(--border); }
  .client-item:last-child { border-bottom: none; }
  .clients-row { flex-direction: column; align-items: stretch; }
}