.hero{position:relative;display:grid;background-color:rgb(var(--color-background));color:rgb(var(--color-text));isolation:isolate}.hero--overlay .hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hero--overlay .hero__media-frame{--media-radius: 0px;height:100%;aspect-ratio:auto}.hero--overlay .hero__media-frame>img,.hero--overlay .hero__media-frame>video{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(0 0 0 / var(--hero-overlay, 0));pointer-events:none}.hero--overlay .hero__inner{display:flex;align-items:center;min-height:var(--hero-min-height);padding-block:var(--space-3xl)}.hero--height-small{--hero-min-height: 420px}.hero--height-medium{--hero-min-height: 560px}.hero--height-large{--hero-min-height: 680px}.hero--overlay .hero__content{max-width:34rem}.hero--split .hero__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2xl);align-items:center;padding-block:var(--space-3xl)}.hero--split .hero__media{order:-1}.hero--split .hero__media-frame{--media-radius: var(--radius-xl)}.hero--split .hero__overlay{display:none}.hero__content{display:flex;flex-direction:column;gap:var(--space-md)}.hero__content--center{align-items:center;text-align:center;margin-inline:auto}.hero__eyebrow{margin:0;color:rgb(var(--color-text) / .75);font-size:var(--text-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hero__heading{margin:0;font-size:calc(clamp(2.25rem,1.4rem + 3.4vw,4.25rem) * var(--type-scale-heading));line-height:1.05;text-wrap:pretty}.hero__text{max-width:26rem;color:rgb(var(--color-text) / .85);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xs)}@media(min-width:990px){.hero--split .hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.hero--split .hero__media{order:0}}@media(max-width:989px){.hero--overlay{display:flex;flex-direction:column}.hero--overlay .hero__media{position:static;z-index:auto}.hero--overlay .hero__media-frame{height:auto;aspect-ratio:var(--media-ratio-mobile, var(--media-ratio))}.hero--overlay .hero__media-frame>img,.hero--overlay .hero__media-frame>video{position:absolute}.hero--overlay .hero__inner{min-height:0;padding-block:var(--space-xl)}.hero--overlay .hero__content{max-width:none}}@media(max-width:749px){.hero__heading{line-height:1.1}.hero__text{font-size:var(--text-base)}.hero__actions .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/component-hero.css.map */