/* Compact banners: every subpage banner matches the home page banner height (447px on desktop). */
.hero,.case-hero{padding-top:48px!important;padding-bottom:44px!important;min-height:0!important;box-sizing:border-box}
.hero-inner{padding:0!important}
.hero-eyebrow,.case-hero .eyebrow{margin-bottom:12px!important}
.hero-client{margin-bottom:8px!important}
.hero h1,.hero .hero-title,.case-hero h1{font-size:clamp(2.8rem,5.5vw,4.8rem)!important;line-height:.9!important;margin:0!important;letter-spacing:.005em!important}
.hero-sub,.hero-subtitle,.case-hero-sub{margin:12px 0 0!important;font-size:clamp(1.1rem,1.6vw,1.35rem)!important}
.case-hero-bio{display:none!important}
.hero-stats,.hero .hero-meta,.case-hero .hero-meta{margin-top:24px!important;padding-top:0!important;gap:0!important}
.hero-stats .stat,.hero-meta .meta-item{padding-right:28px!important;margin-right:28px!important}
.stat-num,.case-hero .meta-item strong{font-size:2rem!important;line-height:1!important}
.case-hero .meta-item strong{font-family:var(--display)!important;font-weight:400!important}
.stat-label{margin-top:6px!important}
.hero-bg-text,.case-hero-bg-text{font-size:300px!important;top:-10px!important}
@media (min-width:900px){
  .hero,.case-hero{height:447px;display:flex;flex-direction:column;justify-content:center}
  .hero > .hero-inner{width:100%}
}
/* Wide screens: stats sit to the right of the title, like the open space in the home banner */
@media (min-width:1100px){
  .hero:not(:has(.hero-inner)),.case-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-content:center;column-gap:48px}
  .hero:not(:has(.hero-inner)) > *,.case-hero > *{grid-column:1 / -1}
  .hero-sub,.case-hero-sub{grid-column:1!important;grid-row:10;align-self:end}
  .hero-stats,.case-hero .hero-meta{grid-column:2!important;grid-row:10;align-self:end;margin-top:0!important}
  .hero-bg-text,.case-hero-bg-text,.case-hero-noise,.hero-grid-bg{grid-column:auto!important}
}
.hero-inner .hero-meta .meta-item{font-size:.8rem}