.case-study{padding:clamp(3rem,8vw,6rem) clamp(1.5rem,5vw,4rem);max-width:1200px;margin:0 auto}.case-study-back{display:inline-block;font-family:var(--font-mono);font-size:.875rem;margin-bottom:2rem}.case-study-header{margin-bottom:clamp(2rem,5vw,3rem)}.case-study-header .section-sub{margin-bottom:2rem}.case-study-meta{display:grid;gap:1rem;margin-bottom:2rem;padding:1.25rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}@media (min-width: 768px){.case-study-meta{grid-template-columns:1fr 1fr 2fr;gap:2rem}}.case-study-meta dt{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.25rem}.case-study-meta dd{color:var(--text);font-size:.9375rem}.case-study-columns{display:grid;gap:2rem}@media (min-width: 900px){.case-study-columns{grid-template-columns:1fr 1fr;gap:3rem}}.case-study-prose{color:var(--text-muted);font-size:1rem;line-height:1.75}@media (min-width: 900px){.case-study-built{grid-template-columns:repeat(3,1fr)}}.case-study-results li{color:var(--text)}.screenshot{margin:0}.screenshot-frame{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 16px 48px #0006}.screenshot-bar{display:flex;gap:.375rem;padding:.625rem .875rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.screenshot-bar span{width:10px;height:10px;border-radius:50%;background:var(--border)}.screenshot img{width:100%;height:auto}.screenshot-mobile .screenshot-frame{border-radius:24px;border-width:6px;max-width:280px;margin:0 auto}.screenshot figcaption{margin-top:.75rem;color:var(--text-muted);font-size:.875rem;text-align:center}.case-study-gallery{display:grid;gap:2rem}@media (min-width: 900px){.case-study-gallery{grid-template-columns:repeat(2,1fr);align-items:start}}