.section {
  padding: 64px 24px;
}

.inner {
  max-width: var(--max-width);
  margin: 0 auto;
  text-align: center;
}

.titre {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--gris-fonce);
  margin-bottom: 32px;
}

.liste {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.badge {
  font-family: var(--font-gotham);
  font-size: 13px;
  font-weight: 500;
  color: var(--vert-fonce);
  background: var(--gris-clair);
  border-radius: var(--radius-pill);
  padding: 8px 20px;
  transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.badge:hover {
  transform: translateY(-2px) scale(1.05);
  background: var(--vert-fonce);
  color: var(--blanc);
}