.intro__head { margin-bottom: clamp(1.75rem, 1.2rem + 2.2vw, 3rem); text-align: center; }
.intro__title { margin: 0; font-size: var(--gl-fs-h2); }

.intro__body {
  max-width: 47.3125rem;   /* 757px : largeur de colonne de la référence */
  margin-inline: auto;
}

.intro__lead {
  max-width: 34.5rem;
  margin: 0 auto 2em;
  text-align: center;
}

/* Placé après le texte, le chapô suit la colonne, aligné à gauche. */
.intro__lead--after {
  max-width: none;
  margin: 2em 0 0;
  text-align: left;
}

.intro__media {
  max-width: 47.3125rem;
  margin: clamp(1.75rem, 1.2rem + 2.2vw, 3rem) auto 0;
}

.page-banner { width: 100%; overflow: hidden; }
.page-banner img {
  width: 100%;
  height: clamp(11.25rem, 3rem + 23vw, 22.5rem);   /* 180 → 360px */
  object-fit: cover;
  object-position: 50% 50%;
}
.page-banner--bottom img { object-position: 50% 100%; }
.page-banner--top img { object-position: 50% 0; }

.page-hero { text-align: center; }
.page-hero__title { margin: 0; }