/* ── Hero subpage ─────────────────────────────────────────── */
.article-hero {
  height: 42vh;
  min-height: 260px;
  max-height: 480px;
}
.article-hero .hero__bg {
  background-size: cover;
  background-position: center;
}

/* ── En-tête ─────────────────────────────────────────────── */
.articles-header {
  background: var(--color-secondary);
  padding: 56px 0 40px;
  border-bottom: 1px solid var(--color-light);
}
.articles-header__title {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 400;
  color: var(--color-primary);
  margin-bottom: 24px;
}

/* ── Section articles ────────────────────────────────────── */
.articles-section {
  background: var(--color-secondary);
}