.project-lightbox-trigger{cursor:zoom-in}
.project-lightbox-trigger:focus-visible{outline:2px solid currentColor;outline-offset:4px}
body.project-lightbox-open{position:fixed;left:0;right:0;overflow:hidden;width:100%}
.project-lightbox{border:0;padding:0;margin:0;max-width:none;max-height:none;width:100vw;height:100vh;height:100dvh;background:transparent;color:#efeee8;overflow:hidden}
.project-lightbox::backdrop{background:rgba(18,20,18,.94)}
.project-lightbox__stage{position:absolute;inset:70px 60px 76px;display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom}
.project-lightbox .project-lightbox__image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-select:none}
.project-lightbox button{appearance:none;-webkit-appearance:none;border:0;border-radius:0;background:none;color:inherit;font:inherit;font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.1em;min-height:44px;padding:12px 10px;cursor:pointer;transition:opacity .15s ease}
.project-lightbox button:hover,.project-lightbox button:active{opacity:.65}
.project-lightbox button:focus-visible{outline:1px solid currentColor;outline-offset:2px}
.project-lightbox button[hidden]{display:none}
.project-lightbox__close{position:absolute;z-index:1;top:max(16px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right))}
.project-lightbox__navigation{position:absolute;left:24px;right:24px;bottom:max(14px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center}
@media(max-width:650px){.project-lightbox__stage{inset:70px 12px 76px}.project-lightbox__navigation{left:12px;right:12px}.project-lightbox__close{right:12px}}
@media(prefers-reduced-motion:reduce){.project-lightbox button{transition:none}}