/*
  Clients page styles
*/
.hero-clients {
  background: linear-gradient(135deg, #0b0b0b 0%, #1a1a1a 100%);
  min-height: 55vh;
}

.hero-clients::after {
  background: linear-gradient(180deg, rgba(8, 8, 8, 0.35) 0%, rgba(8, 8, 8, 0.75) 100%);
}

.clients-subtitle {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
  opacity: 0.85;
}

.client-grid {
  margin-top: 0.5rem;
}

.client-card {
  background: #fff;
  border: 1px solid rgba(15, 15, 15, 0.1);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem 1.1rem;
  height: 100%;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--ubc-gray-900);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.client-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

@media (max-width: 575.98px) {
  .hero-clients { min-height: 50vh; }
  .client-card { font-size: 0.95rem; padding: 0.85rem; }
}