/* Shared mobile/tablet header clearance for the eight regional landing pages.
   Content remains in document flow; long titles and enlarged text grow the hero. */
@media (max-width: 900px) {
  body[data-em-region-navigation] main #top:is(.hero, .page-hero) {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 100svh !important;
    padding: 0 !important;
    align-items: flex-start !important;
  }
  body[data-em-region-navigation] main #top:is(.hero, .page-hero) .hero-inner {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 100svh !important;
    margin: 0 !important;
    padding: 264px 24px 80px !important;
    align-items: flex-start !important;
  }
  body[data-em-region-navigation] main #top:is(.hero, .page-hero) .hero-copy {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    translate: none !important;
    transform: none !important;
  }
}