.hero-banner{position:relative;min-height:97vh;padding:6.7rem 0;flex-direction:column;overflow:hidden}.hero-banner.flex--justify-center{min-height:64.7vh}.hero-banner--small{min-height:79vh}@media screen and (max-width: 749px){.hero-banner{min-height:80.2vh;padding:3.2rem 0 3.4rem;justify-content:flex-end;text-align:center}}.hero-banner.flex--justify-center>:first-child{width:100%}.hero-banner__background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hero-banner__background:after{content:"";background:linear-gradient(to top,#000,transparent);width:100%;height:50%;position:absolute;bottom:0;left:0;z-index:1}.hero-banner--no-overlay .hero-banner__background:after{content:none}@media screen and (max-width: 749px){.hero-banner__background:after{content:"";height:22rem}.hero-banner.mobile-overlay .hero-banner__background{background:#000}.hero-banner.mobile-overlay .hero-banner__background .media{opacity:.6}}.hero-banner__inner{position:relative;z-index:3}.hero-banner.flex--justify-center .hero-banner__inner{padding-left:3.7%}@media screen and (max-width: 1599px){.hero-banner.flex--justify-center .hero-banner__inner{padding-left:0}}.hero-banner__media{padding:0;height:100%}.hero-banner__title{margin:0 0 2.2rem;line-height:1.3334}.hero-banner__subtitle{font-size:calc(var(--fsbase) * 1.6);line-height:1.375;font-weight:900;text-transform:uppercase;letter-spacing:.16rem;margin:0 0 3.1rem}.hero-banner__title+.hero-banner__actions{margin-top:5rem}@media screen and (max-width: 749px){.hero-banner__title{margin:0 0 1.1rem}.hero-banner__subtitle{font-size:calc(var(--fsbase) * 1.4);letter-spacing:.14rem;margin:0 0 1rem}.hero-banner__title+.hero-banner__actions{margin-top:2rem}}.hero-banner__body{font-size:calc(var(--fsbase) * 2.1);font-weight:500;max-width:72rem;margin:auto;line-height:2;margin-bottom:2.9rem}@media screen and (max-width: 749px){.hero-banner__body{font-size:calc(var(--fsbase) * 1.2);line-height:1.65;max-width:31rem;margin-bottom:.6rem}}.hero-banner__body p{margin:0}.hero-banner__link{color:inherit;font-weight:800}@media screen and (max-width: 749px){.hero-banner__link{gap:0 1rem}.hero-banner__link:before{width:.8rem;height:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/section-hero-banner.css.map */