.portfolio-lightbox{z-index:1200;padding:max(4.5rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(5.75rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);touch-action:none;overscroll-behavior:contain;background:#030303f0;place-items:center;animation:.36s cubic-bezier(.16,1,.3,1) both portfolioLightboxIn;display:grid;position:fixed;inset:0;overflow:hidden}.portfolio-lightbox:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 44%,#ffffff14,#0000 52%);position:absolute;inset:0}.portfolio-lightbox-topbar{top:max(1.25rem,env(safe-area-inset-top));right:max(5rem,calc(env(safe-area-inset-right) + 4rem));left:max(1.25rem,env(safe-area-inset-left));color:#ffffff8f;font-family:var(--font-geist-mono),monospace;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;font-size:.58rem;display:flex;position:fixed}.portfolio-lightbox figure{z-index:1;grid-template-rows:minmax(0,1fr) auto;width:min(92vw,1500px);height:min(78dvh,980px);margin:0;animation:.62s cubic-bezier(.16,1,.3,1) both portfolioImageIn;display:grid;position:relative}.portfolio-lightbox figure.is-next{animation-name:portfolioImageNext;animation-duration:.42s}.portfolio-lightbox figure.is-prev{animation-name:portfolioImagePrev;animation-duration:.42s}.portfolio-lightbox figure img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;min-height:0}.portfolio-lightbox figcaption{color:#ffffff9e;text-align:center;padding-top:.8rem;font-size:.72rem}.portfolio-lightbox-close,.portfolio-lightbox-controls button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0a94;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.portfolio-lightbox-close{top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));z-index:3;font-size:1.55rem;position:fixed}.portfolio-lightbox-controls{right:50%;bottom:max(1rem,env(safe-area-inset-bottom));z-index:3;grid-template-columns:50px 64px 50px;align-items:center;display:grid;position:fixed;transform:translate(50%)}.portfolio-lightbox-controls span{color:#ffffffb8;font-family:var(--font-geist-mono),monospace;letter-spacing:.12em;text-align:center;font-size:.62rem}@keyframes portfolioLightboxIn{0%{opacity:0}}@keyframes portfolioImageIn{0%{opacity:0;transform:translateY(24px)scale(.96)}}@keyframes portfolioImageNext{0%{opacity:0;filter:blur(4px);transform:translate(44px)scale(.98)}}@keyframes portfolioImagePrev{0%{opacity:0;filter:blur(4px);transform:translate(-44px)scale(.98)}}@media (width<=620px){.portfolio-lightbox{padding-top:max(4.25rem,env(safe-area-inset-top));padding-bottom:max(5rem,env(safe-area-inset-bottom))}.portfolio-lightbox figure{width:100%;height:min(76dvh,820px)}.portfolio-lightbox-topbar span:last-child{display:none}.portfolio-lightbox figcaption{text-overflow:ellipsis;white-space:nowrap;max-width:80vw;margin:0 auto;overflow:hidden}.portfolio-lightbox-close,.portfolio-lightbox-controls button{width:48px;height:48px}.portfolio-lightbox-controls{grid-template-columns:48px 72px 48px}}@media (prefers-reduced-motion:reduce){.portfolio-lightbox,.portfolio-lightbox figure{animation-duration:1ms}}