/******************************
 * Page À propos — XW Conseil *
 ******************************/

main {
  padding-top: 24px;
}

.hero-compact {
  background: linear-gradient(135deg, #0F2F41 0%, #12354A 100%);
  color: #fff;
  text-align: center;
  padding: 56px 0;
}

.hero-compact h1 { color: #fff; margin-bottom: 0.5rem; }
.hero-subtitle { color: #E8E4DB; margin: 0 auto; max-width: 780px; font-size: 1.05rem; }

.section h1 {
  font-family: var(--ff-title);
  font-size: 2.2rem;
  margin-bottom: 1.5rem;
  color: var(--c-primary);
}

.section h2 {
  margin-top: 1.8rem;
  margin-bottom: 0.8rem;
}

.section p {
  margin-bottom: 1rem;
  max-width: 780px;
}

.section ul.checklist {
  max-width: 780px;
  margin-bottom: 1.8rem;
}

/* Fond beige cohérent avec les autres pages */
.section.alt {
  background: var(--c-beige);
}

/* Centrer le bloc "Notre histoire" un peu mieux sur grands écrans */
.section.alt .container {
  max-width: 1000px;
}

/* Légères marges sur mobile */
@media (max-width: 600px) {
  main {
    padding-top: 16px;
  }

  .section h1 {
    font-size: 1.9rem;
  }
}