.work-open{position:absolute;inset:0;width:100%;border:0;background:transparent;cursor:zoom-in;padding:0;color:var(--ink)}.work-open-hint{position:absolute;right:20px;bottom:20px;padding:8px 14px;background:#faf7eef2;border:1px solid var(--line);font-size:12px;border-radius:24px;transition:transform .2s,background .2s}.work-open:hover .work-open-hint{transform:translateY(-3px);background:var(--cream)}.work-open:focus-visible{outline-offset:-5px}.work-image img{transition:filter .2s}.work-image:has(.work-open:hover) img{filter:brightness(1.03)}
.photo-viewer{padding:24px;border:0;background:transparent;color:var(--ink);width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;overflow:auto;overscroll-behavior:contain}.photo-viewer::backdrop{background:rgba(31,25,19,.9);backdrop-filter:blur(8px)}.viewer-shell{display:flex;flex-direction:column;width:min(1200px,100%);height:100%;min-height:360px;margin:auto;background:var(--cream);border-radius:12px;overflow:hidden;box-shadow:0 24px 80px #0004;animation:viewer-appear .22s ease-out}.viewer-header{width:100%;max-width:none;margin:0;display:flex;flex-wrap:nowrap;padding:12px 22px;gap:16px;flex-shrink:0}.viewer-brand{font-size:18px;font-weight:600}.viewer-brand small{font-size:11px;font-weight:400;color:var(--muted);margin-left:14px}.viewer-close,.viewer-prev,.viewer-next{display:grid;place-items:center;flex-shrink:0;min-width:48px;min-height:48px;border:1px solid var(--line);border-radius:50%;background:var(--cream);color:var(--ink);cursor:pointer;font-size:22px}.viewer-close:hover,.viewer-prev:hover,.viewer-next:hover{background:var(--ink);color:var(--cream)}.viewer-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:16px 80px;background:#eeeadf}.viewer-photo{width:100%;height:100%;max-width:100%;object-fit:contain;min-height:0;opacity:.4;transition:opacity .2s;user-select:none}.viewer-photo.photo-ready{opacity:1}.viewer-prev,.viewer-next{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.viewer-prev{left:16px}.viewer-next{right:16px}.viewer-footer{width:100%;max-width:none;margin:0;flex-shrink:0;padding:16px 24px!important;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.viewer-footer h2{font-size:18px;line-height:1.5;letter-spacing:0}.viewer-hint{font-size:11px;color:var(--muted);margin-top:4px}.viewer-count{font-size:13px;letter-spacing:2px;white-space:nowrap;font-variant-numeric:tabular-nums}.viewer-error{position:absolute;bottom:20px;left:20px;right:20px;padding:12px;background:var(--cream);font-size:13px;text-align:center}
@keyframes viewer-appear{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:760px){.photo-viewer{padding:10px}.viewer-shell{border-radius:8px;min-height:280px}.viewer-header{padding:10px 14px}.viewer-brand{font-size:16px}.viewer-brand small{display:block;margin-left:0;font-size:10px}.viewer-stage{padding:10px 8px 66px}.viewer-prev,.viewer-next{top:auto;bottom:10px;transform:none;min-width:46px;min-height:46px}.viewer-prev{left:calc(50% - 56px)}.viewer-next{right:calc(50% - 56px)}.viewer-footer{padding:14px 16px!important;gap:12px}.viewer-footer h2{font-size:15px}.viewer-hint{font-size:10px}.viewer-count{font-size:11px;letter-spacing:1px}.work-open-hint{right:14px;bottom:14px;font-size:11px;padding:7px 12px}}
@media(prefers-reduced-motion:reduce){.viewer-shell{animation:none}.viewer-photo,.work-open-hint{transition:none}}