.folio{touch-action:pan-x pan-y pinch-zoom}
.project-sheet:is(.work,.story-works){padding:calc(var(--header) + 10px) 0 54px;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 92px;gap:22px}
.project-gallery{--stage-height:500px;display:flex;align-items:center;gap:32px;min-height:0;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0 var(--gutter);scroll-padding-inline:var(--gutter);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;outline-offset:-4px;cursor:grab}
.project-gallery::-webkit-scrollbar{display:none}
.project-gallery[data-single]{justify-content:center;cursor:auto}
.gallery-frame{--image-height:min(calc(var(--stage-height) - 30px),calc((100vw - var(--gutter) * 2) / var(--ratio)));flex:none;display:grid;grid-template-rows:minmax(0,1fr) 20px;width:calc(var(--image-height) * var(--ratio));height:calc(var(--image-height) + 20px);scroll-snap-align:start;scroll-snap-stop:always}
.gallery-frame:nth-child(even){--image-height:min(calc(var(--stage-height) * .84 - 30px),calc((100vw - var(--gutter) * 2) / var(--ratio)))}
.gallery-frame figcaption{font-size:10px;color:var(--muted);padding-top:6px;font-variant-numeric:tabular-nums}
.gallery-frame .image-open{min-height:0;touch-action:pan-x pan-y pinch-zoom}
.gallery-frame .image-open img{width:100%;height:100%;object-fit:contain}
.project-gallery.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.project-gallery.is-dragging button{cursor:grabbing}
.project-sheet .work-caption{max-width:none;padding:0 var(--gutter);align-items:flex-start}
.project-sheet .work-caption h2{font-size:clamp(28px,3.3vw,44px);line-height:1.06}
.project-sheet .work-caption p{margin-top:11px}
.project-sheet .work-tools{gap:25px;align-items:center}
.project-sheet .work-tools:empty{display:none}
.gallery-navigation{display:flex;align-items:center;gap:14px}
.work-tools .gallery-navigation button{text-decoration:none;font-size:23px;line-height:1;min-width:40px;min-height:44px;color:var(--ink)}
.gallery-navigation button:disabled{opacity:.2}
.gallery-navigation .frame-count{white-space:nowrap;min-width:43px;text-align:center}
@media(max-width:759px){
 .project-sheet:is(.work,.story-works){padding-top:calc(var(--header) + 12px);padding-bottom:calc(var(--footer-edge) + 22px);grid-template-rows:minmax(0,1fr) auto;gap:18px}
 .project-gallery{gap:24px}
 .gallery-frame,.gallery-frame:nth-child(even){width:calc(100vw - var(--gutter) * 2);height:100%;grid-template-rows:minmax(0,1fr)}
 .gallery-frame figcaption{display:none}
 .project-sheet .work-caption{flex-direction:column;gap:12px}
 .project-sheet .work-caption h2{font-size:clamp(27px,7.2vw,35px)}
 .project-sheet .work-caption p{font-size:11px;margin-top:8px}
 .project-sheet .work-tools{width:100%;flex-direction:row;justify-content:space-between;padding-top:0;gap:12px}
 .gallery-navigation{gap:7px}
 .work-tools .gallery-navigation button{font-size:22px;min-width:32px}
}
@media(max-height:680px) and (max-width:759px){.project-sheet:is(.work,.story-works){grid-template-rows:minmax(0,1fr) auto;gap:12px;padding-top:calc(var(--header) + 4px);padding-bottom:calc(var(--footer-edge) + 14px)}.project-sheet .work-caption h2{font-size:27px}}
@media(max-height:480px) and (min-width:600px){.project-sheet:is(.work,.story-works){grid-template-rows:minmax(0,1fr) 60px;gap:10px;padding-top:calc(var(--header) + 2px);padding-bottom:30px}.project-sheet .work-caption{flex-direction:row;align-items:center}.project-sheet .work-caption h2{font-size:24px}.project-sheet .work-caption p{margin-top:4px}.project-sheet .work-tools{width:auto}.gallery-frame,.gallery-frame:nth-child(even){--image-height:min(calc(var(--stage-height) - 20px),calc((100vw - var(--gutter) * 2) / var(--ratio)));width:calc(var(--image-height) * var(--ratio));height:calc(var(--image-height) + 20px)}}

.story-works{--ink:#f6f4f0;--muted:#aaa69e;--line:#393732;display:grid;background:#101010;color:var(--ink)}