.hero-banner__grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:0}.hero-banner__grid--single{grid-template-columns:minmax(0,1fr)}.hero-banner__item{position:relative;min-height:var(--desktop-height);overflow:hidden}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.hero-banner__image,.hero-banner__image picture,.hero-banner__image img{width:100%;height:100%}.hero-banner__image img{object-fit:cover}.hero-banner__image--mobile{display:none}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--hero-overlay-opacity);pointer-events:none;z-index:1}.hero-banner__content{position:absolute;z-index:2;color:rgb(var(--cc-color-foreground));max-width:72%}.hero-banner__content--primary{left:clamp(2rem,6vw,7rem);top:clamp(2rem,8vh,5rem)}.hero-banner__content--secondary{left:50%;transform:translate(-50%);top:0;width:100%;max-width:418px;text-align:center;display:flex;flex-direction:column;position:absolute;z-index:1;align-items:center;justify-content:space-between;gap:30px;height:100%;padding:30px 30px 40px}.hero-banner__eyebrow{margin:0 0 30px;color:rgb(var(--cc-color-foreground))}.hero-banner__heading--primary{margin:0 0 30px;color:rgb(var(--cc-color-foreground));max-width:533px}.hero-banner__heading--secondary{max-width:358px;margin:0}.hero-banner .hero-banner__button.button--secondary{font-size:14px;padding:12px 14px;min-height:42px}@media(max-width:991px){.hero-banner__grid{grid-template-columns:1fr}.hero-banner__content--secondary{width:100%;padding:30px 20px;max-width:100%}.hero-banner__heading--secondary{max-width:100%;width:100%}}@media(max-width:767px){.hero-banner__item{min-height:var(--mobile-height)}.hero-banner__image--mobile{display:block}.hero-banner__image--mobile+.hero-banner__image{display:none}.hero-banner__content{max-width:100%}.hero-banner__content--primary{left:0;top:0;padding:30px 20px}.hero-banner__content--secondary{width:100%;padding:30px 20px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/hero-banner.css.map */