.nested-zoom{--section-height: 250;--start-width: 35;--end-width: 95;--progress: 0;position:relative;width:100%;height:calc(var(--section-height) * 1vh);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.nested-zoom__sticky{position:sticky;top:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.nested-zoom__stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.nested-zoom__frame{position:absolute;top:50%;left:50%;aspect-ratio:16 / 9;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 30px 80px -20px #00000026}@media(max-width:989px){.nested-zoom__frame{aspect-ratio:9 / 16}}.nested-zoom__img{width:100%;height:100%;object-fit:cover;display:block}.nested-zoom__placeholder{width:100%;height:100%;background-color:rgba(var(--color-foreground),.04);display:flex;align-items:center;justify-content:center}.nested-zoom__placeholder svg{width:50%;height:auto;opacity:.2}.nested-zoom__frame--back{z-index:1;width:calc((var(--start-width) + (var(--end-width) - var(--start-width)) * clamp(0,calc(var(--progress) * 3.33),1)) * 1%);opacity:clamp(0,calc(var(--progress) * 3.33),1)}.nested-zoom__frame--middle{z-index:2;width:calc((var(--start-width) * .55 + (var(--end-width) * .55 - var(--start-width) * .55) * clamp(0,calc((var(--progress) - .42) * 4),1)) * 1%);opacity:clamp(0,calc((var(--progress) - .42) * 4),1);transform:translate(-50%,-50%) scale(calc(.7 + .3*clamp(0,calc((var(--progress) - .42) * 4),1)))}.nested-zoom__frame--front{z-index:3;width:calc((var(--start-width) * .3 + (var(--end-width) * .3 - var(--start-width) * .3) * clamp(0,calc((var(--progress) - .72) * 5),1)) * 1%);opacity:clamp(0,calc((var(--progress) - .72) * 5),1);transform:translate(-50%,-50%) scale(calc(.6 + .4*clamp(0,calc((var(--progress) - .72) * 5),1)))}.nested-zoom__caption{position:absolute;bottom:8%;left:50%;transform:translate(-50%);z-index:4;margin:0;font-family:var(--font-body-family);font-size:1.1rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgb(var(--color-foreground));opacity:clamp(0,calc((var(--progress) - .7) * 3),1);white-space:nowrap}@media(max-width:749px){.nested-zoom__caption{font-size:1rem;bottom:5%}}@media(prefers-reduced-motion:reduce){.nested-zoom{height:auto}.nested-zoom__sticky{position:relative;height:auto;padding:6.4rem 1.6rem}.nested-zoom__frame{position:relative;transform:none;top:auto;left:auto;width:90%!important;margin:1.6rem auto;opacity:1!important;filter:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-nested-zoom.css.map */