.parallax-hero{position:relative}.parallax-hero .ph-container{height:calc(var(--scroll-len, 240) * 1vh)}.parallax-hero .ph-sticky{position:sticky;top:0;height:100vh;overflow:hidden;contain:layout paint size}.ph-stage{width:100vw;height:100vh;position:relative}.ph-frame{position:absolute;left:0;top:0;width:calc(var(--dw, 1920) * 1px);height:calc(var(--dh, 1080) * 1px);transform-origin:top left;will-change:transform}.ph-bg-layer{position:absolute;left:calc(var(--bgx) * 1%);top:calc(var(--bgy) * 1%);width:calc(var(--bgw) * 1%);pointer-events:none}.ph-bg{display:block;width:100%;height:auto}.ph-item{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--w) * 1%);transform:translateZ(0) rotate(var(--rot));will-change:transform}.ph-item img{display:block;width:100%;height:auto}.ph-shape{width:100%;padding-bottom:100%;background:#0000000f;border-radius:8px}.parallax-hero .ph-item .ph-link{display:block;width:100%;height:auto}.parallax-hero .ph-item .ph-link:hover{text-decoration:none}.parallax-hero .ph-item .ph-link{cursor:pointer}@media (max-width: 989px) and (max-aspect-ratio: .9){.parallax-hero .ph-container{height:auto!important}.parallax-hero .ph-sticky{position:static;height:min(100dvh,calc(100vw * var(--dh, 1080) / var(--dw, 900)));overflow:visible}.parallax-hero .ph-stage{width:100%;height:100%;position:relative}.ph-bg-layer{left:calc(var(--bgxm, var(--bgx)) * 1%);top:calc(var(--bgym, 0) * 1%);width:calc(var(--bgwm, var(--bgw)) * 1%)}.ph-item{left:calc(var(--xm, var(--x)) * 1%);top:calc(var(--ym, var(--y)) * 1%);width:calc(var(--wm, var(--w)) * 1%)}}@media (max-width: 989px) and (max-aspect-ratio: .9){.parallax-hero.ph--full-mobile .ph-sticky{height:100dvh}.parallax-hero.ph--full-mobile .ph-bg-layer{top:calc(var(--bgym, 0) * -2%)}.parallax-hero.ph--full-mobile .ph-item{top:calc(var(--ym, var(--y)) * 1% - 55%)}.parallax-hero.ph--full-mobile .ph-stage{height:100%}}@supports not (height: 1dvh){@media (max-width: 989px) and (max-aspect-ratio: .9){.parallax-hero .ph-sticky{height:min(100dvh,calc(100vw * var(--dh, 1080) / var(--dw, 1080)))}.parallax-hero.ph--full-mobile .ph-sticky{height:100vh}}}@media (prefers-reduced-motion: reduce){.ph-item,.ph-bg-layer{transform:none!important}}@media (max-width: 989px){body[class*=overflow-hidden] .header-wrapper{position:absolute!important;top:0;left:0;right:0}body[class*=overflow-hidden] .parallax-hero .ph-sticky,body[class*=overflow-hidden] .parallax-hero .ph-container{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-main-page-parallax-layout.css.map */