.city-photo-gallery{margin:var(--space-large) 0}
.paper-composition{max-width:320px;margin:var(--space-large) auto;padding:var(--space-medium);background:transparent}
.photo-pile{position:relative;display:block;width:100%;aspect-ratio:3/4;appearance:none;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;isolation:isolate;color:#2d2d2d}
.pile-print{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-small);background:#fff;box-shadow:0 2px 8px #2d2d2d26;border:1px solid #c3c4b7;box-sizing:border-box}
.pile-print img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.pile-print-0{z-index:3;transform:rotate(0deg)}
.pile-print-1{z-index:2;transform:translate(-12px,-12px) rotate(-5deg)}
.pile-print-2{z-index:1;transform:translate(12px,-12px) rotate(4deg)}
.photo-pile:focus-visible{outline:2px solid #2d2d2d;outline-offset:var(--space-medium)}
.pile-caption{margin:var(--space-medium) 0 0;font:var(--type-small)/1.6 Graphik,Arial,sans-serif;text-align:left;color:#2d2d2d}
@media(max-width:600px){.city-photo-gallery .gallery-title{display:block}.paper-composition{margin:var(--space-medium) auto;padding:var(--space-small)}.pile-print{padding:var(--space-small)}.pile-print-1{transform:translate(-4px,-12px) rotate(-4deg)}.pile-print-2{transform:translate(4px,-12px) rotate(3deg)}}