.portfolio-image-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#070e1ceb}.portfolio-image-dialog{position:fixed;z-index:1101;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:min(1440px,calc(100vw - 48px));height:calc(100vh - 48px);height:calc(100dvh - 48px);padding:0;gap:12px;color:#fff;outline:none}.portfolio-image-toolbar{display:flex;align-items:center;gap:12px;flex-shrink:0}.portfolio-image-title{min-width:0;margin:0 auto 0 0;font-size:20px;line-height:1.3;font-weight:var(--font-weight-semibold)}.portfolio-image-control{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:8px;min-width:44px;height:44px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:#2f4157;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;text-transform:none}.portfolio-image-control:hover{background:#42576f}.portfolio-image-control:focus-visible,.portfolio-image-viewport:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.portfolio-image-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;border-radius:var(--radius-lg)}.portfolio-image-viewport picture{width:100%;height:100%}.portfolio-image-viewport img{display:block;width:100%;height:100%;object-fit:contain}.portfolio-image-viewport--zoomed picture{width:max(100%,var(--portfolio-image-width));height:auto}.portfolio-image-viewport--zoomed img{width:100%;height:auto}@media(max-width:767px){.portfolio-image-dialog{width:calc(100vw - 24px);height:calc(100vh - 24px);height:calc(100dvh - 24px);gap:8px}.portfolio-image-title{font-size:17px}.portfolio-image-zoom span{display:none}.portfolio-image-toolbar{gap:8px}}