/* Shared hero foundation. CEO/C-suite establishes the title's vertical position.
   These deliberate overrides replace the earlier page-specific positioning rules. */
[id^="whc-"]{--hero-title-offset:114px;--hero-label-top:58px;--hero-gutter:42px}
body>nav.browser-review{box-sizing:border-box}
[id^="whc-"] .site .masthead{box-sizing:border-box;height:96px;min-height:96px;padding-top:24px!important;padding-bottom:24px!important}
[id^="whc-"] [data-site-hero]{position:relative;padding-top:var(--hero-title-offset)!important;align-items:start!important}
[id^="whc-"] [data-site-hero] h1{font-family:'Lora',Georgia,serif!important;font-weight:400!important;font-size:clamp(42px,4.8cqw,66px)!important;line-height:1.12!important;margin-top:0!important}
[id^="whc-"] [data-site-hero] .eyebrow{position:absolute;top:var(--hero-label-top);left:var(--hero-gutter);right:var(--hero-gutter);margin:0!important;padding-top:0!important;padding-bottom:0!important}
[id^="whc-"] [data-site-hero] :is(.ceo-hero-grid,.org-hero-grid,.en-hero-grid,.case-hero-content,.f1-hero-grid,.sr-hero-grid){align-items:start!important}
#whc-serif-homepage [data-site-hero] .hero-copy{position:static;align-self:start;padding-top:0}
#whc-serif-homepage [data-site-hero] .portrait,#whc-enneagram [data-site-hero] .en-wheel{align-self:center}
/* Case-study identity and service labels share the space above the title. */
:is(#whc-adam-case-study,#whc-steer-case-study) [data-site-hero] .case-brand{position:absolute;top:22px;left:var(--hero-gutter);right:var(--hero-gutter);margin:0!important;font-size:22px!important;line-height:1.25!important}
/* Keep the approved Results actions low while its title aligns with every page. */
@container(min-width:961px){
 #whc-client-results .results-hero>.inner{display:flex;flex-direction:column;min-height:478px}
 #whc-client-results .hero-grid{display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:112px}
 #whc-client-results .story-index{flex-shrink:0;margin-top:56px}
}
@media(min-width:1100px){[id^="whc-"]{--hero-gutter:max(42px,calc(50vw - 680px))}}
@media(max-width:850px){[id^="whc-"] .site .masthead{height:85px;min-height:85px;padding-top:20px!important;padding-bottom:20px!important}}
@media(max-width:600px){
 [id^="whc-"]{--hero-title-offset:143px;--hero-gutter:24px}
 [id^="whc-"] [data-site-hero] h1{font-size:38px!important}
 :is(#whc-adam-case-study,#whc-steer-case-study) [data-site-hero] .case-brand{font-size:20px!important}
}
@media(max-width:360px){[id^="whc-"]{--hero-title-offset:172px}}