.image-trigger{max-width:100%;color:inherit;cursor:zoom-in;text-align:inherit;background:0 0;border:0;margin-inline:auto;padding:0;display:block;position:relative}.image-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.case-cover>.image-trigger{width:100%}.case-cover>.image-trigger>img{object-fit:cover;width:100%;max-height:590px}.case-prose figure>.image-trigger>img{border:1px solid var(--line);width:auto;max-height:730px}.technical-diagram>.image-trigger{width:100%}.technical-diagram>.image-trigger>svg{background:var(--diagram-paper);border:1px solid var(--line);width:100%;height:auto}.image-expand-hint{color:#fff;opacity:0;pointer-events:none;background:#181a1de8;border:1px solid #ffffff50;border-radius:30px;padding:7px 11px;font:500 12px/1.2 Arial,sans-serif;transition:opacity .18s,transform .18s;position:absolute;top:12px;right:12px;transform:translateY(4px);box-shadow:0 3px 14px #0003}.image-trigger:hover .image-expand-hint,.image-trigger:focus-visible .image-expand-hint{opacity:1;transform:none}.image-viewer{border:1px solid var(--line);background:var(--bg);width:calc(100% - 36px);max-width:1800px;height:calc(100% - 36px);max-height:none;color:var(--ink);border-radius:16px;margin:auto;padding:0;position:fixed;inset:18px;overflow:hidden;box-shadow:0 30px 100px #0008}.image-viewer[open]{grid-template-rows:auto minmax(0,1fr) auto;animation:.2s ease-out viewer-enter;display:grid}.image-viewer::backdrop{backdrop-filter:blur(10px);background:#080b10c9}.viewer-toolbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:13px 20px;display:flex}.viewer-heading{color:var(--ink);align-items:center;gap:16px;font-size:12px;display:flex}.viewer-eyebrow{letter-spacing:.16em;color:var(--accent);font-size:10px}.viewer-tools{align-items:center;gap:6px;display:flex}.viewer-tools button,.viewer-nav{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:9px;place-items:center;min-width:44px;min-height:44px;font:500 20px/1 Arial,sans-serif;display:grid}.viewer-tools [data-viewer-fit]{font-size:13px}.viewer-tools [data-viewer-close]{margin-left:8px}.viewer-tools [data-viewer-zoom]{text-align:center;min-width:40px;color:var(--ink);font-size:11px}.viewer-tools button:hover,.viewer-nav:hover{border-color:var(--accent)}.image-viewer button:focus-visible,.viewer-stage:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.image-viewer button:disabled{opacity:.35;cursor:default}.viewer-body{min-width:0;min-height:0;position:relative}.viewer-stage{overscroll-behavior:contain;scroll-behavior:auto;touch-action:pan-x pan-y pinch-zoom;width:100%;height:100%;overflow:auto}.viewer-canvas{place-items:center;width:max-content;min-width:100%;min-height:100%;padding:24px;display:grid}.viewer-art{user-select:none;flex:none}.viewer-art:empty{display:none}.viewer-art>img,.viewer-art>svg,.viewer-art>.photo-detail{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;margin:0}.viewer-art>svg{background:var(--diagram-paper)}.viewer-art>.photo-detail{isolation:isolate;position:relative;overflow:hidden}.viewer-art>.photo-detail>img{width:100%;height:100%}.viewer-stage[data-zoomed=true]{cursor:grab}.viewer-stage[data-dragging=true]{cursor:grabbing}.viewer-art>.viewer-crop{width:100%;height:100%;position:relative;overflow:hidden}.viewer-art>.viewer-crop>img{max-width:none;height:auto;max-height:none;margin:0;position:absolute}.viewer-nav{z-index:2;font-size:32px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 20px #0002}.viewer-prev{left:12px}.viewer-next{right:12px}.viewer-message{text-align:center;pointer-events:none;width:100%;color:var(--muted);font-size:14px;position:absolute;top:45%}.viewer-footer{overflow-wrap:anywhere;border-top:1px solid var(--line);background:var(--surface);min-width:0;max-height:24vh;padding:14px 24px;overflow:auto}.viewer-footer p{max-width:1100px;margin:0;font-size:13px;line-height:1.6}.viewer-hint{color:var(--ink);margin-top:6px;font-size:10px;display:block}@keyframes viewer-enter{0%{transform:translateY(8px)scale(.985)}to{transform:none}}@media (hover:none){.image-expand-hint{opacity:1;transform:none}}@media (width<=600px){.image-viewer{border-radius:12px;width:calc(100% - 12px);height:calc(100dvh - 12px);inset:6px}.viewer-toolbar{gap:4px;padding:8px}.viewer-eyebrow{display:none}.viewer-heading{font-size:11px}.viewer-tools{gap:3px}.viewer-tools [data-viewer-close]{margin-left:1px}.viewer-tools [data-viewer-zoom]{min-width:33px}.viewer-footer{overflow-wrap:anywhere;min-width:0;max-height:22dvh;padding:10px 14px}.viewer-footer p{font-size:12px}.viewer-hint{display:none}.viewer-nav{min-width:40px}.viewer-prev{left:5px}.viewer-next{right:5px}}@media print{.image-expand-hint,.image-viewer{display:none!important}}@media (prefers-reduced-motion:reduce){.image-viewer[open]{animation:none}.image-expand-hint{transition:none}}