.hero-banner{display:flex;align-items:flex-start;background-size:cover;background-repeat:no-repeat}.hero-banner__inner{width:100%;padding-top:3.6rem;padding-bottom:4rem}.hero-banner__content{max-width:58rem;margin-right:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.4rem}.hero-banner__eyebrow{margin:0;font-size:1.3rem;letter-spacing:.14rem;text-transform:uppercase;color:rgb(var(--brand-rose-text, 163 78 102))}.hero-banner__heading{margin:0;color:rgb(var(--brand-ink, 58 46 48));font-size:3.2rem;line-height:1.15}.hero-banner__subheading{margin:0;font-size:1.55rem;line-height:1.55;color:rgb(var(--color-foreground))}.hero-banner__subheading p{margin:0}.hero-banner__button{margin-top:.8rem}@media screen and (min-width:750px){.hero-banner{align-items:center}.hero-banner__inner{padding-top:4rem}.hero-banner__content{text-align:left;align-items:flex-start;max-width:50rem;gap:2rem}.hero-banner__heading{font-size:4.6rem}.hero-banner__subheading{font-size:1.6rem}}.hero-banner--split{background-image:none!important;display:block}.hero-banner--split .hero-banner__inner{display:grid;grid-template-columns:1fr;gap:2.4rem;padding-top:0}.hero-banner--split .hero-banner__media{order:-1;border-radius:1.2rem;overflow:hidden;background:rgb(var(--brand-rose) / .1);max-height:46vh}.hero-banner--split .hero-banner__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 60%}.hero-banner--split .hero-banner__content{padding-bottom:3.2rem;text-align:left}@media screen and (min-width:750px){.hero-banner--split .hero-banner__inner{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:5.6rem;padding-top:4.8rem;padding-bottom:4.8rem}.hero-banner--split .hero-banner__media{order:0;max-height:none;height:100%}.hero-banner--split .hero-banner__content{padding-bottom:0;max-width:54rem}}@media screen and (min-width:750px)and (max-width:989px){.hero-banner:not(.hero-banner--split){position:relative}.hero-banner:not(.hero-banner--split):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#ffffffb8,#ffffff6b 52%,#fff0 82%);pointer-events:none}.hero-banner:not(.hero-banner--split) .hero-banner__inner{position:relative;z-index:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-banner.css.map */