.hero-banner-wrapper{padding:16px 0;background:var(--color-background, #f5f5f5)}.hero-banner{position:relative;border-radius:var(--hero-radius, 12px);overflow:hidden}.hero-banner__slider{position:relative;width:100%;aspect-ratio:var(--hero-desktop-aspect-ratio, 3.2);max-height:var(--hero-desktop-height, 460px);background:#111}@media screen and (max-width:749px){.hero-banner__slider{aspect-ratio:var(--hero-mobile-aspect-ratio, 1.5);max-height:var(--hero-mobile-max-height, 380px)}}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.hero-banner__slider--fade .hero-slide{transition:opacity var(--hero-transition-speed, .6s) ease}.hero-banner__slider--slide .hero-slide{transform:translate(100%);transition:transform var(--hero-transition-speed, .6s) ease,opacity var(--hero-transition-speed, .6s) ease}.hero-banner__slider--slide .hero-slide.is-active{transform:translate(0)}.hero-banner__slider--slide .hero-slide.is-prev{transform:translate(-100%);opacity:1;visibility:visible}.hero-banner__slider--zoom .hero-slide{transform:scale(1.08);transition:transform var(--hero-transition-speed, .6s) ease,opacity var(--hero-transition-speed, .6s) ease}.hero-banner__slider--zoom .hero-slide.is-active{transform:scale(1)}.hero-banner__slider--slide-up .hero-slide{transform:translateY(30px);transition:transform var(--hero-transition-speed, .6s) ease,opacity var(--hero-transition-speed, .6s) ease}.hero-banner__slider--slide-up .hero-slide.is-active{transform:translateY(0)}.hero-slide__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-slide__bg-image,.hero-slide__bg-placeholder{width:100%;height:100%;display:block}.hero-slide__bg-image--desktop{object-fit:cover}.hero-slide__bg-image--mobile{display:none;object-fit:cover}@media screen and (max-width:749px){.hero-slide__bg-image--desktop{display:none}.hero-slide__bg-image--mobile{display:block}}.hero-slide__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--hero-overlay-opacity, 0);z-index:2;pointer-events:none}.hero-slide__content{position:relative;z-index:3;max-width:640px;height:100%;padding:24px 6%;text-align:left;margin:0;display:flex;flex-direction:column;justify-content:center;color:var(--hero-text-color, inherit)}.content-align-center .hero-slide__content{margin:0 auto;text-align:center;align-items:center}.content-align-right .hero-slide__content{margin-left:auto;text-align:right;align-items:flex-end}.hero-slide__heading{font-size:clamp(18px,3vw,34px);font-weight:800;color:var(--hero-text-color, var(--color-heading, #1a1a1a));margin:0 0 8px;line-height:1.2}.hero-slide__subheading{font-size:clamp(12px,1.5vw,18px);color:var(--hero-text-color, var(--color-text, #444));margin:0 0 14px}.hero-slide__cta{display:inline-block;padding:9px 24px;border-radius:999px;font-weight:700;font-size:13px;text-decoration:none;transition:transform .2s ease,background .2s ease,opacity .2s ease;width:fit-content}.hero-slide__cta--solid{background:var(--color-accent, #f85605);color:#fff}.hero-slide__cta--solid:hover{transform:translateY(-2px);background:var(--color-accent-dark, #c94802)}.hero-slide__cta--outline{background:transparent;color:var(--hero-text-color, var(--color-accent, #f85605));border:2px solid var(--hero-text-color, var(--color-accent, #f85605))}.hero-slide__cta--outline:hover{transform:translateY(-2px);background:var(--hero-text-color, var(--color-accent, #f85605));color:#fff}@media screen and (max-width:749px){.hero-slide__content{padding:16px 5%;max-width:100%}.hero-slide__cta{padding:7px 18px;font-size:12px}}.hero-slide__hotspots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.hero-hotspot{position:absolute;top:var(--hotspot-top, 40%);left:var(--hotspot-left, 20%);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:auto}.hero-hotspot__image{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}@media screen and (max-width:749px){.hero-hotspot__image{width:44px;height:44px}}.hero-hotspot__button{background:#111;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:4px 12px;border-radius:4px;text-decoration:none;white-space:nowrap}@media screen and (max-width:749px){.hero-hotspot__button{font-size:9px;padding:3px 8px}}.hero-hotspot__button:hover{background:var(--color-accent, #f85605)}.hero-floating-image{position:absolute;top:var(--float-top, 20%);left:var(--float-left, 70%);width:var(--float-width, 120px);pointer-events:none;z-index:3}.hero-floating-image img{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.2))}@media screen and (max-width:749px){.hero-floating-image{width:calc(var(--float-width, 120px) * .6)}}.hero-banner__dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:8px}.hero-dot{width:8px;height:8px;border-radius:50%;border:none;background:#fff9;cursor:pointer;padding:0;transition:background .2s ease,width .2s ease}.hero-dot.is-active{background:var(--color-accent, #f85605);width:22px;border-radius:4px}.hero-banner__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:36px;height:36px;border-radius:50%;border:none;background:#ffffffd9;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#111;transition:background .2s ease}.hero-banner__arrow:hover{background:#fff}.hero-banner__arrow--prev{left:12px}.hero-banner__arrow--next{right:12px}@media screen and (max-width:749px){.hero-banner__arrow{width:30px;height:30px}}.color-scheme-2 .hero-slide__heading,.color-scheme-2 .hero-slide__subheading{color:#fff}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-banner.css.map */