.hero{position:relative;overflow:hidden;width:100%;margin-left:auto;margin-right:auto}.hero .hero__media{position:absolute;top:0;left:0;height:100%;width:100%}.hero .hero__media .placeholder-svg{opacity:.25}.hero video,.hero .media{display:block;width:100%;height:100%;object-fit:cover}.hero .hero__text{position:relative;height:100%;z-index:1}.hero .hero__text:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;z-index:1;background-color:var(--color-overlay)}.hero .hero__media picture{display:block;height:100%}.hero .hero__media img,.hero .hero__media svg:not(.feather-youtube,.feather-vimeo){position:relative;width:100%;height:100%;z-index:1;object-fit:cover}.hero .hero__text-container{display:flex;height:100%;padding:var(--container-margin);max-width:calc(var(--ideal-width) + var(--container-margin)*2);margin:0 auto;z-index:2;position:relative}.hero--slideshow .hero__text-container{padding:calc(var(--container-margin)*2)}.hero .hero__text .hero__title,.hero .hero__text .rte{text-shadow:0 4px 4px rgba(0,0,0,.25)}@media only screen and (max-width:767px){.hero:has(.hero__text-container.vertical-bottom) .hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.5),transparent 55%)}.height-auto:not(.hero--contained) .hero .hero__media{position:relative}.height-auto:not(.hero--contained) .hero:not(.no-media) .hero__text{position:absolute;top:0;left:0;width:100%;height:100%}.hero--contained .hero__media{position:relative;top:auto;left:auto;overflow:hidden}.hero--contained .hero__text{height:auto}.hero--contained .hero__text:before{content:none!important}.hero--contained .hero__text .hero__title,.hero--contained .hero__text .rte{text-shadow:none}.hero--contained{--color-overlay-text: var(--color-foreground);--color-overlay: var(--color-background);--color-overlay-outlines: var(--color-outlines);--color-overlay-button-foreground: var(--color-button-foreground);--color-overlay-button-background: var(--color-button-background)}}@media only screen and (min-width:768px){.sm-height-auto:not(.sm-hero--contained) .hero .hero__media{position:relative}.sm-height-auto:not(.sm-hero--contained) .hero:not(.no-media) .hero__text{position:absolute;top:0;left:0;width:100%;height:100%}.sm-hero--contained .hero__media{position:relative;top:auto;left:auto;overflow:hidden}.sm-hero--contained .hero__text{height:auto}.sm-hero--contained .hero__text:before{content:none!important}.sm-hero--contained .hero__text .hero__title,.sm-hero--contained .hero__text .rte{text-shadow:none}.sm-hero--contained .sm-horizontal-justified{position:relative}.sm-horizontal-justified>*{flex:1 0 auto}.sm-hero--contained .sm-horizontal-justified .btn-group{position:absolute;right:calc(var(--grid-gap)*2);top:calc(var(--grid-gap)*2);flex-direction:column}.sm-hero--contained{--color-overlay-text: var(--color-foreground);--color-overlay: var(--color-background);--color-overlay-outlines: var(--color-outlines);--color-overlay-button-foreground: var(--color-button-foreground);--color-overlay-button-background: var(--color-button-background)}}.hero__content--backdrop .blocks-text{background-color:#ffffffb3;padding:clamp(20px,1.56vw,30px) clamp(24px,2.3vw,44px) clamp(18px,1.35vw,26px) clamp(24px,2.5vw,48px);max-width:clamp(300px,24.2vw,464px)}.hero .hero__text .hero__content--backdrop :is(.hero__title,.rte){text-shadow:none}.hero__content--backdrop .hero__title{line-height:1.5}.hero__content--backdrop .rte>*{font-size:clamp(1.6rem,1.25vw,2.4rem);line-height:1.5}.hero__content--backdrop .blocks-text .rte.sm-mt{--sm-mt: clamp(24px, 3.125vw, 60px) !important}.hero .btn--light{color:var(--color-foreground)!important;background-color:#fff!important;border-color:transparent!important;border-radius:var(--button-border-radius);font-family:var(--font-body-family);font-weight:600;font-size:clamp(1.6rem,1.25vw,2.4rem)!important;min-height:clamp(48px,3.39vw,65px);padding:0 clamp(32px,4.32vw,83px)}.hero .btn--light:not([disabled]):not(.disabled):hover{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--color-foreground),0 2px 4px 6px #00000040;z-index:1}@media only screen and (max-width:767px){.hero:has(.hero__content--backdrop) .hero__media{position:relative;height:auto}.hero:has(.hero__content--backdrop) .hero__media img{display:block;height:auto}.height-auto .hero:has(.hero__content--backdrop):not(.no-media) .hero__text{position:relative;height:auto}.hero:has(.hero__content--backdrop) .hero__text-container{height:auto;padding:27px 29px 40px}.hero__content--backdrop .blocks-text{background:none;padding:0;max-width:none;text-align:center}.hero .hero__text .hero__content--backdrop .hero__title{font-size:40px;line-height:60px}.hero .hero__text .hero__content--backdrop .rte>*{font-size:24px;line-height:36px}.hero .hero__text .hero__content--backdrop .btn-group,.hero .hero__text .hero__content--backdrop .mt:has(>.btn){display:flex;justify-content:center;margin-top:26px}.hero .hero__text .hero__content--backdrop .btn--light{color:#000!important;background-color:#9be555!important;min-height:65px;min-width:297px}}@media only screen and (min-width:768px){.hero:has(.hero__content--backdrop) .hero__text-container{max-width:none}.sm-horizontal-left .hero__content--backdrop{margin-left:max(0px,calc(9.48vw - var(--container-margin)))}.sm-vertical-center .hero__content--backdrop{align-self:flex-start;margin-top:max(0px,calc(14.8vw - var(--container-margin)))}}
/*# sourceMappingURL=/cdn/shop/t/180/assets/component-hero.css.map */