.unpair-hero--collage{min-height:0}.unpair-hero--collage .unpair-hero__text{top:0}@media screen and (max-width:989px){.unpair-hero--collage .unpair-hero__text{max-width:none;margin-left:0}}.unpair-collage-hero__row{display:flex;flex-direction:column;gap:3rem;width:100%}@media screen and (min-width:990px){.unpair-collage-hero__row{flex-direction:row;align-items:center;gap:3rem}.unpair-hero--collage .unpair-hero__text{flex:0 1 auto}.unpair-collage-hero__collage{flex:1 1 0;min-width:0;max-width:120rem;margin-left:auto}}.unpair-collage-hero__heading{margin:0}.unpair-collage-hero__line{display:block}.unpair-hero--collage .unpair-hero__body>:last-child{margin-bottom:0}.unpair-collage-hero__collage{--unpair-collage-art: .88;position:relative;width:100%;aspect-ratio:965 / 555}@media screen and (max-width:989px){.unpair-collage-hero__collage{max-width:72rem;margin:0 auto}}.unpair-collage-hero__slot{position:absolute;left:var(--cx);top:var(--cy);width:calc(var(--w) / var(--unpair-collage-art));transform:translate(-50%,-50%)}.unpair-collage-hero__slot--1{--cx: 16.7%;--cy: 50.8%;--w: 28.6%;--tilt: 4.5deg;z-index:1}.unpair-collage-hero__slot--2{--cx: 46.6%;--cy: 49.9%;--w: 39.3%;--tilt: -5deg;z-index:2}.unpair-collage-hero__slot--3{--cx: 79.2%;--cy: 51.7%;--w: 34.4%;--tilt: 7deg;z-index:3}.unpair-collage-hero__frame{transform:rotate(var(--tilt))}.unpair-collage-hero__frame img{display:block;width:100%;height:auto}.unpair-collage-hero__placeholder{display:block;width:100%;aspect-ratio:600 / 782;background:rgba(var(--color-foreground),.06)}@keyframes unpair-collage-rise{0%{opacity:0;transform:translateY(2.4rem)}to{opacity:1;transform:none}}@keyframes unpair-collage-fade{0%{opacity:0}to{opacity:1}}.unpair-collage-hero--animated .unpair-collage-hero__mover{animation:unpair-collage-rise .9s var(--unpair-card-zoom-ease, cubic-bezier(.22, .8, .2, 1)) both;animation-delay:calc(.1s + var(--unpair-collage-order) * .15s)}@media(prefers-reduced-motion:reduce){.unpair-collage-hero--animated .unpair-collage-hero__mover{animation-name:unpair-collage-fade}}.unpair-collage-hero__slot--1{--drift-y: .7rem;--drift-r: .35deg;--drift-duration: 7.5s}.unpair-collage-hero__slot--2{--drift-y: .9rem;--drift-r: .3deg;--drift-duration: 9s}.unpair-collage-hero__slot--3{--drift-y: .7rem;--drift-r: .4deg;--drift-duration: 8.2s}@keyframes unpair-collage-drift{0%,to{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(calc(-1 * var(--drift-y))) rotate(calc(var(--tilt) + var(--drift-r)))}}.unpair-collage-hero--drift .unpair-collage-hero__frame{animation:unpair-collage-drift var(--drift-duration) ease-in-out infinite;animation-delay:calc(1.2s + var(--unpair-collage-order) * .15s);will-change:transform}@media(prefers-reduced-motion:reduce){.unpair-collage-hero--drift .unpair-collage-hero__frame{animation:none;will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-unpair-collage-hero.css.map */