/* These top-level hubs share the product centre's banner composition. */
body:is(.page-id-9,.page-id-16,.page-id-20) :is(.sst-structure-crumb,.subhero .breadcrumb,.tk-local-nav){display:none!important}
body:is(.page-id-9,.page-id-16,.page-id-20) .subhero{position:relative;isolation:isolate;background:#111;color:#fff;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column}
body:is(.page-id-9,.page-id-16,.page-id-20) .subhero .hero-orb{display:none}
body:is(.page-id-9,.page-id-16,.page-id-20) .subhero .subhero-inner{position:relative;z-index:2;width:min(80rem,calc(100% - 2rem));margin-inline:auto;padding:32px 0;min-height:0}
body:is(.page-id-9,.page-id-16,.page-id-20) .subhero h1{color:#fff!important;font-size:clamp(32px,3vw,48px);line-height:1.2;letter-spacing:0;margin:0}
body:is(.page-id-9,.page-id-16,.page-id-20) .subhero .eyebrow{color:#f7c440!important;font-size:13px;line-height:1.8;margin:0 0 12px}
body:is(.page-id-9,.page-id-16,.page-id-20) .subhero .subhero-inner>p:not(.eyebrow){color:#f1f1f1!important;font-size:15px;line-height:1.8;margin:16px 0 0}
body:is(.page-id-9,.page-id-16,.page-id-20) .subhero .subhero-media{width:100%;aspect-ratio:16/8;max-height:none;position:relative;order:-1;overflow:hidden;z-index:0}
body:is(.page-id-9,.page-id-16,.page-id-20) .subhero .subhero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
body:is(.page-id-9,.page-id-16,.page-id-20) .subhero .subhero-shade{display:none}
@media(min-width:768px){
 body:is(.page-id-9,.page-id-16,.page-id-20) .subhero{min-height:400px;justify-content:center}
 body:is(.page-id-9,.page-id-16,.page-id-20) .subhero .subhero-inner>*{max-width:55%}
 body:is(.page-id-9,.page-id-16,.page-id-20) .subhero .subhero-media{position:absolute;inset:0 0 0 auto;width:58%;height:100%;aspect-ratio:auto}
 body:is(.page-id-9,.page-id-16,.page-id-20) .subhero .subhero-shade{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#111 0%,#111 35%,rgba(17,17,17,.93) 47%,rgba(17,17,17,.22) 75%,rgba(17,17,17,0) 100%)}
}
@media(max-width:767px){body:is(.page-id-9,.page-id-16,.page-id-20) .subhero .subhero-inner>*{max-width:none}}
