/* ==========================================================================
   Clients — logo marquee strip
   ========================================================================== */
.clients { padding: 64px 0; }
.clients .section-heading-row { margin-bottom: 34px; text-align: center; }

.clients__row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.client-logo {
  width: 148px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  color: var(--clr-ink-200);
  background: #fff;
  border: 1px dashed var(--clr-border);
  border-radius: var(--r-md);
  transition: all .25s ease;
}
.client-logo:hover {
  color: var(--clr-primary-600);
  border-color: var(--clr-primary-300);
  border-style: solid;
  box-shadow: var(--el-1);
  transform: translateY(-3px);
}