.hero-banner{position:relative;display:flex;align-items:center;min-height:var(--hero-min-height-mobile, 46rem);overflow:hidden}@media screen and (min-width:750px){.hero-banner{min-height:var(--hero-min-height, 56rem)}}.hero-banner__media,.hero-banner__media video,.hero-banner__media img,.hero-banner__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-banner__media svg{background-color:#3a332c}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(15,12,9,calc(var(--hero-overlay, 45) / 100 + .15)),rgba(15,12,9,calc(var(--hero-overlay, 45) / 100 - .1)))}.hero-banner__content{position:relative;z-index:1;width:100%;padding-top:6rem;padding-bottom:6rem}.hero-banner__content-inner{max-width:62rem}.hero-banner__eyebrow{display:block;margin:0 0 1.6rem;font-size:1.2rem;letter-spacing:.3rem;text-transform:uppercase;color:#ffffffd9}.hero-banner__heading{margin:0 0 1.8rem;color:#fff}.hero-banner__text{margin:0 0 2.8rem;max-width:52rem;color:#ffffffe0;line-height:1.6}.hero-banner__text p{margin:0}.hero-banner__buttons{display:flex;flex-wrap:wrap;gap:1.2rem}.hero-banner .button--secondary{--color-button: 255, 255, 255;--color-button-text: 255, 255, 255;--alpha-button-background: 0;box-shadow:0 0 0 .1rem #ffffffb3 inset;color:#fff}@media screen and (max-width:749px){.hero-banner__content{padding-top:4rem;padding-bottom:4rem}.hero-banner__buttons .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-hero-banner.css.map */
