.shop-hero{background-color:var(--color-background)}.shop-hero[data-has-image=false][data-spacing=compact]{padding-block:var(--space-9)}.shop-hero[data-has-image=false][data-spacing=comfortable]{padding-block:var(--space-10)}.shop-hero[data-has-image=false][data-spacing=spacious]{padding-block:var(--space-11)}.shop-hero__inner{max-width:640px;margin-inline:auto;text-align:center}.shop-hero__eyebrow{color:var(--color-accent-primary);margin:0 0 var(--space-3)}.shop-hero__heading{margin:0;text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:var(--shop-hero-heading-size, var(--text-display))}.shop-hero__subheading{margin-top:var(--space-4);font-size:var(--shop-hero-description-size, var(--text-body-lg))}.shop-hero[data-has-image=true]{position:relative;overflow:hidden;padding-block:0;width:100%;min-height:var(--shop-hero-mobile-height, 420px);display:flex;align-items:center}.shop-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.shop-hero__bg-image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--shop-hero-image-position, right center)}.shop-hero[data-has-image=true][data-image-position="left center"] .shop-hero__bg-image{transform:scale(1.2);transform-origin:left center}.shop-hero[data-has-image=true][data-image-position="center center"] .shop-hero__bg-image{transform:scale(1.2);transform-origin:center center}.shop-hero[data-has-image=true][data-image-position="right center"] .shop-hero__bg-image{transform:scale(1.2);transform-origin:right center}.shop-hero[data-has-image=true] .container{position:relative;z-index:1;width:100%}.shop-hero__inner--overlay{max-width:var(--shop-hero-content-width, 440px);margin-inline:0;text-align:left}.shop-hero__inner--overlay .shop-hero__eyebrow,.shop-hero__inner--overlay .shop-hero__heading,.shop-hero__inner--overlay .shop-hero__subheading{text-align:left}.shop-hero__inner--overlay[data-text-position=center]{margin-inline:auto;text-align:center}.shop-hero__inner--overlay[data-text-position=center] .shop-hero__eyebrow,.shop-hero__inner--overlay[data-text-position=center] .shop-hero__heading,.shop-hero__inner--overlay[data-text-position=center] .shop-hero__subheading{text-align:center}@media screen and (min-width:700px){.shop-hero[data-has-image=true]{min-height:calc(var(--shop-hero-mobile-height, 420px) + 60px)}}@media screen and (min-width:1024px){.shop-hero[data-has-image=true]{width:100%;min-height:0;aspect-ratio:var(--shop-hero-ratio, 2.12);max-height:var(--shop-hero-max-height, 680px)}.shop-hero__inner--overlay{max-width:var(--shop-hero-content-width, 480px)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/shop-hero.css.map */