dialog.project-lightbox{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:64px 80px 30px;border:0;background:rgba(9,17,23,.96);color:#fff;overflow:hidden;box-sizing:border-box}
dialog.project-lightbox[open]{display:grid;place-items:center}
.project-lightbox::backdrop{background:rgba(0,0,0,.8)}
.project-lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;height:100%;min-height:0;pointer-events:none}
.project-lightbox figure img{display:block;max-width:100%;max-height:calc(100% - 65px);width:auto;height:auto;object-fit:contain;pointer-events:auto}
.project-lightbox figcaption{font:16px/1.5 Arial,sans-serif;text-align:center;color:#fff;max-width:850px}
.project-lightbox button{position:absolute;display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff70;border-radius:50%;background:#ffffff18;color:#fff;font:24px/1 Arial,sans-serif;cursor:pointer;z-index:1}
.project-lightbox button:hover{background:#ffffff35}.project-lightbox button:focus-visible{outline:3px solid #7ad3ff;outline-offset:4px}
.project-lightbox .pl-close{top:15px;right:18px;font-size:34px}.project-lightbox .pl-prev{left:18px;top:50%;transform:translateY(-50%)}.project-lightbox .pl-next{right:18px;top:50%;transform:translateY(-50%)}
@media(max-width:600px){dialog.project-lightbox{padding:70px 12px 105px}.project-lightbox .pl-prev,.project-lightbox .pl-next{top:auto;bottom:20px;transform:none}.project-lightbox .pl-prev{left:calc(50% - 65px)}.project-lightbox .pl-next{right:calc(50% - 65px)}.project-lightbox figcaption{font-size:14px}.project-lightbox figure img{max-height:calc(100% - 85px)}}