.hero-banner-container{max-width:1420px;margin:0 auto}.hero-banner{position:relative;min-height:40.5vw;flex-direction:column;overflow:hidden}.hero-banner.hero-banner--short{min-height:23vw}.hero__title{margin-top:0;margin-bottom:2.6rem;font-family:Maecenas,tahoma;text-transform:capitalize}.hero__background,.hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hero__overlay:empty{display:block;z-index:2}.hero__inner{position:relative;z-index:3}.hero__media{padding:0;height:100%}.hero__body{display:flex;flex-flow:row wrap;align-items:center;background-color:var(--color-background-light);max-width:58.8rem;padding:4.8rem 7.8rem;min-height:29.8rem}.hero-banner--collection .hero__body{background-color:#fff}.hero__content{margin-bottom:3.3rem}.hero-banner__breadcrumbs{font-family:var(--font-secondary);padding-left:1.2rem;padding:4rem 0}.hero-banner__breadcrumbs--mobile{display:none}.hero-banner__breadcrumbs--solid{background-color:var(--color-background-light)}.hero-banner__breadcrumbs a{text-decoration:none}.hero-banner__breadcrumbs ul li{padding:0 .3rem}.hero-banner__breadcrumbs li span{font-weight:700}@media screen and (max-width: 989px){.hero__background{position:relative;padding-bottom:75.5%}.hero__background .media{position:absolute;top:0;left:0;width:100%;height:100%}.hero__inner .container{padding:0}.hero__body{padding:3rem 2.5rem;max-width:none;min-height:auto}.hero__title{font-size:3.6rem}}@media screen and (max-width: 749px){.hero-banner__breadcrumbs{padding:2.3rem 0 1.8rem}.hero-banner__breadcrumbs .container{padding:0 2.6rem}.hero__content{margin-bottom:2.6rem;font-size:1.6rem}.hero__title{margin-bottom:1rem}.hero-banner__breadcrumbs--desktop{display:none}.hero-banner__breadcrumbs--mobile{display:block}.hero-banner__breadcrumbs--mobile+.hero__inner .hero__body{padding-top:0}.hero-banner__breadcrumbs.hero-banner__breadcrumbs--product{padding:3.6rem 0 2.4rem;font-size:1.5rem;margin:0}}@media screen and (max-width: 749px){.hero-banner--primary .hero__content{font-size:1.8rem;max-width:31.4rem}.hero__content{margin-bottom:2.7rem}.hero-banner--primary .hero__body{padding-bottom:5rem}.hero-banner .button{font-size:1.7rem;padding:.9rem 2.3rem;height:auto}.hero__body{padding:3rem 2.5rem 5.5rem}.template--services .hero__body{padding-bottom:0}.hero__title{line-height:1.2;margin-bottom:2rem}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-hero-banner.css.map */