html.portfolio-lightbox-lock,
body.portfolio-lightbox-lock{overflow:hidden}
main img[data-portfolio-lightbox],
main video[data-portfolio-lightbox],
main a[data-portfolio-lightbox]{cursor:zoom-in}
.portfolio-lightbox{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:28px;background:rgba(3,4,5,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.portfolio-lightbox.is-open{opacity:1;visibility:visible}
.portfolio-lightbox__stage{position:relative;width:100%;height:100%;display:grid;place-items:center}
.portfolio-lightbox__content{width:100%;height:100%;display:grid;place-items:center;padding:42px 76px}
.portfolio-lightbox__content img,
.portfolio-lightbox__content video,
.portfolio-lightbox__content iframe{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 112px);border:0;border-radius:12px;box-shadow:0 28px 90px rgba(0,0,0,.5);background:#08090a;object-fit:contain}
.portfolio-lightbox__content video{width:min(100%,1280px)}
.portfolio-lightbox__content iframe{width:min(100%,1280px);aspect-ratio:16/9}
.portfolio-lightbox__close,
.portfolio-lightbox__nav{position:absolute;z-index:3;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);background:rgba(25,27,30,.7);color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:background .2s ease,transform .2s ease}
.portfolio-lightbox__close:hover,
.portfolio-lightbox__nav:hover{background:rgba(60,64,70,.9);transform:scale(1.04)}
.portfolio-lightbox__close{top:0;right:0;width:46px;height:46px;border-radius:50%;font-size:25px;line-height:1}
.portfolio-lightbox__nav{top:50%;width:50px;height:64px;border-radius:999px;transform:translateY(-50%);font-size:28px}
.portfolio-lightbox__nav:hover{transform:translateY(-50%) scale(1.04)}
.portfolio-lightbox__prev{left:0}.portfolio-lightbox__next{right:0}
.portfolio-lightbox__counter{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);color:rgba(255,255,255,.72);font:500 12px/1 system-ui,sans-serif;letter-spacing:.12em}
.portfolio-lightbox__expand{position:absolute;z-index:4;right:14px;top:14px;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(8,9,10,.64);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;font-size:18px}
.portfolio-lightbox-host{position:relative}
@media(max-width:720px){.portfolio-lightbox{padding:12px}.portfolio-lightbox__content{padding:58px 0 62px}.portfolio-lightbox__content img,.portfolio-lightbox__content video,.portfolio-lightbox__content iframe{max-height:calc(100vh - 142px);border-radius:8px}.portfolio-lightbox__nav{top:auto;bottom:0;width:52px;height:44px;transform:none}.portfolio-lightbox__nav:hover{transform:scale(1.04)}.portfolio-lightbox__prev{left:calc(50% - 62px)}.portfolio-lightbox__next{right:calc(50% - 62px)}.portfolio-lightbox__counter{bottom:54px}.portfolio-lightbox__close{top:2px;right:2px}}
@media(prefers-reduced-motion:reduce){.portfolio-lightbox,.portfolio-lightbox__close,.portfolio-lightbox__nav{transition:none}}