.project-row img[role="button"]{cursor:zoom-in}.project-row img[role="button"]:focus-visible{outline:3px solid #00a650;outline-offset:5px}
.project-lightbox{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:60px 24px 24px;border:0;background:rgba(4,16,12,.95);color:#fff;box-sizing:border-box;overflow:auto}
.project-lightbox::backdrop{background:rgba(0,0,0,.75)}
.project-lightbox[open]{display:flex;align-items:center;justify-content:center}
.project-lightbox figure{width:100%;margin:0;display:flex;flex-direction:column;align-items:center;gap:16px}
.project-lightbox figure img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 140px);object-fit:contain;box-shadow:0 12px 50px #0006}
.project-lightbox figcaption{font:500 18px/1.4 Arial,sans-serif;text-align:center;color:#fff;max-width:90%}
.project-lightbox-close{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff70;border-radius:50%;background:#14372c;color:#fff;font:36px/1 Arial,sans-serif;cursor:pointer;z-index:1}
.project-lightbox-close:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:600px){.project-lightbox{padding:64px 10px 24px}.project-lightbox figcaption{font-size:16px}.project-lightbox figure img{max-height:calc(100dvh - 150px)}}