.hero-banner{position:relative;z-index:0}parallax-element{position:fixed;width:100%;z-index:-1}.heroBanner{width:100%;min-height:415px;background-color:var(--black);position:relative;overflow:hidden}.hero-banner+.featured-col .featured-col__wrapper{top:-40px;padding:0 74px 48px}.bannerVideo{position:absolute;width:100%;min-height:100%;top:0;z-index:0}.banner__image{position:absolute;top:0;left:0;min-height:100%;width:100%;height:100%}.banner__image picture,.banner__image img{width:100%;height:100%;object-fit:cover;display:block}.videoContainer video{position:absolute;width:100%;height:100%;object-fit:cover}.bannerContent{width:100%;min-height:415px;z-index:1;position:relative;margin:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}@media(min-width:750px){.bannerContent{min-height:507px}}.bannerHeading.white{color:var(--white)}.bannerHeading.black{color:var(--black)}.bannerContent .container{padding-bottom:96px;display:flex;flex-flow:row nowrap}.heroBanner .titleSection{width:100%;max-width:405px;display:flex;flex-flow:column nowrap;gap:24px}.heroBanner .titleSection h1,.heroBanner .titleSection h2{margin:0}.banner__overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(181deg,#0000 35.51%,#00000080 65.5%)}.banner__cta{align-self:flex-start}.hero-banner__usps{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:flex-end;gap:24px;margin-left:auto}.hero-banner__usp{display:flex;flex-flow:row nowrap;align-items:center;color:var(--black)}.hero-banner__usp--white{color:var(--white)}.hero-banner__usp span{font-size:14px;font-style:normal;font-weight:300;line-height:150%;letter-spacing:1.12px}.hero-banner__usp img{margin-right:6px;max-width:26px}@media only screen and (max-width:1150px){.bannerContent .container{flex-flow:column nowrap}.hero-banner__usps{width:100%;justify-content:flex-start;margin:24px 0 0}}@media only screen and (max-width:768px){.hero-banner+.featured-col .featured-col__wrapper{top:0;padding:24px 24px 48px}.bannerContent .container{width:100%;overflow:hidden;position:relative}.hero-banner__usps{width:max-content;position:absolute;animation:marquee 30s linear infinite;bottom:24px}.hero-banner__usp{white-space:nowrap}}@media only screen and (max-width:550px){.hero-banner__usps{animation:marquee 20s linear infinite}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hero-banner.css.map */