.image-open{display:block;padding:0;margin:0;width:100%;border:0;background:transparent;color:inherit;cursor:zoom-in;}
.image-open:focus-visible{outline:2px solid currentColor;outline-offset:5px;}
.project-viewer{position:fixed;inset:0;margin:auto;width:min(1400px,96vw);max-height:94svh;overflow:auto;padding:60px 20px 20px;background:#111;color:#eee;border:1px solid #444;}
.project-viewer::backdrop{background:rgba(0,0,0,.94);}
.project-viewer>img{width:auto;height:auto;max-width:100%;max-height:none;display:block;margin:auto;}
.project-viewer>button{position:sticky;float:right;top:0;margin-top:-44px;min-height:44px;padding:8px 14px;background:#111;color:#fff;border:1px solid #666;cursor:pointer;z-index:1;}
.project-viewer>p{margin-top:20px;font:14px/1.6 system-ui,sans-serif;}
.case-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0 auto;padding:48px clamp(24px,5vw,72px);border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;}
.case-notes h2{font:11px/1.6 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#aaa;margin-bottom:12px;}
.case-notes p{font:16px/1.7 system-ui,sans-serif;color:#ddd;max-width:38ch;}
@media(max-width:700px){.case-notes{grid-template-columns:1fr;gap:24px;}.project-viewer{padding:58px 10px 16px;}}