/* Folded contact sheet. One strip on the content column: the chosen work lies
   open, its neighbours close into connected pleats. */
.reel-strip{position:relative;margin:clamp(28px,5vw,64px) 0 clamp(36px,6vw,78px);width:100%}
.reel-strip[hidden]{display:none}
.reel-strip__viewport{position:relative;width:min(1120px,92vw);height:clamp(220px,34vw,460px);margin-inline:auto;-webkit-tap-highlight-color:transparent;user-select:none}
.reel-rail{position:absolute;inset:0;transform-style:preserve-3d;touch-action:pan-y;cursor:grab}
.reel-strip.is-dragging .reel-rail{cursor:grabbing}
.reel-rail__photo{position:absolute;top:0;left:0;border:0;padding:0;background:transparent;transform-style:preserve-3d;pointer-events:none;cursor:inherit}
.reel-rail__half{position:absolute;left:0;top:0;height:100%;overflow:hidden;pointer-events:auto;transform-origin:left center;backface-visibility:hidden;background:#e9e3d6}
.reel-rail__half img{position:absolute;top:0;max-width:none;height:100%;object-fit:cover;pointer-events:none;filter:brightness(calc(.86 + .14 * var(--lit,1))) saturate(calc(.92 + .08 * var(--lit,1))) sepia(calc(.18 * (1 - var(--lit,1))))}
.reel-rail__half i{position:absolute;inset:0;background:linear-gradient(90deg,#1f1810,#2c2218);pointer-events:none;opacity:0}
.reel-rail__half:first-child::after{content:"";position:absolute;inset:0 0 0 auto;width:1px;background:rgba(255,250,240,.35);opacity:var(--crease,1)}
.reel-rail__photo:focus-visible{outline:none}
.reel-rail__photo:focus-visible .reel-rail__half{outline:2px solid currentColor;outline-offset:3px}
.reel-strip__controls{display:flex;align-items:center;justify-content:center;gap:24px;padding:18px 20px 0;color:var(--text,#302f29)}
.reel-strip__controls>button{display:grid;place-items:center;width:40px;height:40px;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer;opacity:.82;flex:none;transition:opacity .12s}
.reel-strip__controls svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.75;stroke-linecap:round;stroke-linejoin:round}
.reel-strip__controls>button:active{transform:scale(.96)}
.reel-strip__controls>button:disabled{opacity:.25;cursor:default;transform:none}
.reel-strip__controls>button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(hover:hover){.reel-strip__controls>button:hover:not(:disabled){opacity:1}}
.reel-strip__label{text-align:center;min-width:260px;display:grid;justify-items:center;gap:4px}
.reel-strip__title{font-size:clamp(20px,2vw,28px);line-height:1.05;font-weight:700;letter-spacing:-.045em}
.reel-strip__count{font-size:14px;font-weight:600;opacity:.8;font-variant-numeric:tabular-nums}
.reel-strip__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){.reel-strip__controls{gap:12px;padding-inline:14px}.reel-strip__label{min-width:0;flex:0 1 230px}}
@media(prefers-reduced-motion:reduce){.reel-strip__controls>button:active{transform:none}}