/* ============================================================
   TRUSTED BY — static client logo row
   Six logos, full color, uniform size, white section.
   ============================================================ */

.clients{
  background:#fff;
  border-bottom:1px solid var(--border);
  padding:var(--space-xl) 0;
}

.clients__head{
  text-align:center;
  font-family:var(--font-body);
  font-size:var(--text-small);
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--text-muted);
  margin-bottom:var(--space-lg);
}

.clients__row{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  align-items:center;
  justify-items:center;
  gap:var(--space-md);
  max-width:1200px;
  margin:0 auto;
  padding:0 var(--space-lg);
}

.clients__logo{
  height:auto;
  width:100%;
  max-width:180px;
  object-fit:contain;
  transition:transform .25s ease;
}
.clients__logo:hover{transform:scale(1.06)}

@media(max-width:900px){
  /* exactly 3 + 3 */
  .clients__row{grid-template-columns:repeat(3,1fr);gap:var(--space-sm) var(--space-md);padding:0 var(--space-sm)}
  .clients__logo{max-width:150px}
}
@media(max-width:768px){
  .clients{padding:var(--space-lg) 0}
}

@media(prefers-reduced-motion:reduce){
  .clients__logo,.clients__logo:hover{transition:none;transform:none}
}