.case-page{--case-ink:#0a0a0a;--case-paper:#f4f2eb;--case-muted:#6b6b66;background:var(--case-paper);min-height:100dvh;color:var(--case-ink);font-family:var(--font-body), system-ui, sans-serif;flex-direction:column;gap:clamp(24px,4vw,40px);padding:clamp(20px,4vw,48px);display:flex}.case-back{letter-spacing:.04em;color:var(--case-ink);opacity:.7;align-self:flex-start;font-size:.85rem;text-decoration:none}.case-back:hover,.case-back:focus-visible{opacity:1}.case-article{flex-direction:column;gap:clamp(20px,3vw,32px);width:100%;max-width:720px;margin:0 auto;display:flex}.case-head h1{font-family:var(--font-display), Georgia, serif;letter-spacing:-.02em;text-wrap:balance;margin:0 0 12px;font-size:clamp(2rem,6vw,3.5rem);line-height:1.05}.case-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--case-muted);font-size:.8rem}.case-image{border:1px solid color-mix(in srgb, var(--case-ink) 12%, transparent);width:100%;position:relative}.case-image img{width:100%;height:auto;display:block}.case-desc{max-width:70ch;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.6}.case-features{flex-direction:column;gap:10px;padding-left:1.2em;display:flex}.case-features li{line-height:1.5}.case-live-link{color:var(--case-ink);border-bottom:1px solid var(--case-ink);align-self:flex-start;padding-bottom:2px;font-size:.95rem;font-weight:500;text-decoration:none}.case-live-link:hover,.case-live-link:focus-visible{opacity:.7}.case-cta{background:var(--case-ink);color:var(--case-paper);border:1px solid var(--case-ink);align-self:flex-start;margin-top:8px;padding:12px 24px;font-size:.9rem;font-weight:500;text-decoration:none}.case-cta:hover,.case-cta:focus-visible{background:var(--case-paper);color:var(--case-ink)}.case-footer{text-align:center;letter-spacing:.04em;color:var(--case-muted);padding-top:16px;font-size:.8rem}@media (prefers-reduced-motion:no-preference){.case-image img{transition:opacity .3s}}