.hero-layers{color:rgb(var(--color-foreground));min-height:var(--hero-layers-height, 70vh);display:flex;flex-direction:column;isolation:isolate}.hero-layers__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.hero-layers__background-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.hero-layers__background-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(var(--color-background) / var(--hero-layers-bg-overlay, .4))}.hero-layers>.page-width{z-index:1;flex:1 1 auto;display:flex;flex-direction:column;width:100%;min-height:0}.hero-layers__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,4vw,3.5rem);align-items:center;flex:1 1 auto;width:100%;min-height:100%}@media screen and (min-width:1024px){.hero-layers__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem)}}.hero-layers__content{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);max-width:36rem;z-index:1}.hero-layers__eyebrow{margin:0;letter-spacing:.12em;opacity:.7}.hero-layers__content .heading,.hero-layers__content .rte,.hero-layers__content .button{margin:0}.hero-layers__content .rte{opacity:.8;max-width:32rem}.hero-layers__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-start:.5rem}.hero-layers__stage{display:block;position:relative;width:100%;height:100%;min-height:max(240px,calc(var(--hero-layers-height, 70vh) * .55 + var(--hero-layers-gap, 120px) * .35));overflow:visible;align-self:stretch}.hero-layers__stack{position:relative;width:100%;height:100%;min-height:inherit;display:flex;align-items:center;justify-content:center;transform-origin:center center}@property --float-y{syntax: "<length>"; inherits: false; initial-value: 0px;}.hero-layers__layer,.hero-layers__placeholder{position:absolute;left:50%;top:calc(50% + var(--layer-base-y, 0px));width:min(100%,calc(var(--hero-layers-scale, 100) * 1%));max-width:520px;height:auto;display:block;pointer-events:none;user-select:none;-webkit-user-select:none;--layer-base-y: 0px;--parallax-x: 0px;--parallax-y: 0px;--scroll-y: 0px;--drag-x: 0px;--drag-y: 0px;--float-y: 0px;-webkit-transform:translate(-50%,-50%) translate3d(calc(var(--parallax-x) + var(--drag-x)),calc(var(--parallax-y) + var(--scroll-y) + var(--drag-y) + var(--float-y)),0);transform:translate(-50%,-50%) translate3d(calc(var(--parallax-x) + var(--drag-x)),calc(var(--parallax-y) + var(--scroll-y) + var(--drag-y) + var(--float-y)),0);-webkit-filter:drop-shadow(0 18px 40px rgba(0,0,0,.35));filter:drop-shadow(0 18px 40px rgba(0,0,0,.35))}.hero-layers__stage.has-float.is-inview .hero-layers__layer,.hero-layers__stage.has-float.is-inview .hero-layers__placeholder{-webkit-animation:hero-layers-float 4.8s ease-in-out infinite;animation:hero-layers-float 4.8s ease-in-out infinite}.hero-layers__stage.has-float.is-inview .hero-layers__layer[data-depth="2"],.hero-layers__stage.has-float.is-inview .hero-layers__placeholder[data-depth="2"]{-webkit-animation-duration:5.4s;animation-duration:5.4s;-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.hero-layers__stage.has-float.is-inview .hero-layers__layer[data-depth="1"],.hero-layers__stage.has-float.is-inview .hero-layers__placeholder[data-depth="1"]{-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-delay:-2.1s;animation-delay:-2.1s}@-webkit-keyframes hero-layers-float{0%,to{--float-y: 0px}50%{--float-y: calc(var(--hero-layers-float, 10px) * -1)}}@keyframes hero-layers-float{0%,to{--float-y: 0px}50%{--float-y: calc(var(--hero-layers-float, 10px) * -1)}}@media(prefers-reduced-motion:reduce){.hero-layers__stage.has-float .hero-layers__layer,.hero-layers__stage.has-float .hero-layers__placeholder{-webkit-animation:none!important;animation:none!important}}.hero-layers__layer.is-draggable{pointer-events:auto;cursor:grab}.hero-layers__layer.is-dragging{cursor:grabbing;filter:drop-shadow(0 24px 48px rgba(0,0,0,.45))}.hero-layers__layer[data-depth="3"]{z-index:3}.hero-layers__layer[data-depth="2"]{z-index:2}.hero-layers__layer[data-depth="1"]{z-index:1}.hero-layers__placeholder{width:min(70%,280px);aspect-ratio:1;border-radius:1.25rem;border:1px solid rgb(var(--color-foreground) / .15);background:linear-gradient(160deg,rgb(var(--color-foreground) / .08),rgb(var(--color-foreground) / .02))}.hero-layers__placeholder[data-depth="3"]{z-index:3}.hero-layers__placeholder[data-depth="2"]{z-index:2}.hero-layers__placeholder[data-depth="1"]{z-index:1}.hero-layers.is-reduced .hero-layers__stack{opacity:1!important;-webkit-transform:none!important;transform:none!important}.hero-layers.is-reduced .hero-layers__layer,.hero-layers.is-reduced .hero-layers__placeholder{-webkit-animation:none!important;animation:none!important}@media screen and (max-width:1023px){.hero-layers__content{max-width:none;text-align:center;align-items:center}.hero-layers__actions{justify-content:center}.hero-layers__stage{min-height:max(220px,calc(var(--hero-layers-height, 80vh) * .42 + var(--hero-layers-gap, 80px) * .25));height:auto;order:-1}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/hero-layers.css.map */