.hero-collage{width:100%;overflow:hidden;padding:1rem}.hero-collage__stage{position:relative;width:100%;aspect-ratio:4 / 5;max-width:var(--stage-max-width, 1200px);margin:0 auto;transform:translate(var(--stage-offset-x, 0%),var(--stage-offset-y, 0%));touch-action:pan-y}.hero-collage__item{position:absolute;top:var(--top);left:var(--left);width:var(--w);margin:0;z-index:var(--z);transform:translate3d(var(--mx, 0px),var(--my, 0px),0) rotate(var(--rot));transition:transform .4s cubic-bezier(.2,.8,.2,1);will-change:transform;cursor:pointer}.hero-collage__item img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.hero-collage__item:hover,.hero-collage__item.is-hover{z-index:99;transform:translate3d(var(--mx, 0px),var(--my, 0px),0) rotate(calc(var(--rot) * .3)) scale(1.06);transition:transform .25s cubic-bezier(.2,.8,.2,1)}@media(prefers-reduced-motion:reduce){.hero-collage__item{transition:none;transform:rotate(var(--rot))}.hero-collage__item:hover{transform:rotate(var(--rot)) scale(1.02)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/hero-collage.css.map */