.case-project-preview{overscroll-behavior-y:contain;width:min(1040px,100% - 48px);max-height:calc(100dvh - 48px);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:18px;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 26px 84px #13163742}.case-project-preview::backdrop{background:#131637b5}.case-project-preview-header{z-index:1;background:var(--paper);border-bottom:1px solid var(--line);padding:16px clamp(12px,3vw,28px) 10px;position:sticky;top:0}.case-project-preview-title,.case-project-preview-actions{justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.case-project-preview-title span{color:var(--muted);font-size:.75rem}.case-project-preview-title h2{margin:3px 0 0;font-size:clamp(1.2rem,3vw,1.65rem);line-height:1.15}.case-project-preview-close{width:44px;height:44px;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:50%;flex:0 0 44px;place-items:center;padding:0;display:grid}.case-project-preview-actions{flex-wrap:wrap;margin-top:8px}.case-project-preview-views{flex-wrap:wrap;gap:4px 6px;display:flex}.case-project-preview-actions a,.case-project-preview-views button{align-items:center;min-height:44px;font-size:.8125rem;display:inline-flex}.case-project-preview-views button{color:var(--ink);background:0 0;border:1px solid #0000;border-radius:6px;padding-inline:10px}.case-project-preview-views button[aria-pressed=true]{color:var(--blue);background:#e4e9fb;border-color:#c5cff0}.case-project-preview-actions a{color:var(--blue);text-underline-offset:3px;gap:4px;margin-left:auto;text-decoration:underline}.case-project-preview-close:hover,.case-project-preview-views button:hover{background:#e4e9fb}.case-project-preview-capture{background:#e7e9ee;margin:0;padding:clamp(12px,3vw,28px)}.case-project-preview-capture img{border-radius:8px;width:100%;height:auto;margin-inline:auto;display:block}.case-project-preview-capture[data-view=mobile] img{max-width:390px}.case-project-preview-capture figcaption{color:var(--muted);margin-top:10px;font-size:.8125rem}@media (max-width:700px){.case-project-preview{border-radius:12px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.case-project-preview-header{padding-top:10px}}