.hero-banner-section,.hero-banner{position:relative;z-index:1;isolation:isolate}.hero-banner{padding-top:var(--hb-pt, 0px);padding-bottom:var(--hb-pb, 0px);padding-left:1.6rem;padding-right:1.6rem;width:100%;box-sizing:border-box}.hero-banner__inner{display:flex;flex-direction:row;align-items:stretch;gap:1.6rem;width:100%;min-height:200px}.hero-banner__carousel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;aspect-ratio:16 / 7;background-color:#111;border-radius:16px;outline:none}.hero-banner__track{position:relative;width:100%;height:100%}.hero-banner__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;will-change:opacity;transition:opacity .6s ease;pointer-events:none}.hero-banner__slide--active{opacity:1;pointer-events:auto;z-index:1}.hero-banner__slide--exiting{opacity:0;z-index:0}.hero-banner__slide-media{position:relative;width:100%;height:100%;overflow:hidden}.hero-banner__slide-picture{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;border-radius:inherit;overflow:hidden}.hero-banner__slide-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.hero-banner__slide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--slide-overlay-color, #000);opacity:var(--slide-overlay-alpha, .2);pointer-events:none}.hero-banner__slide-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:2.4rem 3.2rem;z-index:2;pointer-events:none;gap:1.2rem}.hero-banner__slide-content--left{align-items:flex-start;text-align:left}.hero-banner__slide-content--center{align-items:center;text-align:center}.hero-banner__slide-content--right{align-items:flex-end;text-align:right}.hero-banner__heading{font-size:clamp(1.8rem,3vw,3.2rem);font-weight:700;line-height:1.15;color:#fff;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.4)}.hero-banner__subheading{font-size:clamp(1.2rem,1.8vw,1.8rem);color:#ffffffe6;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.35)}.hero-banner__btn{display:inline-block;padding:.9rem 2.4rem;background:#fff;color:#111;font-size:1.4rem;font-weight:600;text-decoration:none;border-radius:4px;transition:background .2s ease,color .2s ease,transform .15s ease;pointer-events:auto;cursor:pointer}.hero-banner__btn:hover,.hero-banner__btn:focus-visible{background:#111;color:#fff;transform:translateY(-1px)}.hero-banner__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.hero-banner__placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.hero-banner__arrow{position:absolute;bottom:1.4rem;z-index:10;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background:#ffffffd9;border:none;cursor:pointer;color:#111;transition:background .2s ease,transform .15s ease,opacity .2s ease;pointer-events:auto}.hero-banner__arrow--prev{left:1.4rem}.hero-banner__arrow--next{right:1.4rem}.hero-banner__arrow:hover{background:#fff;transform:scale(1.08)}.hero-banner__arrow:focus-visible{outline:2px solid #111;outline-offset:2px}.hero-banner__arrow svg{display:block;flex-shrink:0}.hero-banner__dots{position:absolute;bottom:2.8rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.6rem;z-index:10}.hero-banner__dot{width:.8rem;height:.8rem;border-radius:50%;border:none;padding:0;background:#ffffff73;cursor:pointer;transition:background .25s ease,transform .2s ease;flex-shrink:0}.hero-banner__dot--active,.hero-banner__dot[aria-current=true]{background:#fff;transform:scale(1.25)}.hero-banner__dot:hover{background:#fffc}.hero-banner__dot:focus-visible{outline:2px solid #fff;outline-offset:2px}.hero-banner__promo{flex:0 0 25%;width:25%;position:relative;overflow:hidden;background-color:#f3f3f3;border-radius:16px}.hero-banner__promo-link{display:block;position:relative;width:100%;height:100%;text-decoration:none;overflow:hidden}.hero-banner__promo-media{width:100%;height:100%;overflow:hidden}.hero-banner__promo-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .4s ease}.hero-banner__promo-link:hover .hero-banner__promo-img,.hero-banner__promo-link:focus-visible .hero-banner__promo-img{transform:scale(1.03)}.hero-banner__promo-link:focus-visible{outline:2px solid #111;outline-offset:-2px}.hero-banner__promo-label{position:absolute;bottom:1.6rem;left:1.6rem;padding:.5rem 1.4rem;background:#ffffffeb;color:#111;font-size:1.2rem;font-weight:600;border-radius:9999px;letter-spacing:.02em;white-space:nowrap;pointer-events:none;box-shadow:0 1px 4px #0000002e}@media screen and (min-width:750px)and (max-width:989px){.hero-banner__carousel{aspect-ratio:16 / 8}.hero-banner__promo{flex:0 0 30%;width:30%}}@media screen and (max-width:749px){.hero-banner{padding-left:1rem;padding-right:1rem}.hero-banner__inner{flex-direction:column;gap:1rem}.hero-banner__carousel,.hero-banner__promo{flex:none;width:100%;aspect-ratio:4 / 3}.hero-banner__slide-content{padding:1.6rem 2rem;gap:.8rem}.hero-banner__arrow{width:3rem;height:3rem;bottom:1rem}.hero-banner__arrow--prev{left:1rem}.hero-banner__arrow--next{right:1rem}.hero-banner__dots{bottom:2rem}.hero-banner__promo-label{bottom:1.2rem;left:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-banner.css.map */