/* Page « About » : présentation du site et de la méthode */
.about-hero { padding: 40px 0 24px; background: var(--signal-yellow); border-bottom: var(--border-strong) solid var(--tarmac); }
.about-hero__inner { display: flex; flex-wrap: wrap; align-items: center; gap: 24px 48px; }
.about-hero__text { flex: 1 1 480px; display: flex; flex-direction: column; gap: 14px; }
.about-hero__title { margin: 0; font-family: var(--font-display); font-weight: 800; font-size: 64px; line-height: 0.95; }
.about-hero__lead { margin: 0; font-size: 19px; max-width: 720px; }
.about-hero__date { margin: 0; font: 600 14px var(--font-mono); }
.about-hero__art { flex: 0 1 260px; display: flex; justify-content: center; }
.about-hero__art img { width: 100%; max-width: 260px; height: auto; }
.about-crumbs { font-size: 14px; }
.about-crumbs a { color: var(--tarmac); }
.about-body { display: flex; flex-direction: column; gap: 36px; padding-top: 40px; padding-bottom: 56px; max-width: 860px; }
.about-body h2 { margin: 0 0 12px; font-family: var(--font-display); font-weight: 800; font-size: 36px; line-height: 1; }
.about-body p { margin: 0 0 12px; font-size: 17px; line-height: 1.6; }
.about-topics, .about-steps { margin: 0 0 12px; padding-left: 22px; display: flex; flex-direction: column; gap: 10px; font-size: 17px; line-height: 1.55; }
.about-airports { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 8px 24px; margin: 0; padding: 0; list-style: none; }
.about-airports a { color: var(--tarmac); font-weight: 600; }
.about-airports__code { font-family: var(--font-mono); }
.about-airports__city { display: block; font-size: 14px; color: var(--ink-soft); }
@media (max-width: 720px) {
  .about-hero__title { font-size: 44px; }
  .about-hero__art img { max-width: 160px; }
  .about-body h2 { font-size: 28px; }
  .about-airports { grid-template-columns: 1fr; }
}