/* Clients page */
.page-hero {
  padding-block: 64px;
  background: linear-gradient(180deg, var(--primary-dark-ink) 0%, var(--primary-midnight) 100%);
}
.page-eyebrow { color: var(--primary-tint-200); margin-bottom: 8px; }
.page-hero h1 { color: #fff; }
.section-eyebrow { color: var(--primary-text-safe); margin-bottom: 8px; }
.band-light-tint { background: var(--tertiary-surface); }

/* Placeholder wordmark grid */
.clients-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gutter);
}
@media (max-width: 1023px) { .clients-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) { .clients-grid { grid-template-columns: repeat(2, 1fr); gap: var(--gutter-mobile); } }

.client-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 110px;
  padding: var(--space-lg) var(--space-md);
  background: var(--surface-container-lowest);
  border: 1px solid rgba(15, 37, 55, 0.08);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-1);
  text-align: center;
  filter: grayscale(1);
  transition: filter 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}
.client-tile span {
  font: 700 16px/24px var(--font-display);
  color: var(--primary-dark-ink);
}
.client-tile:hover {
  filter: none;
  border-color: rgba(46, 117, 187, 0.2);
  box-shadow: var(--shadow-2);
}