.polaroid{rotate:var(--tilt);transition:rotate .6s var(--ease),translate .6s var(--ease);background:#fff;margin:0;padding:.75rem .75rem 0;position:relative;box-shadow:0 1px 2px #0a0e1a1f,0 22px 44px -18px #0a0e1a73}.polaroid:hover{rotate:calc(var(--tilt) * .4);translate:0 -4px}.polaroid__photo{width:100%;height:auto;aspect-ratio:var(--ratio,4/3);-o-object-fit:cover;object-fit:cover}.polaroid__caption{font-family:var(--font-script);color:var(--color-ink);text-align:center;padding:.65rem .25rem .9rem;font-size:1.6rem;line-height:1.15}.polaroid:not(:has(.polaroid__caption)){padding-bottom:2.4rem}.polaroid:before{content:"";z-index:2;width:7.5rem;height:1.8rem;translate:-50%;rotate:calc(var(--tilt) * -1.4);clip-path:polygon(0 8%,4% 0,8% 10%,12% 2%,88% 0,92% 9%,96% 1%,100% 10%,100% 90%,96% 100%,92% 91%,88% 99%,12% 100%,8% 90%,4% 98%,0 92%);background:#c6e2e4e0;position:absolute;top:-.85rem;left:50%}.polaroid--tape-left:before{left:18%;rotate:-24deg}.polaroid--tape-right:before{left:82%;rotate:22deg}.polaroid--tape-none:before{display:none}@media (prefers-reduced-motion:reduce){.polaroid:hover{rotate:var(--tilt);translate:none}}