html:root body .co-project-dialog{max-width:980px!important}html:root body .co-project-dialog .co-case-image{height:clamp(180px,100dvh - 480px,400px)!important;margin:18px 24px 0!important}.co-project-dialog .co-image-enlarge{color:#fff;cursor:zoom-in;background:0 0;border:0;border-radius:14px;justify-content:center;align-items:center;max-width:100%;height:100%;padding:0;display:flex;position:relative}.co-project-dialog .co-image-enlarge .co-zoom-hint{color:#fff;opacity:0;pointer-events:none;background:#141418de;border-radius:50%;place-items:center;width:40px;height:40px;transition:opacity .18s,transform .18s;display:grid;position:absolute;bottom:14px;right:14px;transform:translateY(4px);box-shadow:0 3px 12px #0003}:is(.co-project-dialog .co-image-enlarge:hover .co-zoom-hint,.co-project-dialog .co-image-enlarge:focus-visible .co-zoom-hint){opacity:1;transform:none}.co-project-dialog .co-image-enlarge:focus-visible{outline:2px solid var(--co-text);outline-offset:4px}html:root body dialog.co-image-viewer{color:#fff;box-sizing:border-box;background:#101012f7;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}html:root body dialog.co-image-viewer[open]{flex-direction:column;display:flex}.co-image-viewer::backdrop{background:#101012f2}.co-image-viewer .co-viewer-bar{padding:max(12px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 12px max(24px, env(safe-area-inset-left));flex:none;align-items:center;gap:18px;min-width:0;display:flex}.co-image-viewer .co-viewer-bar>span:first-child{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:550;overflow:hidden}.co-image-viewer .co-viewer-bar>span:nth-child(2){color:#bbbbc5;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.co-image-viewer button{color:#fff;cursor:pointer;background:#ffffff12;border:0;border-radius:50%;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;transition:background .18s;display:inline-flex}.co-image-viewer button:hover{background:#ffffff28}.co-image-viewer button:focus-visible{outline-offset:3px;outline:2px solid #fff}.co-image-viewer .co-viewer-stage{min-height:0;padding:8px clamp(16px, 4vw, 60px) max(20px, env(safe-area-inset-bottom));flex:1;justify-content:center;align-items:center;display:flex;position:relative}html:root body .co-image-viewer .co-viewer-stage>img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;box-shadow:none;border-radius:0}.co-image-viewer .co-viewer-controls{padding:0 20px max(16px, env(safe-area-inset-bottom));color:#c1c1ca;justify-content:center;align-items:center;gap:22px;font-size:12px;display:flex}.co-image-viewer .co-viewer-loading{position:absolute}.co-image-viewer .co-viewer-loading svg{animation:1s linear infinite co-viewer-spin}.co-image-viewer .co-viewer-error{text-align:center;justify-items:center;gap:18px;font-size:14px;display:grid}.co-image-viewer .co-viewer-error button{border-radius:30px;padding:10px 20px}@keyframes co-viewer-spin{to{transform:rotate(360deg)}}@media (hover:none){.co-project-dialog .co-image-enlarge .co-zoom-hint{opacity:1;width:34px;height:34px;bottom:8px;right:8px;transform:none}}@media (max-width:700px){html:root body .co-project-dialog .co-case-image{height:clamp(185px,30dvh,310px)!important;margin:18px 18px 0!important}.co-image-viewer .co-viewer-bar{gap:12px;padding-inline:14px}.co-image-viewer .co-viewer-stage{padding-inline:10px}}@media (prefers-reduced-motion:reduce){.co-image-viewer *,.co-project-dialog .co-zoom-hint{transition:none!important;animation:none!important}}