/* One gutter and content hierarchy for every existing hero. */
body:has(main .compact-hero) > header.site-header,
body:has(main .compact-hero) #area-shared-header {
  padding-left:max(6%,calc((100% - 1280px)/2))!important;
  padding-right:max(6%,calc((100% - 1280px)/2))!important;
}
body main section.compact-hero[data-compact-hero] {
  display:flex!important;flex-direction:column;align-items:stretch;gap:0;
  box-sizing:border-box;width:100%;max-width:none;
  padding:28px max(6%,calc((100% - 1280px)/2)) 22px!important;
  height:auto!important;min-height:var(--homepage-hero-height,0px)!important;
}
body main .compact-hero .consistent-hero-content {flex:1 0 auto;width:100%;min-width:0}
body main .compact-hero .hero-content,
body main .compact-hero .hero-copy {width:100%;max-width:none;margin:0;padding:0}
body main .compact-hero .editor-masthead-grid {display:block}
body main .compact-hero h1 {font-size:clamp(40px,4.3vw,64px);line-height:1.12;margin:12px 0 20px;max-width:23ch}
body main .compact-hero .compact-intro {max-width:80ch}
body main .compact-hero .compact-trust {
  flex:0 0 auto;align-self:stretch;width:100%;max-width:none;
  margin:26px 0 0;padding:17px 0 0;order:10;
}
/* The existing Services feature stays beside its introduction on desktop. */
@media(min-width:801px){
  body main .services-hero .consistent-hero-content {display:grid;grid-template-columns:1.25fr 1fr;gap:12px 46px;align-content:start}
}
@media(max-width:800px){
  body main section.compact-hero[data-compact-hero]{padding:22px 6% 20px!important}
  body main .compact-hero h1{font-size:40px}
  body main .compact-hero .compact-trust{margin-top:24px;padding-top:16px}
  body main .services-hero .consistent-hero-content{display:flex;flex-direction:column;gap:24px}
}