.hero-new-banner{--hero-content-padding-x: clamp(1.6rem, 5vw, 6rem);--hero-content-padding-y: clamp(2.4rem, 8vh, 6rem);--hero-heading-size: clamp(2.8rem, 4.5vw, 5.6rem);--hero-subheading-size: clamp(1.4rem, 1.8vw, 1.8rem);--hero-button-radius: 999px;--hero-text-color: #ffffff;position:relative;display:block;width:100%;overflow:hidden;color:var(--hero-text-color)}.hero-new-banner__track{position:relative;width:100%}.hero-new-banner__slide{position:absolute;top:0;right:0;left:0;z-index:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease;pointer-events:none;content-visibility:hidden;contain:layout style paint}.hero-new-banner__slide.is-active{position:relative;z-index:1;height:auto;opacity:1;visibility:visible;pointer-events:auto;content-visibility:visible;contain:none}.hero-new-banner__media{position:relative;z-index:0;width:100%;line-height:0}.hero-new-banner__slide:not(.is-active) .hero-new-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.hero-new-banner__picture{display:block;width:100%;margin:0;line-height:0}.hero-new-banner__image{display:block;width:100%;height:auto;max-width:100%}.hero-new-banner__slide:not(.is-active) .hero-new-banner__picture,.hero-new-banner__slide:not(.is-active) .hero-new-banner__image{width:100%;height:100%}.hero-new-banner__slide:not(.is-active) .hero-new-banner__image{object-fit:cover;object-position:center center}.hero-new-banner__video{display:block;width:100%;aspect-ratio:var(--slide-aspect-desktop, 16 / 9);line-height:0}.hero-new-banner__video--mobile,.hero-new-banner__picture--mobile{display:none}.hero-new-banner__slide.is-active .hero-new-banner__video-element{display:block;width:100%;height:auto;aspect-ratio:var(--slide-aspect-desktop, 16 / 9);object-fit:contain;object-position:center center;background:#000}.hero-new-banner__slide:not(.is-active) .hero-new-banner__video,.hero-new-banner__slide:not(.is-active) .hero-new-banner__video-element{display:none!important}@media screen and (min-width:750px){.hero-new-banner__video--mobile,.hero-new-banner__video--mobile .hero-new-banner__video-element,.hero-new-banner__picture--mobile,.hero-new-banner__picture--mobile .hero-new-banner__image{display:none!important}}@media screen and (max-width:749px){.hero-new-banner__video--desktop,.hero-new-banner__video--desktop .hero-new-banner__video-element{display:none!important}}.hero-new-banner__placeholder{display:block;width:100%;aspect-ratio:16 / 9;background:#1a1a1a}.hero-new-banner__slide:not(.is-active) .hero-new-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;aspect-ratio:auto}.hero-new-banner__placeholder-svg{width:100%;height:100%;opacity:.35}.hero-new-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,calc(var(--hero-overlay-opacity, .35) * .15)),rgba(0,0,0,calc(var(--hero-overlay-opacity, .35) * .55)) 55%,rgba(0,0,0,calc(var(--hero-overlay-opacity, .35) * .85)))}.hero-new-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:flex-end;width:100%;max-width:none;padding:var(--hero-content-padding-y) var(--hero-content-padding-x);box-sizing:border-box}.hero-new-banner--align-left .hero-new-banner__slide--align-left .hero-new-banner__content,.hero-new-banner--align-left .hero-new-banner__slide:not([class*=--align-]) .hero-new-banner__content{justify-content:flex-start}.hero-new-banner--align-center .hero-new-banner__slide--align-center .hero-new-banner__content,.hero-new-banner--align-center .hero-new-banner__slide:not([class*=--align-]) .hero-new-banner__content{justify-content:center}.hero-new-banner--align-right .hero-new-banner__slide--align-right .hero-new-banner__content,.hero-new-banner--align-right .hero-new-banner__slide:not([class*=--align-]) .hero-new-banner__content{justify-content:flex-end}.hero-new-banner__slide--align-left .hero-new-banner__content{justify-content:flex-start}.hero-new-banner__slide--align-center .hero-new-banner__content{justify-content:center}.hero-new-banner__slide--align-right .hero-new-banner__content{justify-content:flex-end}.hero-new-banner__text{max-width:56rem;line-height:normal}.hero-new-banner__slide--align-center .hero-new-banner__text,.hero-new-banner--align-center .hero-new-banner__slide:not([class*=--align-]) .hero-new-banner__text{text-align:center}.hero-new-banner__slide--align-right .hero-new-banner__text,.hero-new-banner--align-right .hero-new-banner__slide:not([class*=--align-]) .hero-new-banner__text{text-align:right}.hero-new-banner__slide--align-left .hero-new-banner__text{text-align:left}.hero-new-banner__heading{margin:0 0 1.2rem;font-size:var(--hero-heading-size);font-weight:500;line-height:1.05;letter-spacing:-.02em;color:inherit}.hero-new-banner__subheading{margin:0 0 2.4rem;font-size:var(--hero-subheading-size);font-weight:400;line-height:1.45;color:inherit;opacity:.95}.hero-new-banner__button{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;padding:.8rem 2.8rem;border:1px solid currentColor;border-radius:var(--hero-button-radius);background:transparent;color:inherit;font-size:1.4rem;font-weight:500;line-height:1;letter-spacing:.04em;text-decoration:none;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.hero-new-banner__button:hover,.hero-new-banner__button:focus-visible{background:#fff;border-color:#fff;color:#111}.hero-new-banner__button[aria-disabled=true]{opacity:.55;pointer-events:none}.hero-new-banner__arrows{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.hero-new-banner__arrow{position:absolute;top:50%;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:#0003;color:#fff;cursor:pointer;pointer-events:auto;transform:translateY(-50%);transition:background-color .25s ease,border-color .25s ease}.hero-new-banner__arrow svg{width:2rem;height:2rem}.hero-new-banner__arrow:hover,.hero-new-banner__arrow:focus-visible{background:#ffffff26;border-color:#fff}.hero-new-banner__arrow--prev{left:clamp(1rem,3vw,2.4rem)}.hero-new-banner__arrow--next{right:clamp(1rem,3vw,2.4rem)}.hero-new-banner__dots{position:absolute;right:auto;bottom:clamp(1.6rem,4vh,3rem);left:50%;z-index:3;display:inline-flex;gap:.6rem;align-items:center;justify-content:center;width:auto;padding:.8rem 1.2rem;border-radius:999px;background:#00000047;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transform:translate(-50%)}.hero-new-banner__dot{flex-shrink:0;width:.6rem;height:.6rem;padding:0;border:none;border-radius:999px;background:#ffffff73;cursor:pointer;transition:width .35s ease,background-color .35s ease,opacity .35s ease}.hero-new-banner__dot:hover,.hero-new-banner__dot:focus-visible{background:#ffffffbf;outline:none}.hero-new-banner__dot.is-active{width:2.4rem;background:#fff}.hero-new-banner__slide:not(.is-loaded) .hero-new-banner__image{opacity:0}.hero-new-banner__slide.is-loaded .hero-new-banner__image{opacity:1;transition:opacity .4s ease}@media screen and (max-width:749px){.shopify-section.section-hero-new-banner{flex:0 0 auto!important;height:auto!important;max-height:none!important}.hero-new-banner{height:auto!important;max-height:none!important;overflow:hidden}.hero-new-banner__track{position:relative!important;box-sizing:content-box!important;width:100%!important;height:0!important;max-height:none!important;padding-top:100%!important}.hero-new-banner__slide,.hero-new-banner__slide.is-active{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;contain:none!important;content-visibility:visible!important}.hero-new-banner__slide.is-active .hero-new-banner__media,.hero-new-banner__slide.is-active .hero-new-banner__picture,.hero-new-banner__slide.is-active .hero-new-banner__picture--mobile{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto;line-height:0}.hero-new-banner__picture--desktop,.hero-new-banner__picture--desktop .hero-new-banner__image,.hero-new-banner__video--desktop,.hero-new-banner__video--desktop .hero-new-banner__video-element{display:none!important}.hero-new-banner__picture--mobile{display:block!important}.hero-new-banner__image,.hero-new-banner__slide.is-active .hero-new-banner__image,.hero-new-banner__slide.is-loaded .hero-new-banner__image,.hero-new-banner__picture--mobile .hero-new-banner__image{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center center}.hero-new-banner__video--desktop{display:none}.hero-new-banner__video--mobile{display:block;aspect-ratio:var(--slide-aspect-mobile, var(--slide-aspect-desktop, 16 / 9))}.hero-new-banner__slide.is-active .hero-new-banner__video--mobile .hero-new-banner__video-element{aspect-ratio:var(--slide-aspect-mobile, var(--slide-aspect-desktop, 16 / 9))}.hero-new-banner--mobile-align-left .hero-new-banner__slide--mobile-align-left .hero-new-banner__content,.hero-new-banner--mobile-align-left .hero-new-banner__slide:not([class*=--mobile-align-]) .hero-new-banner__content{justify-content:flex-start}.hero-new-banner--mobile-align-center .hero-new-banner__slide--mobile-align-center .hero-new-banner__content,.hero-new-banner--mobile-align-center .hero-new-banner__slide:not([class*=--mobile-align-]) .hero-new-banner__content{justify-content:center}.hero-new-banner--mobile-align-right .hero-new-banner__slide--mobile-align-right .hero-new-banner__content,.hero-new-banner--mobile-align-right .hero-new-banner__slide:not([class*=--mobile-align-]) .hero-new-banner__content{justify-content:flex-end}.hero-new-banner__slide--mobile-align-left .hero-new-banner__content{justify-content:flex-start}.hero-new-banner__slide--mobile-align-center .hero-new-banner__content{justify-content:center}.hero-new-banner__slide--mobile-align-right .hero-new-banner__content{justify-content:flex-end}.hero-new-banner__slide--mobile-align-left .hero-new-banner__text{text-align:left}.hero-new-banner__slide--mobile-align-center .hero-new-banner__text{text-align:center}.hero-new-banner__slide--mobile-align-right .hero-new-banner__text{text-align:right}.hero-new-banner__subheading{margin-bottom:2rem}.hero-new-banner__arrow{width:3.6rem;height:3.6rem}}@media(prefers-reduced-motion:reduce){.hero-new-banner__slide,.hero-new-banner__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hero-new-banner.css.map */