.project-slideshow{margin:0;position:relative;background:#171917;overflow:hidden;isolation:isolate}
.project-slideshow-stage{position:relative;height:clamp(340px,50vw,760px);overflow:hidden;touch-action:pan-y}
.project-slide{position:absolute;inset:0 auto 0 9%;width:82%;margin:0;transition:transform .7s cubic-bezier(.22,.65,.3,1),opacity .7s;opacity:.48}
.project-slide.is-current{opacity:1;z-index:1}
.project-slide img{display:block;width:100%;height:100%;object-fit:cover}
.project-slide[hidden]{display:none}
.slideshow-prev,.slideshow-next{position:absolute;top:0;bottom:0;width:9%;min-width:46px;z-index:3;border:0;border-radius:0;background:#0002;color:#fff;display:grid;place-items:center;cursor:pointer}
.slideshow-prev{left:0}.slideshow-next{right:0}
.slideshow-prev:hover,.slideshow-next:hover{background:#0005}
.project-slideshow svg{width:28px;height:46px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square}
.slideshow-toolbar{position:absolute;z-index:4;bottom:20px;right:calc(9% + 20px);display:flex;align-items:center;gap:16px;padding:6px 8px 6px 16px;background:rgba(22,26,24,.5);color:#fff;border:1px solid #ffffff50;backdrop-filter:blur(8px)}
.slideshow-count{font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.12em}
.slideshow-toggle{display:flex;align-items:center;gap:9px;min-height:44px;border:0;background:transparent;color:#fff;font:inherit;font-size:13px;padding:8px 10px;cursor:pointer}
.slideshow-toggle svg{width:16px;height:18px;stroke-width:3}
.project-slideshow button:focus-visible{outline:3px solid #ef1790;outline-offset:-4px}
@media(max-width:700px){.project-slideshow-stage{height:clamp(300px,75vw,490px)}.project-slide{left:0;width:100%}.slideshow-prev,.slideshow-next{width:48px;top:calc(50% - 40px);bottom:auto;height:80px}.project-slideshow svg{width:22px;height:34px}.slideshow-toolbar{bottom:14px;right:14px;padding:2px 6px 2px 12px}.slideshow-toggle svg{width:14px;height:16px}}
@media(prefers-reduced-motion:reduce){.project-slide{transition:none}}
/* Preserve portrait photography; two-photo sets use the full stage. */
.project-slide.is-portrait{background:#171917}
.project-slide.is-portrait img{object-fit:contain}
.project-slide.is-drawing{background:#f5f4f0}
.project-slide.is-drawing img{object-fit:contain;padding:18px}
.slideshow-two .project-slide{left:0;width:100%}