.hero-banner-section{position:relative;width:100%;min-height:var(--section-height, 550px);height:auto;overflow:hidden;display:flex;flex-direction:column}.hero-banner-container{position:relative;width:100%;min-height:inherit;height:100%;flex:1;display:flex;align-items:center;justify-content:center}.hero-banner-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.hero-banner-background--image{background-image:var(--background-image)}.hero-banner-background--color{background-color:var(--background-color, #f2f0ec)}.hero-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,var(--overlay-opacity, .4));z-index:2}.hero-banner-content{position:relative;z-index:3;text-align:center;padding:3rem 1.25rem;max-width:1200px;width:100%}.hero-banner-title{font-weight:600;font-size:var(--title-size, 3.125rem);line-height:1.1;letter-spacing:.02em;margin:0 0 .625rem;text-transform:uppercase;color:var(--text-color, #ffffff)}.hero-banner-description{font-weight:500;font-size:var(--description-size, .875rem);line-height:1.3;margin:0 0 1.875rem;color:var(--text-color, #ffffff);max-width:600px;margin-left:auto;margin-right:auto}.hero-banner-description p{margin:0;color:inherit;font-size:inherit;line-height:inherit}.hero-banner-description br{display:block;margin:.5em 0;content:" "}.hero-banner-button{display:inline-block;padding:.75rem 1.875rem;font-weight:500;font-size:.875rem;text-decoration:none;border-radius:.25rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;background-color:var(--button-color, #000000);color:var(--button-text-color, #ffffff)}.hero-banner-button:hover{transform:translateY(-2px);box-shadow:0 .25rem .9375rem #0003}@media screen and (max-width: 768px){.hero-banner-section{--section-height: 375px;min-height:var(--section-height);height:var(--section-height)}.hero-banner-container{min-height:var(--section-height);height:var(--section-height)}.hero-banner-content{padding:0;margin:0 auto;width:100%}.hero-banner-title{--title-size: 1.875rem;font-size:var(--title-size);line-height:2.0625rem;margin-bottom:1.25rem}.hero-banner-description{--description-size: .875rem;font-size:var(--description-size);line-height:1.125rem;margin-bottom:0}.hero-banner-button{padding:.625rem 1.5625rem;font-size:.8125rem}.hero-banner-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#0000004d 0% 100%);z-index:2}.hero-banner-overlay{display:none}}@media screen and (max-width: 480px){.hero-banner-section{--section-height: 23.4375rem}.hero-banner-title{--title-size: 1.875rem}.hero-banner-description{--description-size: .875rem}.hero-banner-button{padding:.5rem 1.25rem;font-size:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/hero-banner.css.map */