/* V35.2 — supplied vinyl composition, kept intact and staged with quiet depth. */
.release-mockup{
  --tilt-x:0deg;
  --tilt-y:0deg;
  --lift:0rem;
  position:relative;
  width:min(100%,780px);
  max-width:780px;
  aspect-ratio:1.32/1;
  margin:0;
  perspective:1500px;
  overflow:visible;
  isolation:isolate;
}
.release-mockup img{
  position:absolute;
  width:128%;
  max-width:none;
  height:auto;
  left:-28%;
  top:-38%;
  display:block;
  transform:translate3d(0,var(--lift),0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transform-origin:52% 58%;
  filter:drop-shadow(0 1.2rem 1.1rem rgba(0,0,0,.18));
  transition:transform 1s cubic-bezier(.2,.75,.2,1),filter .8s ease;
  animation:release-mockup-idle 12s ease-in-out infinite;
  will-change:transform;
}
.release-mockup.is-interacting img,
.release-mockup:hover img{
  --lift:-.55rem;
  filter:drop-shadow(0 1.8rem 1.5rem rgba(0,0,0,.25));
  animation:none;
}
.shop .chair-stage{
  position:relative;
  background:rgba(5,8,11,.2);
  overflow:hidden;
  padding:0;
}
.shop .chair-stage img{
  position:absolute;
  top:0;
  left:0;
  width:128%;
  max-width:none;
  height:auto;
  transform:translate(-22%,-8%);
  filter:drop-shadow(0 .8rem .8rem rgba(0,0,0,.18));
  transition:transform .9s cubic-bezier(.2,.75,.2,1),filter .8s ease;
}
.shop .catalog article:hover .chair-stage img{
  transform:translate(-22%,-10%) scale(1.015);
  filter:drop-shadow(0 1.2rem 1.1rem rgba(0,0,0,.24));
}

@keyframes release-mockup-idle{
  0%,100%{transform:translate3d(0,0,0) rotateX(.4deg) rotateY(-1.2deg)}
  50%{transform:translate3d(0,-.42rem,0) rotateX(-.4deg) rotateY(1.2deg)}
}

@media(max-width:760px){
  .release-mockup{width:100%;aspect-ratio:1.14/1;margin-inline:0}
  .release-mockup img{width:128%;left:-28%;top:-28%;transform-origin:52% 60%}
  .shop .chair-stage img{width:128%;transform:translate(-22%,-8%)}
  .shop .catalog article:hover .chair-stage img{transform:translate(-22%,-8%)}
}

@media(prefers-reduced-motion:reduce){
  .release-mockup img,.shop .chair-stage img{animation:none;transition:none}
}
