.portfolio-zoom{display:block;position:relative;cursor:zoom-in;line-height:0}.portfolio-zoom:focus-visible{outline:3px solid var(--accent-green);outline-offset:-3px}.portfolio-zoom-hint{position:absolute;right:12px;bottom:12px;padding:8px 12px;background:rgba(10,10,15,.88);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:7px;font:500 .74rem/1.3 var(--font-mono,monospace);pointer-events:none}.pswp{--pswp-bg:#080b10;--pswp-icon-color:#fff;--pswp-icon-color-secondary:#080b10;z-index:100000}.pswp__portfolio-caption{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:18px 24px max(20px,env(safe-area-inset-bottom));text-align:center;font:400 .9rem/1.5 system-ui,sans-serif;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7));pointer-events:none}.pswp__button--arrow{display:block}.pswp--one-slide .pswp__button--arrow{display:none}.pswp__button:focus-visible{outline:2px solid #71ff9d;outline-offset:-5px}@media(max-width:600px){.portfolio-zoom-hint{right:8px;bottom:8px;font-size:.67rem;padding:6px 9px}.pswp__portfolio-caption{padding:16px 16px max(22px,env(safe-area-inset-bottom));font-size:.8rem}.pswp__button--arrow{width:50px}.pswp__button--arrow .pswp__icn{left:0}.pswp__button--arrow--next .pswp__icn{right:0;left:auto}}

/* Use PhotoSwipe's native cursors while the page cursor is behind the dialog. */
.portfolio-gallery-open .custom-cursor,
.portfolio-gallery-open .custom-cursor-dot { visibility: hidden; }
.pswp, .pswp * { cursor: auto !important; }
.pswp .pswp__button, .pswp .pswp__button * { cursor: pointer !important; }
.pswp .pswp__button:disabled, .pswp .pswp__button:disabled * { cursor: auto !important; }
.pswp .pswp__img { cursor: zoom-out !important; }
.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img { cursor: zoom-in !important; }
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img { cursor: grab !important; }
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active { cursor: grabbing !important; }
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active { cursor: zoom-out !important; }