.hero{display:block;width:100%;position:relative}main .shopify-section:first-child:not(.not-margin)>.hero[data-header-overlay=true]{margin-top:calc(-1 * (var(--header-height) + var(--breadcrumbs-height)))}.hero.hero-before{display:flex;align-items:center}.hero.hero-before:before{content:"";display:block;padding-bottom:var(--image-height)}.hero-main{display:block;width:100%;height:100%;position:relative;z-index:10;pointer-events:none}.hero-bg-image-wrapper{display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.hero-bg-image{display:block;width:100%;height:100%;object-position:center;object-fit:cover;z-index:1}picture>.hero-bg-image{object-position:var(--focal_point_mobile)}@media screen and (min-width:576px){picture>.hero-bg-image{object-position:var(--focal_point_desktop)}}.hero-bg-image-overlay{display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.hero-content-wrapper{display:block;width:100%;height:100%;position:relative;z-index:1}.hero-content{position:relative;display:flex;align-items:center;width:100%;height:100%;padding:6.4rem 0}.hero-content--vertical-align-top{justify-content:flex-start}.hero-content--vertical-align-center{justify-content:center}.hero-content--vertical-align-bottom{justify-content:flex-end}.hero[data-header-overlay=true] .hero-content--vertical-align-top{padding-top:calc(6.4rem + var(--header-height) + 4rem)}.hero-heading{text-align:center;width:100%;max-width:72rem;white-space:pre-wrap;padding:1rem 0;pointer-events:all}@media screen and (min-width:1200px){.hero-heading{max-width:86rem}}@media screen and (min-width:1360px){.hero-heading{max-width:94rem}}.hero:not(.animate) .hero-main{pointer-events:auto}.hero:not(.animate) .hero-content{flex-direction:column;row-gap:2rem}.hero.animate .hero-content{flex-direction:column;row-gap:2.4rem}.hero:not(.animate) .hero-content-bottom{display:flex;flex-direction:column;align-items:center;row-gap:2.4rem;width:100%}.hero-secondary-heading{width:100%;white-space:pre-wrap;text-align:center;max-width:58rem}.hero-description{width:100%;white-space:pre-line;text-align:center;max-width:58rem}.hero.animate .hero-content .hero-description--first-heading{margin-top:-2rem}.hero:not(.animate) .hero-content .hero-description--first-heading{margin-top:-1.6rem}.hero-sticky-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.hero-sticky-wrapper.ended{z-index:10}.hero-sticky{position:relative;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.hero-sticky-image-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--secondary-image-border-radius);width:180px;height:auto;aspect-ratio:16/9;overflow:hidden;opacity:0;transition:opacity .7s linear(0,.0035,.0141 10.7%,.0318 16.09%,.0566 21.51%,.0885 26.98%,.1278 32.53%,.2288 43.93%,.3563 55.48%,.5171 67.92%,.7139 81.53%,1)}@media screen and (min-width:750px){.hero-sticky-image-container{width:240px}}@media screen and (min-width:990px){.hero-sticky-image-container{width:280px}}@media screen and (min-width:1200px){.hero-sticky-image-container{width:312px}}@media screen and (min-width:1360px){.hero-sticky-image-container{width:352px}}.hero-sticky-image-container--with-overlay:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(var(--color-overlay));opacity:var(--secondary-overlay-opacity);z-index:2}.hero-sticky-image-container.show{opacity:1}.hero-sticky-image{position:relative;width:100%;height:100%;object-fit:cover;z-index:1}picture>.hero-sticky-image{object-position:var(--focal_point_mobile)}@media screen and (min-width:576px){picture>.hero-sticky-image{object-position:var(--focal_point_desktop)}}.hero-secondary-heading-container{display:none;z-index:3}html:not(.no-js) .hero{--progress: 0;--image-cont-border-radius: calc( var(--secondary-image-border-radius) * (1 - var(--progress)) );--image-initial-size: 150px}@media screen and (min-width:576px){html:not(.no-js) .hero{--image-initial-size: 180px}}@media screen and (min-width:750px){html:not(.no-js) .hero{--image-initial-size: 240px}}@media screen and (min-width:990px){html:not(.no-js) .hero{--image-initial-size: 280px}}@media screen and (min-width:1200px){html:not(.no-js) .hero{--image-initial-size: 312px}}@media screen and (min-width:1360px){html:not(.no-js) .hero{--image-initial-size: 408px}}html:not(.no-js) .hero.animate .hero-heading{-webkit-mask-image:linear-gradient(90deg,rgba(var(--color-background)) 33.33%,transparent 66.66%);mask-image:linear-gradient(90deg,rgba(var(--color-background)) 33.33%,transparent 66.66%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:300% 100%;mask-size:300% 100%;transition:-webkit-mask-position 1.75s linear(0,.0035,.0141 10.7%,.0318 16.09%,.0566 21.51%,.0885 26.98%,.1278 32.53%,.2288 43.93%,.3563 55.48%,.5171 67.92%,.7139 81.53%,1),mask-position 1.75s linear(0,.0035,.0141 10.7%,.0318 16.09%,.0566 21.51%,.0885 26.98%,.1278 32.53%,.2288 43.93%,.3563 55.48%,.5171 67.92%,.7139 81.53%,1)}html:not(.no-js) .hero.animate.animated .hero-heading{-webkit-mask-position:0 0;mask-position:0 0}html:not(.no-js) .hero.animate .hero-button--first-heading{opacity:0;transform:translateY(10px);transition:opacity 1s ease .6s,transform 1s ease .6s}html:not(.no-js) .hero.animate.animated .hero-button--first-heading{opacity:1;transform:translateY(0)}.hero-button--first-heading,.hero-buttons--first-heading{pointer-events:all}.hero-buttons--first-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.2rem 1.6rem}html:not(.no-js) .hero.animate .hero-description--first-heading{opacity:0;transform:translateY(10px);transition:opacity 1s ease .4s,transform 1s ease .4s}html:not(.no-js) .hero.animate.animated .hero-description--first-heading{opacity:1;transform:translateY(0)}html:not(.no-js) .hero.animate.hero-has-secondary-image{height:160vh}html:not(.no-js) .hero.animate.hero-has-secondary-image .hero-sticky-image-container{transition:opacity 1s linear(0,.0035,.0141 10.7%,.0318 16.09%,.0566 21.51%,.0885 26.98%,.1278 32.53%,.2288 43.93%,.3563 55.48%,.5171 67.92%,.7139 81.53%,1) .8s;opacity:.001}html:not(.no-js) .hero.animate.hero-has-secondary-image .hero-secondary-heading-container{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100%}html:not(.no-js) .hero.animate.hero-has-secondary-image .hero-secondary-heading-container .container{height:100%}html:not(.no-js) .hero.animate.hero-has-secondary-image .hero-secondary-heading-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:6.4rem;gap:2.4rem;-webkit-mask-image:linear-gradient(180deg,rgba(var(--color-background)) 33.33%,transparent 66.66%);mask-image:linear-gradient(180deg,rgba(var(--color-background)) 33.33%,transparent 66.66%);-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-size:100% 300%;mask-size:100% 300%}html:not(.no-js) .hero.animate.hero-has-secondary-image.animated .hero-main{opacity:calc(1 - var(--progress) * 2)}html:not(.no-js) .hero.animate.hero-has-secondary-image.animated .hero-sticky{position:sticky;height:100vh}html:not(.no-js) .hero.animate.hero-has-secondary-image.animated .hero-sticky-image-container{border-radius:var(--image-cont-border-radius);width:clamp(var(--image-initial-size),var(--image-initial-size) + (var(--progress) - 0) / 1 * (100vw - var(--image-initial-size)),100vw);height:clamp(var(--image-initial-size) * 9 / 16,var(--image-initial-size) * 9 / 16 + (var(--progress) - 0) / 1 * (100vh - var(--image-initial-size) * 9 / 16),100vh);opacity:1}html:not(.no-js) .hero.animate.hero-has-secondary-image.animated .hero-sticky-image{transform:scale(clamp(1,1.5 + (var(--progress) - 0) / 1 * -.5,1.5))}html:not(.no-js) .hero.animate.hero-has-secondary-image.animated .hero-secondary-heading-wrapper{-webkit-mask-position:0 calc(100% - (max(var(--progress),.4) - .4) / .6 * 100%);mask-position:0 calc(100% - (max(var(--progress),.4) - .4) / .6 * 100%)}.hero__explore{position:absolute;bottom:2.4rem;left:2.4rem;right:2.4rem;z-index:15;display:flex;align-items:center}@media screen and (min-width:750px){.hero__explore{bottom:4rem}}@media screen and (min-width:1200px){.hero__explore{left:4rem;right:4rem;bottom:6.4rem}}.hero__explore--bottom_right{justify-content:flex-end}.hero__explore--bottom_center{justify-content:center}.hero__explore-btn{max-width:20rem;height:3.4rem;word-break:break-word;position:relative;display:flex;align-items:center;gap:.8rem;background:transparent;cursor:pointer;transition:opacity var(--duration-default)}@media screen and (min-width:350px){.hero__explore-btn{gap:1.2rem}}@media screen and (min-width:750px){.hero__explore-btn{height:4rem}}@media(hover:hover)and (pointer:fine){.hero__explore-btn:hover{opacity:var(--hover-opacity)}.hero__explore-btn:hover .icon:first-child{transform:translate(-50%,-50%) rotate(90deg)}.hero__explore-btn:hover .icon:last-child{transform:translateY(4rem) rotate(90deg)}}.hero__explore-arrow{flex-shrink:0;height:3.4rem;display:block;position:relative;padding:.6rem 0;border-radius:40px;color:rgb(var(--color-foreground));background-color:transparent;border:.1rem solid rgba(var(--color-foreground),.24);overflow:hidden;transition:color var(--duration-default) ease-in-out,background-color var(--duration-default) ease-in-out}.hero__explore-arrow .icon{width:2rem;height:2rem;transition:transform 1s cubic-bezier(.83,0,.17,1) 0ms}.hero__explore-arrow .icon:first-child{position:absolute;top:50%;left:50%;transform:translate(-50%,-4rem) rotate(90deg)}.hero__explore-arrow .icon:last-child{transform:rotate(90deg)}@media screen and (min-width:750px){.hero__explore-arrow{height:4rem;padding:.9rem 0}}.hero__explore-text{transition:color var(--duration-default) ease-in-out}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero.css.map */