/* Preview opt-in: active marketing heroes only. Keep all original typography elsewhere. */
main > section.hero h1,
main > section.ar-hero h1,
main > section.cb-hero h1,
main > section.mc-hero h1 {
  letter-spacing: -0.035em;
  line-height: 1.04;
}

/* Laptop CTA layout: normal-flow actions follow the complete lead, left aligned.
   Standardise row gaps, not absolute screen coordinates. Editorial heroes have
   no contact row and are intentionally excluded. No font or button-size changes. */
main > section.hero .hero-ctas,
main > section.ar-hero .ar-actions,
main > section.cb-hero .cb-actions,
main > section.mc-hero .hero-ctas {
  gap: 14px;
  justify-content: flex-start;
}
@media (min-width: 981px) {
  /* Only conversion heroes move; content-only about/projects/blog stay intact. */
  main > section.hero:not(.waikato-hero):has(.hero-ctas) { padding-top: 64px; }
  main > section.hero:has(.hero-ctas) .lead { margin-bottom: 24px; }
  main > section.mc-hero { padding-top: 32px; }
  main > section.mc-hero .lead { margin-bottom: 24px; }
  /* The longest standard hero needs another 32px without shrinking its H1. */
  main > section.hero:has([data-cta-intent="hero_project"][href="/#contact"]) { padding-top: 32px; }
}
@media (max-width: 600px) {
  main > section.hero .hero-ctas,
  main > section.ar-hero .ar-actions,
  main > section.cb-hero .cb-actions,
  main > section.mc-hero .hero-ctas { flex-direction: column; align-items: stretch; }
}