.hero{position:relative;display:flex;align-items:var(--hero-vertical-align, flex-end);justify-content:center;background-color:var(--color-background-secondary, #f8f8f8);background-image:var(--hero-bg-image);background-size:cover;background-position:center center;background-repeat:no-repeat;overflow:hidden;padding-bottom:var(--hero-padding-bottom, 80px)}.hero--small{min-height:400px}.hero--medium{min-height:50vh}.hero--large{min-height:70vh}.hero--full{min-height:90vh}.hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.hero__container{position:relative;z-index:3;width:100%;margin:0 auto}.hero-text-container{display:grid;grid-template-columns:1fr 1fr;column-gap:3rem;row-gap:0;align-items:start;padding:0 var(--desktop-container-side-padding)}.tagline-section{border-top:1px solid rgb(255 255 255 / var(--tagline-border-opacity, 30%));border-bottom:1px solid rgb(255 255 255 / var(--tagline-border-opacity, 30%));padding:1rem 0;margin-bottom:var(--desktop-tagline-to-headings-gap);display:grid;grid-template-columns:1fr 1fr;column-gap:3rem;padding-left:var(--desktop-container-side-padding);padding-right:var(--desktop-container-side-padding)}.tagline-container{grid-column:2;width:100%}.tagline-text{font-family:var(--tagline-font-family);font-size:var(--tagline-font-size);font-weight:var(--tagline-font-weight);text-transform:var(--tagline-text-transform);letter-spacing:var(--tagline-letter-spacing);color:var(--tagline-color);display:block;width:100%;text-align:left}.hero--desktop-align-left .tagline-section .tagline-text{text-align:left}.hero--desktop-align-center .tagline-section .tagline-text{text-align:center}.hero--desktop-align-right .tagline-section .tagline-text{text-align:right}.hero--desktop-align-left .hero-text-container{text-align:left}.hero--desktop-align-center .hero-text-container{text-align:center}.hero--desktop-align-right .hero-text-container{text-align:right}.hero-content-flow{display:flex;flex-direction:column}.hero-description{margin-top:var(--desktop-heading-to-description-gap)}.hero-button{margin-top:var(--desktop-description-to-button-gap)}.hero-first-heading h1,.hero-second-heading h2{line-height:1.2;margin:0;padding:0}.hero-description p{line-height:1.6;max-width:400px;margin:0;padding:0}.hero--desktop-align-center .hero-description p{margin-left:auto;margin-right:auto}.hero--desktop-align-right .hero-description p{margin-left:auto;margin-right:0}.hero-button a,.hero-button button{align-self:flex-start;cursor:pointer;transition:all .2s ease}.hero--desktop-align-center .hero-button{text-align:center}.hero--desktop-align-right .hero-button{text-align:right}.hero-button a:hover,.hero-button button:hover{opacity:.8;transform:translateY(-1px)}@media screen and (max-width: 990px){.hero-text-container{grid-template-columns:1fr;gap:0}.tagline-section{grid-template-columns:1fr}.tagline-container{grid-column:1}}@media screen and (max-width: 750px){.tagline-container{width:100%}.tagline-text{width:100%;font-size:var(--mobile-font-size)!important}.tagline-section{padding:1rem var(--mobile-container-side-padding);margin-bottom:var(--mobile-tagline-to-heading-gap);grid-template-columns:1fr}.tagline-container{grid-column:1}.hero-text-container{margin-top:2rem;padding:0 var(--mobile-container-side-padding)}.hero-first-heading h1,.hero-second-heading h2,.hero-description p{font-size:var(--mobile-font-size)!important}.hero-button a,.hero-button button{width:max-content}.hero-first-heading{margin-bottom:var(--mobile-between-headings-gap)}.hero-second-heading h2{margin-top:0}.hero-description{margin-top:var(--mobile-heading-to-description-gap)}.hero-button{margin-top:var(--mobile-description-to-button-gap)}.hero--mobile-align-left .tagline-section .tagline-text{text-align:left}.hero--mobile-align-center .tagline-section .tagline-text{text-align:center}.hero--mobile-align-right .tagline-section .tagline-text{text-align:right}.hero--mobile-align-left .hero-text-container{text-align:left}.hero--mobile-align-center .hero-text-container{text-align:center}.hero--mobile-align-right .hero-text-container{text-align:right}.hero--mobile-align-center .hero-description p{margin-left:auto;margin-right:auto}.hero--mobile-align-right .hero-description p{margin-left:auto;margin-right:0}.hero--mobile-align-left .hero-description p{margin-left:0;margin-right:auto}.hero--mobile-align-center .hero-button a,.hero--mobile-align-center .hero-button button{width:auto;min-width:200px}}@media screen and (max-width: 750px){.hero{background-image:var(--hero-mobile-bg-image, var(--hero-bg-image))}.hero--small{min-height:300px}.hero--medium{min-height:40vh}.hero--large{min-height:50vh}.hero--full{min-height:80vh}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/component-hero.css.map */