.hero-banner{background:var(--blue-50) var(--background-image) no-repeat center / cover;position:relative;isolation:isolate}@media screen and (max-width:1023px){.hero-banner{background-image:var(--background-image-mobile, var(--background-image))}}.hero-banner.show-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(var(--rgb-blue-400),.9),rgba(var(--rgb-blue-400),0) 80%);z-index:-2}@media screen and (max-width:1023px){.hero-banner:not(.show-overlay):before{content:"";position:absolute;bottom:0;left:0;width:100%;height:20rem;background-image:linear-gradient(to bottom,rgba(var(--rgb-white),0),rgba(var(--rgb-white),1));z-index:-2}}.hero-banner:not(.show-overlay):after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(var(--rgb-white),1),rgba(var(--rgb-white),0));z-index:-1}@media screen and (min-width:1024px){.hero-banner:after{width:100%;height:20rem;background-image:linear-gradient(to bottom,rgba(var(--rgb-white),0) 30%,rgba(var(--rgb-white),1))}}.hero-banner .columns-wrapper{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));padding-block:8.8rem;gap:4rem}@media screen and (min-width:1024px){.hero-banner .columns-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:10rem;padding-top:5.6rem;padding-bottom:6.4rem}}.hero-banner .columns-wrapper .column-content{display:flex;flex-direction:column}.hero-banner .columns-wrapper .column-content .banner-heading .label{display:inline-block;font-size:1.4rem;font-weight:500;line-height:2.4rem;letter-spacing:0%;text-transform:uppercase;color:var(--white);background-color:rgba(var(--rgb-white),.1);border-radius:10rem;padding:.8rem 1.6rem;margin-bottom:4rem;min-height:4rem}.hero-banner .columns-wrapper .column-content .banner-heading h1{font-size:4.8rem;font-weight:600;line-height:5.4rem;letter-spacing:-.6px;color:var(--text-body)}@media screen and (min-width:1024px){.hero-banner .columns-wrapper .column-content .banner-heading h1{font-size:8.8rem;line-height:8.8rem}}.hero-banner .columns-wrapper .column-content .banner-heading.light h1{color:var(--white)}.hero-banner .columns-wrapper .column-content .banner-heading p{font-size:1.4rem;font-weight:400;line-height:2.4rem;letter-spacing:0%;color:var(--text-body);margin-top:2rem}@media screen and (min-width:1024px){.hero-banner .columns-wrapper .column-content .banner-heading p{font-size:1.6rem;letter-spacing:-.1px;margin-top:3.2rem}}.hero-banner .columns-wrapper .column-content .banner-heading.light p{color:var(--white)}.hero-banner .columns-wrapper .column-content .btn{margin-top:4.8rem}.hero-banner .columns-wrapper .column-image{display:flex}.hero-banner .columns-wrapper .column-image img{width:100%;max-width:fit-content;height:auto;object-fit:contain}@media screen and (max-width:1023px){.hero-banner .columns-wrapper .column-image img{max-height:362px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-hero-banner.css.map */