.page-employees {
  .hero-panel--team {
    background: linear-gradient(135deg, #26474f 0%, #2f7d7c 48%, #5bb39a 100%);
  }
}

.employee-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

.employee-card {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  min-height: 220px;
  padding: 1.4rem;
  border-radius: 28px;
  text-decoration: none;
  border: 1px solid rgba(18, 52, 70, 0.08);
  box-shadow: var(--shadow-soft);
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease;

  &:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 42px rgba(13, 38, 54, 0.14);
  }

  h3 {
    margin: 0;
    font-size: 1.55rem;
    color: var(--ink-900);
  }

  p {
    margin: 0;
    color: var(--ink-700);
    line-height: 1.6;
  }
}

.employee-card--mint {
  background: linear-gradient(180deg, rgba(226, 247, 236, 0.98), rgba(247, 252, 249, 0.95));
}

.employee-card--sun {
  background: linear-gradient(180deg, rgba(255, 241, 217, 0.98), rgba(255, 249, 239, 0.95));
}

.employee-card__pill {
  width: fit-content;
  padding: 0.38rem 0.72rem;
  border-radius: 999px;
  background: rgba(21, 65, 85, 0.08);
  color: var(--ink-700);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.employee-card__cta {
  margin-top: auto;
  font-weight: 800;
  color: #115e7a;
}

@media (max-width: 900px) {
  .employee-grid {
    grid-template-columns: 1fr;
  }
}