/* Centre only the page introductions; cards and long-form content keep their layout. */
.page-intro { text-align: center; }
.page-intro.head, .page-intro.split { grid-template-columns: minmax(0, 1fr); gap: clamp(20px, 2.5vw, 30px); }
.page-intro .lbl { justify-content: center; }
.page-intro h1, .page-intro > p, .page-intro > div > p {
  margin-inline: auto !important;
}
.hero.page-intro { display: flex; flex-direction: column; justify-content: center; gap: 32px; }
.hero.page-intro > .wrap { order: 1; }
.hero.page-intro > .hero-availability { order: 2; }
.hero.page-intro > .wrap > div { justify-content: center; }