.photo-stack{min-width:0;align-self:start;padding:0 12px}
.photo-stack-stage{position:relative;display:block;width:100%;aspect-ratio:3/2;margin:16px 0 20px;padding:0;background:none;border-radius:5px;touch-action:pan-y pinch-zoom;isolation:isolate;cursor:pointer}
.photo-card{position:absolute;inset:8px;background:#fff;border:1px solid #1a1a1a26;border-radius:5px;padding:6px;box-shadow:0 3px 10px #1a1a1a15;transition:transform 280ms cubic-bezier(.2,.7,.2,1);pointer-events:none}
.photo-card img{width:100%;height:100%;object-fit:contain;border-radius:2px;user-select:none;-webkit-user-drag:none}
.photo-card[data-depth="0"]{z-index:5;transform:rotate(-2deg)}
.photo-card[data-depth="1"]{z-index:4;transform:translate(5px,4px) rotate(4deg)}
.photo-card[data-depth="2"]{z-index:3;transform:translate(-4px,3px) rotate(-5deg)}
.photo-card[data-depth="3"]{z-index:2;transform:translate(3px,7px) rotate(2deg)}
.photo-card[data-depth="4"]{z-index:1;transform:translate(-2px,10px) rotate(-3deg)}
.photo-card.is-flipping{z-index:6;transition:none}
.photo-stack-controls{display:flex;align-items:center;justify-content:flex-end;padding:4px 0 0}
.photo-stack-arrows{display:flex;gap:0}
.photo-stack-arrows button{display:grid;place-items:center;width:44px;height:44px;padding:6px;border:0;border-radius:5px;background:transparent;font-size:20px;line-height:1}
.photo-stack-arrows button span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ink);border-radius:5px}
@media(hover:hover){.photo-stack-arrows button:hover span{background:var(--ink);color:var(--paper)}.photo-stack-stage:hover .photo-card[data-depth="0"]{transform:translateY(-3px) rotate(-1deg)}}
.photo-stack:not(.is-ready) .photo-stack-stage{pointer-events:none}
.photo-stack:not(.is-ready) .photo-card:not([data-depth="0"]){display:none}
@media(max-width:767px){.photo-stack{padding-inline:4px}.photo-stack-stage{margin-block:12px 16px}.photo-stack-controls{padding-top:4px}}
@media(prefers-reduced-motion:reduce){.photo-card{transition:none}}