.piece-views{margin-top:12px;min-width:0}.piece-view-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font:12px/1.5 var(--mono);color:var(--muted)}.piece-view-bar button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:var(--panel);border:1px solid var(--line);color:var(--accent);font-size:22px}.piece-view-bar button:disabled{opacity:.3}.piece-thumbnails{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:3px 1px 7px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.piece-thumbnail{display:block;padding:0;flex:0 0 60px;width:60px;height:76px;background:var(--panel);border:1px solid var(--line);opacity:.62}.piece-thumbnail[aria-pressed=true]{border:2px solid var(--accent);opacity:1;box-shadow:0 0 9px #72f3ff22}.piece-thumbnail img,.work-detail .piece-thumbnail img{display:block;width:100%;height:100%;max-height:none;object-fit:cover}.piece-thumbnail:focus-visible,.piece-view-bar button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.piece-static-angles{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.piece-static-angles>span{width:60px}.piece-static-angles img{height:76px;object-fit:cover}.work-detail figure,.album-photo-stage{min-width:0}.album-photo-nav{padding-top:12px;border-top:1px solid var(--line);margin-top:18px}

/* One bottom navigation walks through photos before continuing to the next artwork. */
.piece-view-bar{justify-content:center}.piece-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:12px;margin-top:18px}.piece-navigation button{min-height:44px;padding:10px 18px;border:1px solid var(--line);background:var(--panel);color:var(--accent);font:14px var(--mono)}.piece-navigation button:disabled{opacity:.35;cursor:default}.piece-navigation button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Per-photo framing; the original image file remains untouched. */
.piece-photo-crop{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:var(--crop-ratio);background:#0d111a}.piece-photo-crop>img{position:absolute;display:block;width:var(--crop-width);height:var(--crop-height);max-width:none;max-height:none;left:var(--crop-left);top:var(--crop-top);object-fit:fill}.piece-thumbnail:has(.piece-photo-crop){display:flex;align-items:center}.piece-thumbnail .piece-photo-crop>img,.work-detail .piece-photo-crop>img{width:var(--crop-width);height:var(--crop-height);max-height:none;object-fit:fill}

/* Original butterfly photograph: a small, reversible framing adjustment. */
.work-card .photo>img[src*="own-035-a-pause-in-flight-grid.webp"]{transform:scale(1.13);transform-origin:53% 44%}.album-photo-stage>.piece-photo-crop{max-width:calc(72dvh * var(--crop-ratio));margin-inline:auto}.work-detail .piece-photo-stage>.piece-photo-crop{max-width:calc(82dvh * var(--crop-ratio));margin-inline:auto}

/* Keep the complete beetle above the card caption. */
.work-card .photo>img[src*="own-022-the-little-guardian-grid.webp"]{transform:scale(1.19);transform-origin:48% 81%}

/* Keep all three cubs visible above the preview caption. */
.work-card .photo:has(>img[src*="own-027-three-small-kingdoms-grid.webp"]){background:#050a0d;--wm-watermark-width-ratio:.25}.work-card .photo>img[src*="own-027-three-small-kingdoms-grid.webp"]{transform:translate(8%,-10%) scale(.96);transform-origin:center top}
