/* Polaroid Stack Transition */
.polaroid-card {
  transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.8s ease, z-index 0.8s step-end;
}

/* Left Polaroid Stack States */
.left-stack-front {
  transform: scale(1) rotate(-2deg) translate3d(0, 0, 0);
  opacity: 1;
  z-index: 30;
  pointer-events: auto;
}
.left-stack-back {
  transform: scale(0.85) rotate(12deg) translate3d(60px, -30px, 0);
  opacity: 1;
  z-index: 20;
  pointer-events: none;
}
.left-stack-hidden {
  transform: scale(0.8) rotate(0deg) translate3d(0, 0, 0);
  opacity: 0;
  z-index: 10;
  pointer-events: none;
}

/* Right Polaroid Stack States */
.right-stack-front {
  transform: scale(1) rotate(3deg) translate3d(0, 0, 0);
  opacity: 1;
  z-index: 30;
  pointer-events: auto;
}
.right-stack-back {
  transform: scale(0.85) rotate(-10deg) translate3d(-50px, -25px, 0);
  opacity: 1;
  z-index: 20;
  pointer-events: none;
}
.right-stack-hidden {
  transform: scale(0.8) rotate(0deg) translate3d(0, 0, 0);
  opacity: 0;
  z-index: 10;
  pointer-events: none;
}

/* Smooth Scrolling Custom Offset for target sections */
.scroll-mt-32 {
  scroll-margin-top: 8rem; /* 128px equivalent to pt-32 / header spacing */
}