.project-photo-button{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in;-webkit-tap-highlight-color:transparent}
.project-photo-button:focus-visible{outline:3px solid var(--ink,#171716);outline-offset:-5px}
.portfolio-slideshow{box-sizing:border-box;position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;background:#171716;color:#f3f0ea;overflow:hidden}
.portfolio-slideshow[open]{display:flex;flex-direction:column;gap:12px}
.portfolio-slideshow::backdrop{background:rgba(0,0,0,.88)}
.portfolio-slide-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none}
.portfolio-slide-count{margin:0;font-size:14px;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.portfolio-slideshow button{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;border:1px solid #66645f;border-radius:50%;background:#242423;color:#f3f0ea;cursor:pointer;font:inherit;touch-action:manipulation;-webkit-appearance:none}
.portfolio-slideshow button[hidden]{display:none}
.portfolio-slideshow button:hover{background:#3a3936}
.portfolio-slideshow button:focus-visible{outline:2px solid #f3f0ea;outline-offset:3px}
.portfolio-slideshow .portfolio-slide-close{padding:0 16px;border-radius:999px;gap:12px}
.portfolio-slide-close span{font-size:26px;line-height:1}
.portfolio-slide-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;flex:1;min-height:0;touch-action:pan-y pinch-zoom}
.portfolio-slide-stage figure{margin:0;flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center;gap:12px}
.portfolio-slide-stage img{display:block;width:100%;min-height:0;flex:1;object-fit:contain;user-select:none}
.portfolio-slide-stage figcaption{text-align:center;font-size:13px;line-height:1.4;color:#d5d0c8;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.portfolio-slide-prev,.portfolio-slide-next{flex:none;font-size:24px!important}
@media(max-width:700px){.portfolio-slide-stage{gap:0}.portfolio-slide-prev,.portfolio-slide-next{position:absolute;z-index:1;top:calc(50% - 24px);background:rgba(23,23,22,.75)!important}.portfolio-slide-prev{left:0}.portfolio-slide-next{right:0}.portfolio-slide-stage figcaption{padding:0 8px}}

#main-content img,#main-content .project-photo-button,#main-content .hero-slide,.portfolio-slide-stage{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
#main-content img,.portfolio-slide-image{-webkit-user-drag:none}