.hb-homepage-section .hbx .hbx-hero{--hero-nav-h:78px;--hero-frame-gap:20px;--hero-frame-x:22px;--hero-frame-y:calc(var(--hero-nav-h) + var(--hero-frame-gap))}.hb-homepage-section .hbx .hbx-slide{align-items:stretch}.hb-homepage-section .hbx .hbx-slide-inner{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(14px,2.4vh,22px);min-height:100%;padding-top:calc(var(--hero-frame-y) + 40px);padding-bottom:calc(var(--hero-frame-y) + 40px)}.hb-homepage-section .hbx .hbx-slide-inner .hbx-eyebrow,.hb-homepage-section .hbx .hbx-slide-inner .hbx-slide-h,.hb-homepage-section .hbx .hbx-slide-inner .hbx-slide-sub,.hb-homepage-section .hbx .hbx-slide-inner .hbx-cta-row{margin:0}.hb-homepage-section .hbx .hbx-hero-ui{bottom:0;min-height:var(--hero-nav-h);padding-top:14px;padding-bottom:14px;align-items:center}.hb-homepage-section .hbx .hbx-dots{gap:8px}.hb-homepage-section .hbx .hbx-dot{width:34px;height:44px;background:none;border-radius:0;display:flex;align-items:center}.hb-homepage-section .hbx .hbx-dot:before{content:"";display:block;width:100%;height:3px;border-radius:2px;background:#ffffff59;transition:background .2s}.hb-homepage-section .hbx .hbx-dot.is-active{background:none}.hb-homepage-section .hbx .hbx-dot.is-active:before{background:var(--white)}.hb-homepage-section .hbx .hbx-arrows{gap:10px}.hb-homepage-section .hbx .hbx-arrows button{width:44px;height:44px;font-size:20px}.hb-homepage-section .hbx .hbx-crop.tl{top:var(--hero-frame-y);left:var(--hero-frame-x)}.hb-homepage-section .hbx .hbx-crop.tr{top:var(--hero-frame-y);right:var(--hero-frame-x)}.hb-homepage-section .hbx .hbx-crop.bl{bottom:var(--hero-frame-y);left:var(--hero-frame-x)}.hb-homepage-section .hbx .hbx-crop.br{bottom:var(--hero-frame-y);right:var(--hero-frame-x)}@media(max-width:760px){.hb-homepage-section .hbx .hbx-hero,.hb-homepage-section .hbx .hbx-slides{min-height:86svh}.hb-homepage-section .hbx .hbx-hero{--hero-nav-h:70px;--hero-frame-gap:16px;--hero-frame-x:16px}.hb-homepage-section .hbx .hbx-slide-inner{padding-top:calc(var(--hero-frame-y) + 30px);padding-bottom:calc(var(--hero-frame-y) + 30px)}.hb-homepage-section .hbx .hbx-slide-h{font-size:clamp(40px,12vw,60px);max-width:16ch}.hb-homepage-section .hbx .hbx-slide-sub{max-width:40ch}.hb-homepage-section .hbx .hbx-hero-tag{display:none}.hb-homepage-section .hbx .hbx-cta-row{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/hbx-hero-fix.css.map */