.hero-slider{display:none}.hero-slider.flickity-enabled{display:block;z-index:0}.hero__image{width:100%;height:100%;object-fit:cover;object-position:top;display:block;max-width:100%}.hero-slide{width:100%;height:100%}.hero-slide-wrapper,.hero__image-wrapper{height:100%}.hero__image-wrapper .placeholder-svg{width:100%;height:100%;background:#0009}.hero-slide-wrapper{position:relative}.hero__slide-content{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center}.hero__slide--content-inner{max-width:700px}.banner__heading{font-size:calc(var(--font-heading-scale) * 3.5rem);line-height:3.75rem;font-weight:800;margin:0 auto 30px;text-transform:capitalize}.banner__text p{font-size:calc(var(--font-heading-scale) * 1.25rem);margin:0 0 30px;color:rgba(var(--color-text),.8);opacity:.8}.banner__button a{padding:20px 60px;height:auto}.hero-slider .flickity-page-dots .dot.is-selected{background:rgba(var(--color-accent-1))}.flickity-viewport{transition:height .2s}.hero-slider .flickity-page-dots .dot{background:#fff;opacity:1}.hero-slider .flickity-page-dots{bottom:60px}.placeholder-content *{color:#fff!important}@media only screen and (max-width: 1360px){.hero__slide-content.page-width{max-width:90%}}@media only screen and (max-width: 1200px){.banner__heading{font-size:calc(var(--font-heading-scale) * 3rem);line-height:3.4375rem}}@media only screen and (max-width: 1024px){.banner__heading{font-size:calc(var(--font-heading-scale) * 2.5rem);line-height:3rem}.banner__button a{padding:15px 40px}}@media only screen and (max-width: 767px){.banner__heading{font-size:calc(var(--font-heading-scale) * 2.1875rem);line-height:2.6875rem;margin-bottom:15px}.banner__text p{font-size:calc(var(--font-heading-scale) * 1.125rem);margin:0 0 20px}}@media only screen and (max-width: 600px){.banner__heading{font-size:calc(var(--font-heading-scale) * 1.5rem);line-height:1.75rem;max-width:210px;margin-left:0}.banner__button a{padding:10px 28px;font-size:.9375rem}.hero__slide--content-inner{padding:50px 0}.hero-slider .flickity-page-dots{bottom:15px}}@media only screen and (max-width: 480px){.banner__heading{margin-bottom:10px}.banner__text p{font-size:.875rem;margin:0 0 15px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero-slider.css.map */