.scroll-choreo{position:relative;width:100%}.scroll-choreo__sticky{position:sticky;top:0;height:100vh;width:100%;overflow:hidden}.scroll-choreo__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.scroll-choreo__item{position:absolute;left:50%;top:50%;width:36vw;height:24vh;overflow:hidden;background:rgb(var(--color-background));box-shadow:0 25px 50px -12px #00000040;will-change:transform;opacity:var(--choreo-op, 1);transform:translate(-50%,-50%) translate3d(var(--choreo-tx, 0),var(--choreo-ty, 0),0)}.scroll-choreo__item img{width:100%;height:100%;object-fit:cover;display:block}.scroll-choreo__item--tl{z-index:10}.scroll-choreo__item--br{z-index:20}.scroll-choreo__item--bl{z-index:30}.scroll-choreo__item--hero{z-index:40;width:var(--choreo-w, 36vw);height:var(--choreo-h, 24vh);background:#0000000d}.scroll-choreo.scroll-choreo--static{height:auto!important}.scroll-choreo--static .scroll-choreo__sticky{position:relative;height:auto;padding:var(--grid-mobile-vertical-spacing, 20px) 0}.scroll-choreo--static .scroll-choreo__stage{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--grid-mobile-horizontal-spacing, 12px);padding:0 var(--grid-mobile-horizontal-spacing, 12px)}.scroll-choreo--static .scroll-choreo__item,.scroll-choreo--static .scroll-choreo__item--hero{position:static;width:100%;height:40vh;transform:none;opacity:1}@media screen and (max-width:749px){.scroll-choreo__item{width:60vw;height:20vh}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/scroll-choreography.css.map */