.project-image-open{display:block;position:relative;align-self:start;min-width:0;cursor:zoom-in}
.project-image-open>span{position:absolute;right:12px;bottom:12px;padding:8px 12px;background:#202923;color:white;font:600 14px/1.4 Arial,sans-serif;border:1px solid #fff;border-radius:4px}
.project-photos a[data-project-image]{display:block;cursor:zoom-in}
body.project-viewer-open{overflow:hidden}
.project-image-viewer[open]{display:flex;flex-direction:column;gap:10px;position:fixed;inset:0;margin:auto;width:min(1440px,calc(100vw - 24px));max-width:none;height:calc(100dvh - 24px);max-height:none;padding:16px;border:1px solid #67736a;border-radius:8px;background:#151b17;color:#fff;overflow:hidden;box-sizing:border-box;font:16px/1.4 Arial,sans-serif}
.project-image-viewer::backdrop{background:#000d}
.project-viewer-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex:none}
.project-viewer-header strong{font-size:18px}
.project-image-viewer button{min-height:48px;padding:10px 16px;border:1px solid #b9c2bb;border-radius:5px;background:#fff;color:#18221b;font:600 16px/1.3 Arial,sans-serif;cursor:pointer;white-space:nowrap}
.project-image-viewer button:hover{background:#e7eee7}
.project-image-viewer button:focus-visible{outline:3px solid #efc574;outline-offset:3px}
.project-viewer-close{flex:none;font-size:18px!important}
.project-viewer-count{flex:none;margin:0!important;color:#e8eee9!important;font-size:15px}
.project-viewer-stage{flex:1;min-height:0;display:grid;grid-template-columns:150px minmax(0,1fr) 150px;align-items:center;gap:14px}
.project-viewer-stage figure{margin:0;min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px}
.project-viewer-stage img{width:100%;height:100%;min-height:0;object-fit:contain;touch-action:pan-y pinch-zoom}
.project-viewer-stage figcaption{text-align:center;font:14px/1.3 Arial,sans-serif;color:#e8eee9}
.project-viewer-footer{flex:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:6px}
.project-viewer-footer span{font-size:13px;color:#c6d0c8}
@media(max-width:700px){
 .project-image-open>span{right:8px;bottom:8px;font-size:13px;padding:7px 10px}
 .project-image-viewer[open]{width:100%;height:100dvh;inset:0;margin:0;padding:12px 10px max(12px,env(safe-area-inset-bottom));border-radius:0;border:0;gap:10px}
 .project-viewer-header{align-items:flex-start;gap:8px}
 .project-viewer-header strong{font-size:15px;max-width:170px}
 .project-image-viewer button{font-size:14px;padding:10px 12px;min-height:48px}
 .project-viewer-close{font-size:16px!important}
 .project-viewer-stage{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto;gap:12px}
 .project-viewer-stage figure{grid-column:1/-1;grid-row:1}
 .project-viewer-prev{grid-column:1;grid-row:2}
 .project-viewer-next{grid-column:2;grid-row:2}
 .project-viewer-footer{display:block}
 .project-viewer-return{width:100%}
 .project-viewer-footer span{display:none}
 .project-viewer-stage figcaption{font-size:12px}
}