/* ============================================
   CLIENTS PAGE — category-wise name grid
   (used by clients.php only)
   ============================================ */
.clients-list { padding: 90px 0 110px; background: var(--white); }

.client-category { margin-bottom: 56px; }
.client-category:last-child { margin-bottom: 0; }

.client-category-title {
  font-size: 1.3rem;
  margin-bottom: 24px;
  padding-bottom: 14px;
  border-bottom: 2px solid var(--line);
  position: relative;
}
.client-category-title::after {
  content: "";
  position: absolute;
  left: 0; bottom: -2px;
  width: 64px; height: 2px;
  background: var(--amber);
}

.client-names-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.client-name-card {
  background: var(--mist);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px 22px;
  text-align: center;
  animation: cardRiseIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
  transition: border-color 0.25s ease, transform 0.25s ease, background 0.25s ease;
}
.client-name-card:hover {
  border-color: var(--amber);
  background: var(--white);
  transform: translateY(-3px);
  box-shadow: 0 14px 30px -18px rgba(6,21,48,0.25);
}
.client-name-card span {
  font-family: var(--font-display);
  font-size: 1rem;
  color: var(--navy);
}

@media (max-width: 900px) {
  .client-names-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .client-names-grid { grid-template-columns: 1fr; }
}