/* Stage D: finish the main-site publication. All selectors scoped below main. */
.eh-rollout>.wrap{max-width:1352px;padding-inline:36px}
.eh-rollout h1{font:450 clamp(46px,5.2vw,74px)/1.06 var(--serif);letter-spacing:-.04em;text-wrap:balance}
.eh-rollout h1 em{font-weight:450;color:var(--eh-accent)}
.eh-rollout h2{font-weight:450;letter-spacing:-.03em;line-height:1.12}
.eh-rollout :is(.pagehero,.abouttop,.aiherotext){padding-top:56px}
.eh-rollout .pagehero{padding-bottom:48px;border-bottom:1px solid var(--eh-rule);margin-bottom:36px}
.eh-rollout .pagehero h1{max-width:19ch}
.eh-rollout :is(.intro,.herolabel){font-size:20px;line-height:1.55;letter-spacing:0;text-transform:none;max-width:48ch}
.eh-rollout .eh-kicker{font:500 12px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--eh-accent)}
.eh-rollout :is(.case-hero h1,.casehero h1){font-size:clamp(48px,5.8vw,84px)}
.eh-rollout .abouttop .aboutline{font-size:clamp(46px,4.6vw,66px);max-width:17ch}
.eh-rollout .abouttext{min-width:0}
.eh-rollout .herofan{margin-top:24px}
.eh-rollout .ai-opening h1{font-size:clamp(48px,5vw,72px);max-width:20ch}
.eh-rollout .ai-opening{border-bottom:1px solid var(--eh-rule);padding-bottom:36px}
.eh-rollout .ai-opening .herolabel{font-size:18px}
.eh-rollout .proof>.website-page-title{font-size:clamp(54px,6vw,88px);font-weight:450;margin:20px 0 32px;letter-spacing:-.045em}
.eh-rollout .proof>.underbar{background:var(--eh-rule);height:1px}
.eh-rollout .proof>.eh-kicker{margin-top:48px}
.eh-rollout .caseopen h2{font-size:clamp(32px,3.6vw,48px)}
.eh-rollout .devlabel{font:500 12px/1.5 var(--sans);letter-spacing:.04em}
.eh-rollout .route-discovery{padding-block:16px;border-block:1px solid var(--eh-rule)}
.eh-rollout .route-discovery a{font-size:14px;letter-spacing:0;text-transform:none;min-height:44px}
.eh-rollout .identity-index{max-width:1352px;padding-inline:36px}
.eh-rollout .identity-intro{max-width:none}
.eh-rollout .studio-group-heading h2{font:450 30px/1.2 var(--serif)}
.eh-rollout .studio-client h3{font:450 28px/1.15 var(--serif);letter-spacing:-.025em}
.eh-rollout .studio-row:before{display:none}
.eh-rollout .studio-row{border-bottom:1px solid var(--eh-rule)}
.eh-rollout .story-opening{padding-top:44px}
.eh-rollout .story .story-opening h1{font:450 clamp(48px,5.8vw,80px)/1.04 var(--serif);letter-spacing:-.04em;max-width:20ch}
.eh-rollout .story-opening-split .story-opening h1{font-size:clamp(44px,4.7vw,66px)}
.eh-rollout .story :is(h1,h2) em{font-weight:450}
.eh-rollout .story-opening .story-standfirst{font:400 20px/1.55 var(--sans)}
.eh-rollout .story-section h2{font:450 clamp(34px,3.8vw,54px)/1.12 var(--serif);letter-spacing:-.035em}
.eh-rollout .story-facts dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--eh-accent)}
.eh-rollout .story-facts dd{font-size:16px;line-height:1.6}
.eh-rollout .story-copy p{font-size:19px;line-height:1.7}
.eh-rollout .story-nav{border-block:1px solid var(--eh-rule);padding-block:18px}
.eh-rollout .case-chapter{border-top:1px solid var(--eh-rule);padding-top:28px}
.eh-rollout .case-chapter h2{font-size:clamp(34px,3.8vw,54px)}
.eh-rollout .case-hero{position:static}
.eh-rollout .case-credits dt{font:500 12px/1.5 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--eh-accent)}
.eh-rollout .case-credits dd{font:400 17px/1.6 var(--sans)}
.eh-rollout .vc-intro{padding-block:56px 40px;border-bottom:1px solid var(--eh-rule)}
.eh-rollout .vc-intro h1{font-size:clamp(48px,5.2vw,74px)}
.eh-rollout .vc-panel{box-shadow:none}
.eh-rollout .tcard{box-shadow:none;border-top:1px solid var(--eh-rule)}
.eh-rollout .tcard blockquote{font-weight:400}
.eh-rollout .examples-intro{padding-block:56px 42px}
.eh-rollout .examples-intro h1{max-width:18ch}
.eh-rollout #leadx .lx-hero h1{font:450 clamp(46px,5.2vw,74px)/1.05 var(--serif);letter-spacing:-.04em}
.eh-rollout #leadx .lx-kicker{font:500 12px/1.5 var(--sans);letter-spacing:.08em;color:var(--eh-accent)}
.eh-rollout #leadx .lx-hero{border-bottom:1px solid var(--eh-rule);padding-bottom:40px}
.eh-rollout #leadx :is(h2,h3){font-weight:450;letter-spacing:-.025em}
.eh-rollout.eh-reference .article{max-width:850px;padding-block:48px}
.eh-rollout.eh-reference .article h1{font-size:clamp(40px,4.5vw,62px)}
.eh-rollout.eh-reference .article .artmeta{font:400 14px/1.6 var(--sans);letter-spacing:0;text-transform:none}
.eh-rollout.eh-reference .article :is(p,li){font-size:18px;line-height:1.65}
.eh-rollout.eh-reference .article h2{font-size:32px}
.eh-rollout.eh-functional .pagehero h1{font-size:clamp(40px,4.5vw,62px);max-width:22ch}
@media(max-width:1000px){.eh-rollout .abouttop .aboutline{font-size:48px}.eh-rollout .story-opening-split{gap:32px}.eh-rollout .story-opening-split .story-opening h1{font-size:48px}}
@media(max-width:700px){
.eh-rollout>.wrap,.eh-rollout .identity-index{padding-inline:22px}
.eh-rollout h1{font-size:clamp(38px,10vw,54px);line-height:1.08;letter-spacing:-.035em}
.eh-rollout :is(.pagehero,.abouttop,.aiherotext){padding-top:32px}
.eh-rollout .pagehero{padding-bottom:32px;margin-bottom:28px}
.eh-rollout :is(.intro,.herolabel){font-size:18px}
.eh-rollout .abouttop .aboutline,.eh-rollout .ai-opening h1{font-size:clamp(38px,10vw,54px)}
.eh-rollout .herofan{margin-top:16px}
.eh-rollout .proof>.website-page-title{font-size:56px;margin-bottom:24px}
.eh-rollout .proof>.eh-kicker{margin-top:30px}
.eh-rollout .story .story-opening h1,.eh-rollout .story-opening-split .story-opening h1{font-size:clamp(38px,10vw,54px)}
.eh-rollout .story-opening{padding-top:24px}
.eh-rollout .story-opening .story-standfirst{font-size:18px}
.eh-rollout .story-section h2,.eh-rollout .case-chapter h2{font-size:34px}
.eh-rollout .story-copy p{font-size:18px}
.eh-rollout .vc-intro{padding-block:32px 28px}
.eh-rollout .vc-intro h1{font-size:42px}
.eh-rollout .examples-intro{padding-top:32px}
.eh-rollout #leadx .lx-hero h1{font-size:clamp(38px,10vw,54px)}
.eh-rollout.eh-reference .article{padding-top:32px}
.eh-rollout.eh-reference .article h1,.eh-rollout.eh-functional .pagehero h1{font-size:38px}
}

/* Final visual QA: respect headline spacing and override the old eyebrow-sized H1. */
.eh-rollout .story .story-opening h1{margin:20px 0 26px}
main.eh-rollout>.wrap>.proof:first-child>h1.website-page-title{font:450 clamp(54px,6vw,88px)/1.04 var(--serif);text-transform:none;letter-spacing:-.045em;color:var(--ink);margin:20px 0 32px}
@media(max-width:700px){.eh-rollout .story-opening h1>em{display:block;margin-top:8px}.eh-rollout .story .story-opening h1{margin:16px 0 24px}main.eh-rollout>.wrap>.proof:first-child>h1.website-page-title{font-size:56px}}

/* LeadX keeps its own light canvas in either site theme. */
html[data-theme="dark"] .eh-rollout #leadx .lx-kicker{color:#7438A0}