.hero--careers {
  padding-top: var(--space-16);
  padding-bottom: var(--space-12);
}

.hero__kicker--secondary {
  margin-top: var(--space-2);
}

.hero__visual--careers .hero__visual-media--single {
  grid-template-columns: minmax(0, 1fr);
}

.hero__plate--team {
  aspect-ratio: 4 / 5;
  border-radius: var(--radius-xl);
  overflow: hidden;
}

.hero__card--careers {
  max-width: 15rem;
}

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

.valeurs-grid {
  align-items: stretch;
}

.valeurs-note {
  border-left: 2px solid var(--color-primary);
  padding-left: var(--space-4);
}

.careers-grid .card__body ul li + li,
.perks-grid .card__body ul li + li {
  margin-top: var(--space-2);
}

.careers-list {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-relaxed);
}

.env-grid {
  align-items: center;
}

.env-visual__figure,
.team-visual__figure {
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

.formation-grid {
  align-items: flex-start;
}

.diversite-grid {
  align-items: stretch;
}

.perks-grid {
  align-items: stretch;
}

.candidature-grid {
  align-items: flex-start;
}

.candidature-form {
  position: relative;
}

.candidature-form .btn + .btn {
  margin-left: 0;
}

.careers-cta-row {
  align-items: center;
}

@media (max-width: 900px) {
  .hero--careers {
    padding-top: var(--space-12);
    padding-bottom: var(--space-10);
  }

  .hero__card--careers {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .careers-cta-row {
    flex-direction: column;
    align-items: flex-start;
  }
}