.case-previewable{cursor:zoom-in}
.case-previewable:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:10px}
body.case-preview-open{overflow:hidden}
.case-lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:rgba(8,8,8,.96);color:#fff}
.case-lightbox::backdrop{background:rgba(8,8,8,.96)}
.case-lightbox-inner{position:relative;width:100%;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:18px 20px 16px}
.case-lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px}
.case-lightbox-count{font:500 10px 'DM Mono',monospace;letter-spacing:.08em;color:rgba(255,255,255,.68)}
.case-lightbox-close,.case-lightbox-nav{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}
.case-lightbox-close{position:relative;width:42px;height:42px;border-radius:12px;font-size:0}
.case-lightbox-close:before,.case-lightbox-close:after{content:"";position:absolute;width:17px;border-top:1.5px solid currentColor;transform:rotate(45deg)}
.case-lightbox-close:after{transform:rotate(-45deg)}
.case-lightbox-stage{position:relative;min-height:0;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:18px}
.case-lightbox-figure{min-width:0;min-height:0;height:100%;margin:0;display:grid;place-items:center}
.case-lightbox-image{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 150px);object-fit:contain;border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.case-lightbox-nav{width:48px;height:48px;border-radius:14px;font-size:0}
.case-lightbox-nav:before{content:"";width:11px;height:11px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-left:-4px}
.case-lightbox-prev:before{transform:rotate(-135deg);margin-left:4px}
.case-lightbox-close:hover,.case-lightbox-nav:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.34);transform:translateY(-1px)}
.case-lightbox-caption{max-width:760px;min-height:28px;margin:10px auto 0;text-align:center;color:rgba(255,255,255,.72);font-size:11px;line-height:1.55}
.case-lightbox-help{position:absolute;left:20px;bottom:18px;font:400 9px 'DM Mono',monospace;letter-spacing:.05em;color:rgba(255,255,255,.42)}
@media(max-width:720px){.case-lightbox-inner{padding:12px 12px 14px}.case-lightbox-stage{grid-template-columns:1fr}.case-lightbox-figure{grid-column:1;grid-row:1}.case-lightbox-image{max-height:calc(100dvh - 170px)}.case-lightbox-nav{position:absolute;z-index:2;top:50%;width:44px;height:52px;border-radius:12px;background:rgba(8,8,8,.55)}.case-lightbox-prev{left:4px}.case-lightbox-next{right:4px}.case-lightbox-caption{padding:0 28px}.case-lightbox-help{display:none}}
@media(prefers-reduced-motion:reduce){.case-lightbox-close,.case-lightbox-nav{transition:none}}