.image-viewer-open{overflow:hidden}
.image-viewer{position:fixed;inset:0;margin:auto;width:min(1140px,calc(100% - 36px));max-width:calc(100% - 36px);max-height:calc(100dvh - 100px);padding:0;border:0;background:transparent;color:#fff;overflow:visible}
.image-viewer::backdrop{background:rgb(0 0 0 / .9)}
.image-viewer-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;padding:0 16px}
.image-viewer-photo{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 170px);object-fit:contain}
.image-viewer-caption{max-width:850px;text-align:center;margin:0;color:#e4dfe1;font-size:.9rem;line-height:1.5}
.image-viewer-close{position:fixed;top:16px;right:16px;display:grid;place-items:center;width:48px;height:48px;padding:0;background:#262124;border:1px solid #827078;border-radius:50%;color:#fff;font:36px/1 system-ui,sans-serif;cursor:pointer;z-index:1}
.image-viewer-close:hover{background:#d91824}
.image-viewer-close:focus-visible{outline:3px solid #ff737a;outline-offset:4px}
.image-zoom-trigger{display:block;width:100%;padding:0;margin:18px 0 0;border:0;background:transparent;cursor:zoom-in}
.image-zoom-trigger .project-detail{margin-top:0}
.article-content a[href$=".jpg"]{cursor:zoom-in}
@media(max-width:650px){.image-viewer{width:calc(100% - 20px);max-width:calc(100% - 20px)}.image-viewer-stage{padding:0 5px}.image-viewer-caption{font-size:.8rem}.image-viewer-close{top:12px;right:12px}}