/* rollout.css (round 1, 5 Nov 2026): additions the roll-out needs on top of the kit (kit files stay untouched).
   1. kit PAGE hero: the inner-page version of the kit hero (same picture + sheen + type, shorter, no fold rule)
   2. breadcrumbs inside it
   3. the quiet footer chip
   Per-site home-page work lives in home-lift.css (also linked from the head) */
.hh-hero--page{min-height:clamp(360px,50vh,480px)!important}
.hh-hero--page .hh-hero__in{padding-top:calc(var(--hh-space) + 36px);padding-bottom:clamp(30px,5vh,52px)}
.hh-hero--page h1{font-size:clamp(32px,3.7vw,54px);max-width:17em}
.hh-hero--page .hh-hero__sub{max-width:62ch;font-size:clamp(16px,1.3vw,19px)}
.hh-crumbs{margin:0 0 16px;font:600 14px/1.2 var(--hh-body);color:rgba(255,255,255,.92);text-shadow:0 1px 2px rgba(0,0,0,.65),0 2px 14px rgba(0,0,0,.5)}
.hh-crumbs a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.5);display:inline-block;padding:11px 2px}
.hh-crumbs i{font-style:normal;margin:0 6px;opacity:.75}
@media (max-width:899.98px){.hh-hero--page{min-height:clamp(380px,56svh,520px)!important}}
/* the CEO's chip, kept as a small quiet line above the footer */
.hh-built{margin:0;padding:14px 16px;text-align:center;background:#0d1117;color:#e8e6df;font:600 14px/1.3 var(--hh-body,system-ui,sans-serif)}
.hh-built a{color:#fff;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 6px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.45)}
.hh-built a:hover{text-decoration-color:#fff}
@media (max-width:899.98px){.hh-built{padding-bottom:calc(14px + var(--hh-bar-total,0px))}}

/* host stylesheets must not restyle the kit */
.hh-hero h1,.hh-hero h1 em{text-transform:none}
.hh-nav__a,.hh-nav__more{white-space:nowrap}

/* the chip carries class="demostrip" for the deploy gates; it keeps the quiet footer-line look, none of the old strip styling (6 Nov 2026) */
.hh-built .demostrip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 6px;margin:0;background:none;border:0;border-radius:0;box-shadow:none;color:#fff;font:inherit;width:auto;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.45)}
.hh-built .demostrip:hover{text-decoration-color:#fff;background:none}

/* light legacy page heads sit under the header pill: a firmer pill keeps the name and Menu at 4.5:1 */
:root:has(.hx-pagehead,.hx-hero--page){--hh-pill-a:.92}