/* ═══ THÉMATIQUES — Header + marquee ═══ */

.thematiques {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding: var(--section-py) var(--border-radius--padding--global--regular);
  background: var(--base-color-brand--beige-100);
}

/* ── Tablet ── */
@media (min-width: 768px) {
  .thematiques {
    gap: 48px;
  }
}