/* Equal-column gallery; print details never alter the image scale. */
.gallery-page .gallery-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 36px;align-items:start;padding:20px 12px 100px}
.gallery-page .gallery-print{margin:0;min-width:0;position:relative;--print-angle:0deg;--tape-angle:-7deg;--tape-left:16%;--tape-width:94px}
.gallery-page .gallery-artwork{display:block;width:100%;padding:0;border:0;background:none;color:inherit;cursor:zoom-in;text-align:inherit;transform:rotate(var(--print-angle));transition:transform 220ms ease;position:relative}
.gallery-page .gallery-image-mount{display:block;position:relative;padding:10px;background:transparent;transition:box-shadow 220ms ease}
.gallery-page .gallery-artwork img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;max-height:none;margin:0;background:#1c1c1e}
.gallery-page .gallery-tape{--print-angle:-.7deg}
.gallery-page .gallery-tape .gallery-image-mount,.gallery-page .gallery-photo .gallery-image-mount{background:#ddd9cf;box-shadow:2px 3px 0 #0003}
.gallery-page .gallery-photo{--print-angle:.5deg}
.gallery-page .gallery-tape .gallery-artwork::before{content:'';position:absolute;width:var(--tape-width);height:22px;left:var(--tape-left);top:-8px;background:linear-gradient(105deg,#b4aa917a,#d9cfac99 48%,#9d92746b);border:1px solid #e3d9b51c;transform:rotate(var(--tape-angle));z-index:2;pointer-events:none}
.gallery-page .gallery-tape:nth-child(3n+1){--tape-left:58%;--tape-width:74px;--tape-angle:9deg}
.gallery-page .gallery-tape:nth-child(4n+1){--tape-left:12%;--tape-width:110px;--tape-angle:-4deg}
.gallery-page .gallery-scan .gallery-image-mount{box-shadow:inset 0 0 0 1px #817c7666}
.gallery-page .gallery-corners .gallery-image-mount::before,.gallery-page .gallery-corners .gallery-image-mount::after{content:'';position:absolute;width:16px;height:16px;border-color:#aca7a0;border-style:solid;pointer-events:none}
.gallery-page .gallery-corners .gallery-image-mount::before{left:2px;top:2px;border-width:1px 0 0 1px}
.gallery-page .gallery-corners .gallery-image-mount::after{right:2px;bottom:2px;border-width:0 1px 1px 0}
.gallery-page .gallery-print:hover .gallery-artwork{transform:rotate(0deg) scale(1.004)}
.gallery-page .gallery-print:hover .gallery-image-mount{box-shadow:0 3px 12px #0004}
.gallery-page .gallery-artwork:focus-visible{outline:2px solid #b5ce95;outline-offset:5px;transform:rotate(0deg)}
dialog.gallery-lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:22px 30px;border:0;background:#111113f5;color:#e1ddd5;box-sizing:border-box;overflow:hidden}
dialog.gallery-lightbox[open]{display:flex;flex-direction:column;gap:16px}
dialog.gallery-lightbox::backdrop{background:#000e}
html:has(dialog.gallery-lightbox[open]){overflow:hidden}
.gallery-lightbox .gallery-viewer-bar{display:flex;align-items:center;gap:24px;flex:none;font:400 12px/1.8 var(--font-meta);color:#b5aca9;letter-spacing:.05em}
.gallery-lightbox .gallery-viewer-close{margin-left:auto}
.gallery-lightbox button{border:1px solid #6f686655;background:none;color:#e1ddd5;padding:10px 14px;font:400 14px/1.5 var(--font-body);cursor:pointer}
.gallery-lightbox button:hover{border-color:#b8899c;color:#fff}
.gallery-lightbox button:focus-visible{outline:2px solid #b5ce95;outline-offset:3px}
.gallery-lightbox .gallery-viewer-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0}
.gallery-lightbox .gallery-viewer-stage img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;margin:0;aspect-ratio:auto}
.gallery-lightbox .gallery-viewer-controls{display:flex;justify-content:space-between;flex:none}
@media(max-width:1000px){.gallery-page .gallery-spread{gap:48px 26px;padding-inline:8px}}
@media(max-width:700px){.gallery-page .gallery-spread{grid-template-columns:minmax(0,1fr);gap:40px;padding:8px 4px 65px}.gallery-page .gallery-artwork{--print-angle:0deg}.gallery-page .gallery-tape:nth-child(n){--tape-left:52%;--tape-width:78px}dialog.gallery-lightbox{padding:16px 12px;gap:12px}.gallery-lightbox .gallery-viewer-bar{gap:10px}.gallery-lightbox .gallery-viewer-meta{font-size:12px}.gallery-lightbox .gallery-viewer-close{padding:8px 10px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.gallery-page .gallery-artwork,.gallery-page .gallery-image-mount{transition:none}.gallery-page .gallery-print:hover .gallery-artwork{transform:rotate(var(--print-angle))}}
