/* Animate the print separately from the spring-driven outer card. */
.polaroid-print{transform-origin:50% 0;backface-visibility:hidden}
.polaroid-line[data-arrival=waiting] .polaroid-print{opacity:0;transform:translateY(24px) rotate(-6deg)}
.polaroid-line[data-arrival=shown] .polaroid-print{animation:print-arrival 1.65s var(--arrival-delay,0ms) both cubic-bezier(.2,.65,.25,1)}
.polaroid-card:nth-child(even){--arrival-direction:-1}
.polaroid-card:nth-child(odd){--arrival-direction:1}
@keyframes print-arrival{
 0%{opacity:0;transform:translateY(26px) rotate(calc(-9deg * var(--arrival-direction,1)))}
 30%{opacity:1;transform:translateY(0) rotate(calc(5deg * var(--arrival-direction,1)))}
 55%{transform:rotate(calc(-3deg * var(--arrival-direction,1)))}
 78%{transform:rotate(calc(1.4deg * var(--arrival-direction,1)))}
 100%{opacity:1;transform:translateY(0) rotate(0deg)}
}
@media(hover:hover) and (pointer:fine){.polaroid-card:hover .polaroid-print{filter:saturate(1);box-shadow:0 5px 10px #19354d12,0 24px 30px -18px #19354d55}}
@media(prefers-reduced-motion:reduce){.polaroid-line[data-arrival] .polaroid-print{opacity:1;transform:none;animation:none!important}}