/* Build page banner; all type sizes use the shared typography roles. */
body.build-page .builder-banner{position:relative;width:100%;min-height:clamp(540px,72vh,720px);overflow:hidden;background:#121212;color:#fff;isolation:isolate}
body.build-page .builder-banner-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:64% 55%;z-index:-2}
body.build-page .builder-banner-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.91) 0%,rgba(0,0,0,.76) 32%,rgba(0,0,0,.38) 60%,rgba(0,0,0,.2) 100%),linear-gradient(0deg,rgba(0,0,0,.4),transparent 55%)}
body.build-page .builder-banner-content{display:flex;flex-direction:column;min-height:inherit;padding-top:24px;padding-bottom:28px}
body.build-page .builder-banner-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:38px;color:#bbb}
body.build-page .builder-banner-copy{max-width:570px;flex:1;display:flex;flex-direction:column;justify-content:center;padding:20px 0 54px}
body.build-page .builder-banner-copy .eyebrow{color:#b8bdc4;margin:0 0 20px}
body.build-page .builder-banner-copy h1{margin:0 0 26px}
body.build-page .builder-banner-lead{max-width:460px;margin:0;color:#ddd}
body.build-page .builder-banner-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:30px}
body.build-page .builder-banner-actions .button{min-height:50px;padding:14px 24px;gap:26px}
body.build-page .builder-banner-link{display:inline-flex;align-items:center;gap:18px;text-decoration:underline;text-underline-offset:7px;text-decoration-color:#888;padding:12px 0;color:#fff}
body.build-page .builder-banner-note{margin:20px 0 0;color:#bbb}
body.build-page .builder-banner-footer{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.25);color:#ddd}
body.build-page .builder-banner-disclosure{max-width:270px;text-align:right;color:#bbb}
body.build-page[data-hero-theme="black"] .builder-tools{background:#fff;color:#181818;border-color:#ddd}
body.build-page[data-hero-theme="black"] .builder-tools :is(.builder-tools-label,.builder-help,.builder-help span,.builder-exit,.builder-save){color:#181818}
body.build-page[data-hero-theme="black"] .builder-tools .builder-exit{border-color:#ddd}
body.build-page #configurator{scroll-margin-top:104px}
body.build-page .builder-banner :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:767px){
 body.build-page .builder-banner{min-height:650px}
 body.build-page .builder-banner-image{object-position:65% center}
 body.build-page .builder-banner-overlay{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.44)),linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.15) 75%)}
 body.build-page .builder-banner-content{padding-top:20px;padding-bottom:24px}
 body.build-page .builder-banner-breadcrumb{gap:8px;margin-bottom:26px}
 body.build-page .builder-banner-copy{padding:18px 0 34px}
 body.build-page .builder-banner-copy .eyebrow{margin-bottom:18px}
 body.build-page .builder-banner-copy h1{margin-bottom:22px}
 body.build-page .builder-banner-actions{gap:16px;margin-top:24px}
 body.build-page .builder-banner-actions .button{width:100%;justify-content:space-between}
 body.build-page .builder-banner-note{margin-top:16px;max-width:290px}
 body.build-page .builder-banner-footer{display:block;padding-top:18px}
 body.build-page .builder-banner-footer>span{display:block}
 body.build-page .builder-banner-disclosure{margin-top:12px;text-align:left;max-width:none}
}
@media print{body.build-page .builder-banner{display:none!important}}
@media(max-width:600px){body.build-page.builder-banner-visible .step-actions{display:none}}