/* ===== Shorter page banners: About and Contact =====
   Loads last on every page ('css_last' in includes/config.php), so it overrides the
   banner sizes set in sh-about.css and sh-contact.css. The service and product banners
   (.nt-hero) are sized to match in sh-pages.css. The home page hero is not touched.
   Blog and 404 use the compact .phead banner in sh-home.css and are not changed here. */

/* ---- About (was padding 110px 0 150px) ----
   The stats card overlaps the banner by 72px (60px at 860px and below), so the
   bottom padding keeps about 40px clear below the buttons. */
.ab-hero{padding:64px 0 112px}
.ab-hero h1{font-size:clamp(2.2rem,3.8vw,3.25rem);margin:10px 0 14px}
.ab-hero .ab-crumbs{margin:0 0 12px}
.ab-hero .ab-actions{margin-top:24px}
@media (max-width:860px){.ab-hero{padding:56px 0 100px}}
@media (max-width:560px){.ab-hero{padding:56px 0 96px}}

/* ---- Contact (was min-height 740px, padding 100px 0 150px) ----
   Nothing overlaps this banner. :has(.cx-phead) limits these rules to the contact
   page, because Blog and 404 use the same .phead class. */
.phead:has(.cx-phead){min-height:420px;padding:56px 0 72px}
.phead:has(.cx-phead) h1{font-size:clamp(2.2rem,3.8vw,3.25rem);margin:6px 0 14px}
.phead:has(.cx-phead) .crumb{margin-bottom:12px}
@media (max-width:560px){.phead:has(.cx-phead){min-height:0;padding:48px 0 56px}}