/* ==========================================================================
   Clients & Partners
   Group-wide client logos, hotlinked from the parent Borge UAE site (same
   pattern already used for the brand mark). Grayscale by default, full
   color on hover — standard trust-strip treatment.
   ========================================================================== */

.clients {
  background: var(--color-bg);
}

.clients__head {
  text-align: center;
  max-width: 560px;
  margin-inline: auto;
  margin-block-end: var(--space-5);
}

.clients__head h2 {
  margin-block-start: var(--space-2);
  font-size: var(--text-lg);
}

.client-logo-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-5);
}

.client-logo-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
}

.client-logo-item img {
  max-height: 100%;
  max-width: 140px;
  width: auto;
  filter: grayscale(100%);
  opacity: 0.65;
  transition: filter var(--duration-base) var(--ease-out),
              opacity var(--duration-base) var(--ease-out);
}

.client-logo-item img:hover {
  filter: grayscale(0%);
  opacity: 1;
}

.clients__also {
  margin-block-start: var(--space-5);
  text-align: center;
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  max-width: 60ch;
  margin-inline: auto;
  line-height: var(--leading-snug);
}