.project-detail .project-gallery-link{display:block;width:100%;height:100%;cursor:zoom-in}
.project-detail .project-gallery-link:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}
html.project-lightbox-open{overflow:hidden}
.project-lightbox{width:min(1400px,94vw);max-width:none;max-height:94dvh;padding:0;border:0;background:transparent;color:white;overflow:auto}
.project-lightbox::backdrop{background:rgba(8,12,16,.94)}
.project-lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 12px;font-size:15px;font-weight:700}
.project-lightbox-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:46px;height:46px;padding:0;border:1px solid #ffffff55;border-radius:50%;background:#151a20cc;color:#fff;cursor:pointer;font:24px/1 Arial,sans-serif;transition:background .2s ease,border-color .2s ease}
.project-lightbox-button:hover{background:var(--orange);border-color:var(--orange)}
.project-lightbox-button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.project-lightbox-stage{position:relative;display:flex;align-items:center;justify-content:center;height:min(73dvh,900px)}
.project-lightbox-image{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.project-lightbox-prev,.project-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);z-index:1;font-size:36px}
.project-lightbox-prev{left:12px}.project-lightbox-next{right:12px}
.project-lightbox-count{text-align:center;font-size:13px;margin:12px 0 0;color:#d7dce1}
@media(max-width:620px){.project-lightbox{width:96vw}.project-lightbox-bar{padding:0 6px 10px;font-size:13px}.project-lightbox-button{width:40px;height:40px}.project-lightbox-prev{left:4px}.project-lightbox-next{right:4px}.project-lightbox-stage{height:68dvh}}
@media(prefers-reduced-motion:reduce){.project-lightbox-button{transition:none}}