.hero-banner{position:relative;display:flex;min-height:var(--hero-min-height, 650px);overflow:hidden;border-radius:0 0 64px 64px}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;z-index:0;min-width:50vw}.hero-banner__img{display:block;width:100%;height:100%;object-fit:cover}.hero-banner__img--mobile{display:none}@media screen and (max-width:749px){.hero-banner__img--desktop{display:none}.hero-banner__img--mobile{display:block}}.hero-banner__placeholder{width:100%;height:100%;background:#d4d4d4}.hero-banner__placeholder-svg{width:100%;height:100%;object-fit:cover}.hero-banner__overlay{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0000004d 0% 100%),linear-gradient(90deg,#cce7f3 50%,#acc7d700 65%);z-index:1}.hero-banner__container{position:relative;z-index:2;display:flex;width:100%;padding-top:256px;padding-bottom:80px;padding-inline:40px;align-items:flex-end}.hero-banner__content{display:flex;flex-direction:column;justify-content:center;max-width:var(--hero-content-width);color:#fff}.hero-banner__content *{margin:0}.hero-banner__content--left{align-items:flex-start;text-align:left}.hero-banner__content--center{align-items:center;text-align:center;margin:0 auto}.hero-banner__content--right{align-items:flex-end;text-align:right;margin-left:auto}.hero-banner__subtitle{color:#fffc;font-family:var(--heading-font);font-size:20px;font-style:normal;font-weight:700;line-height:110%;letter-spacing:3px;text-transform:uppercase}.hero-banner__heading{color:#fff;font-family:var(--heading-font);font-size:64px;font-style:normal;font-weight:700;line-height:110%;margin-block:8px 16px}.hero-banner__text{color:#ffffffd9;font-family:Open Sans;font-size:16px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:1px;margin-bottom:40px}.hero-banner__text p{margin:0}.hero-banner__button{display:flex;padding:16px 48px;justify-content:center;align-items:center;gap:10px;border-radius:90px;background:#fff;color:#0c1717;font-family:var(--heading-font);font-size:24px;font-style:normal;font-weight:700;line-height:110%;text-decoration:none;transition:.2s ease all}.hero-banner__button:hover{background:#0c1717;color:#fff}@media screen and (max-width:749px){.hero-banner{border-radius:0 0 32px 32px}.hero-banner__container{padding-inline:20px;padding-bottom:40px}.hero-banner__overlay{background:linear-gradient(0deg,#0000004d 0% 100%),linear-gradient(0deg,#cce7f3f0 50%,#acc7d700 65%)}.hero-banner__content{max-width:100%}.hero-banner__subtitle{font-size:16px}.hero-banner__heading.h1{font-size:32px}.hero-banner__button{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/hero-banner.css.map */