.section-team-hero {
  padding-top: var(--space-16);
}

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

.team-hero-grid {
  align-items: center;
  gap: var(--space-8);
}

.team-hero-text p {
  margin-bottom: var(--space-6);
}

.team-hero-ctas {
  flex-wrap: wrap;
}

.team-hero-media {
  max-width: 520px;
  margin-left: auto;
}

.team-lead-grid {
  gap: var(--space-8);
  align-items: flex-start;
}

.team-section-header h2 {
  margin-bottom: var(--space-3);
}

.team-grid {
  margin-top: var(--space-4);
}

.team-values-grid {
  gap: var(--space-6);
  align-items: flex-start;
}

.team-values-intro {
  max-width: 360px;
}

.team-cert-grid,
.team-work-grid,
.team-growth-grid,
.team-philosophy-grid,
.team-join-grid,
.team-stats-grid {
  gap: var(--space-8);
  align-items: center;
}

.team-cert-list,
.team-work-list,
.team-growth-list,
.team-philosophy-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.team-cert-list li,
.team-work-list li,
.team-growth-list li,
.team-philosophy-list li {
  margin-bottom: var(--space-4);
  color: var(--color-text-muted);
}

.team-cert-list h3 {
  margin-bottom: var(--space-2);
  font-size: var(--font-size-lg);
}

.team-stats-grid {
  text-align: center;
}

.team-stat-number {
  font-size: var(--font-size-3xl);
  font-weight: 600;
  color: var(--color-accent);
  margin-bottom: var(--space-2);
}

.team-stat-label {
  color: var(--color-text-muted);
  margin-bottom: 0;
}

.team-join-card {
  border-radius: var(--radius-lg);
}

.team-join-actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 1024px) {
  .section-team-hero {
    padding-top: var(--space-12);
  }
}

@media (max-width: 768px) {
  .team-hero-grid,
  .team-lead-grid,
  .team-cert-grid,
  .team-work-grid,
  .team-growth-grid,
  .team-philosophy-grid,
  .team-join-grid {
    gap: var(--space-6);
  }

  .team-hero-media,
  .team-values-intro {
    margin-left: 0;
  }

  .team-hero-ctas {
    flex-direction: column;
    align-items: stretch;
  }

  .team-join-actions {
    margin-top: var(--space-4);
  }
}