.hero{background:var(--hero-bg);color:var(--hero-text)}.hero .page-width{max-width:1400px;margin:0 auto;padding:0 40px}.hero__wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;align-items:center}.hero--left .hero__content{order:2}.hero--left .hero__media{order:1}.hero--split.hero--small{padding:60px 0}.hero--split.hero--medium{padding:90px 0}.hero--split.hero--large{padding:140px 0}.hero__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;margin-bottom:16px;opacity:.75}.hero__text-small{max-width:38rem;font-size:.9rem;line-height:1.2;padding-top:20px}.hero__text-medium{max-width:38rem;font-size:1.125rem;line-height:1.7;padding-top:20px}.hero__text-large{max-width:38rem;font-size:1.3rem;line-height:1.7;padding-top:20px}.hero__buttons{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px}.hero__media{position:relative;overflow:hidden;border-radius:20px}.hero__image{width:100%;height:var(--hero-image-height);display:block;object-fit:cover;border-radius:20px}@media screen and (max-width:989px){.hero .page-width{padding:40px 20px}.hero__wrapper{grid-template-columns:1fr;gap:40px}.hero__media{order:-1}.hero--small,.hero--medium,.hero--large{padding:0}}.hero--background{position:relative;overflow:hidden}.hero__background{position:relative;min-height:700px;display:flex;align-items:center}.hero--background .page-width{max-width:1400px;width:100%;margin:0 auto;padding:40px;display:flex;justify-content:flex-start}.hero__background-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--overlay-opacity))}.hero__overlay-content{width:100%;min-height:80vh;display:flex;align-items:center;justify-content:flex-start}.hero__content{width:100%;max-width:600px;text-align:left}.hero--background .hero__heading,.hero--background .hero__text-small,.hero--background .hero__text-medium,.hero--background .hero__text-large,.hero--background .hero__eyebrow{color:#fff}.hero__background picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.hero__content{position:relative;z-index:2}.hero__logo{width:var(--hero-logo-width);max-width:100%;margin:24px 0}.hero__logo-image{display:block;width:100%;height:auto}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hero-universal.css.map */