/* Recent work galleries (public/gallery.js, data in public/galleries.json).
 * A card whose cover has a gallery gets a small stacked-photos icon; tapping it opens a
 * full-screen viewer over the homepage, so closing it leaves the visitor where
 * they were. Photos are letterboxed (object-fit:contain), never cropped. */
.gx-card{cursor:pointer}
.gx-card:focus-visible{outline:2px solid var(--ink,#1d1d1f);outline-offset:3px}
.gx-card .gx-cue{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.12em;color:#fff;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:6px 9px;pointer-events:none}
.gx-card .gx-cue svg{width:14px;height:14px;flex:0 0 auto}
.gx-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html.gx-lock,html.gx-lock body{overflow:hidden}

.gx{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#f5f5f7;font-family:var(--sans,Inter,-apple-system,"Helvetica Neue",Arial,sans-serif);overscroll-behavior:contain}
.gx[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.gx::backdrop{background:#000}
.gx-top{display:flex;align-items:center;gap:16px;padding:14px 16px 14px 24px;min-height:64px}
.gx-t{flex:1;min-width:0;margin:0;font-size:12px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx button{appearance:none;-webkit-appearance:none;background:none;border:0;color:inherit;font:inherit;cursor:pointer;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;flex:0 0 auto}
.gx button svg{width:22px;height:22px}
.gx button:hover{background:rgba(255,255,255,.12)}
.gx button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.gx button:disabled{opacity:.3;cursor:default;background:none}
.gx-stage{position:relative;margin:0 16px;min-height:0;overflow:hidden;touch-action:pan-y pinch-zoom}
.gx-stage img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;display:block;opacity:0;transition:opacity .25s ease}
.gx-stage img.gx-in{opacity:1}
.gx-err{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;color:#a1a1a6;text-align:center;padding:0 24px}
.gx-err[hidden]{display:none}
.gx-bar{display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px))}
.gx-n{min-width:64px;text-align:center;font-size:13px;font-weight:600;letter-spacing:.12em;font-variant-numeric:tabular-nums;color:#d2d2d7}
@media (max-width:734px){
 .gx-top{padding:8px 8px 8px 16px;min-height:56px}
 .gx-stage{margin:0}
 .gx-bar{gap:28px}
 .gx-card .gx-cue{top:10px;right:10px;padding:5px 8px}
}
@media (prefers-reduced-motion:reduce){.gx-stage img{transition:none}}
html.flat .gx-stage img{transition:none}