/* ==========================================================================
   clients.css — client trust / EPC partners strip
   ========================================================================== */

.clients {
  padding-block: var(--sp-8);
  background: var(--steel-50);
  border-top: 1px solid var(--steel-100);
  border-bottom: 1px solid var(--steel-100);
}

.clients__head {
  text-align: center;
  font-family: var(--font-mono);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--steel-600);
  margin-bottom: var(--sp-6);
}

.clients__row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--sp-8);
}

.clients__logo {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  color: var(--ink-700);
  opacity: 0.55;
  transition: opacity 0.25s var(--ease), color 0.25s var(--ease);
}
.clients__logo:hover {
  opacity: 1;
  color: var(--indigo-700);
}

@media (max-width: 640px) {
  .clients__row {
    gap: var(--sp-6) var(--sp-7);
  }
  .clients__logo {
    font-size: 1.15rem;
  }
}