.case{max-width:860px;margin:0 auto;padding:72px 48px 96px;width:100%}.case-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px;margin-bottom:48px;border-bottom:1px solid var(--rule)}.back-link{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);transition:color .2s}.back-link:hover{color:var(--accent)}.case-num{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.14em;text-transform:uppercase}.case-head{margin-bottom:56px}.case-tag{font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}.case-t{font-family:var(--display);font-size:clamp(44px,6.2vw,88px);letter-spacing:-.03em;line-height:1;font-weight:400;margin:0 0 28px}.case-desc{font-family:var(--display);font-style:italic;font-size:22px;line-height:1.5;color:var(--ink-2);max-width:60ch;margin:0 0 40px}.case-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:28px 0;border-top:1px solid var(--rule-strong);border-bottom:1px solid var(--rule-strong)}.cm-v{font-family:var(--display);font-size:40px;font-weight:500;letter-spacing:-.02em;color:var(--accent);line-height:1;margin-bottom:8px}.cm-k{font-family:var(--mono);font-size:10px;color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase}.case-meta{display:flex;flex-direction:column;gap:16px;margin:0 0 64px;padding:24px 28px;background:var(--surface);border:1px solid var(--rule);border-radius:2px}.meta-row{display:grid;grid-template-columns:100px 1fr;gap:24px;align-items:baseline}.meta-row dt{font-family:var(--mono);font-size:10px;color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase}.meta-row dd{font-family:var(--display);font-size:16px;color:var(--ink);margin:0}.stack-row{display:flex;flex-wrap:wrap;gap:6px}.link-row{display:flex;flex-wrap:wrap;gap:18px}.link-row a{display:inline-flex;align-items:center;gap:6px;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:1px;font-family:var(--body);font-size:15px;transition:opacity .2s}.link-row a:hover{opacity:.75}.case-body{font-family:var(--display);font-size:19px;line-height:1.7;color:var(--ink)}.case-body h1{display:none}.case-body h2{font-family:var(--display);font-size:32px;letter-spacing:-.02em;line-height:1.15;font-weight:500;color:var(--accent);font-style:italic;margin:56px 0 20px}.case-body h3{font-family:var(--display);font-size:22px;letter-spacing:-.01em;font-weight:500;color:var(--ink);margin:40px 0 14px}.case-body p{margin:0 0 18px}.case-body em{font-style:italic;color:var(--ink)}.case-body strong{font-weight:500;color:var(--accent);font-style:normal}.case-body ul,.case-body ol{padding:0;margin:0 0 24px;list-style:none}.case-body ul li,.case-body ol li{font-family:var(--body);font-size:15.5px;line-height:1.6;padding-left:22px;position:relative;margin-bottom:10px}.case-body ul li:before{content:"→";position:absolute;left:0;top:0;color:var(--accent);font-family:var(--mono)}.case-body ol{counter-reset:list}.case-body ol li{counter-increment:list}.case-body ol li:before{content:counter(list,decimal) ".";position:absolute;left:0;top:0;color:var(--accent);font-family:var(--mono);font-size:12px}.case-body a{color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:1px}.case-body blockquote{border-left:2px solid var(--accent);padding:4px 0 4px 20px;margin:28px 0;font-style:italic;color:var(--ink-2)}.case-body code{font-family:var(--mono);font-size:.85em;padding:2px 6px;background:var(--surface);border:1px solid var(--rule);border-radius:3px}.case-body pre{font-family:var(--mono);font-size:13px;line-height:1.6;padding:20px 24px;background:var(--surface);border:1px solid var(--rule);border-radius:4px;overflow-x:auto;margin:24px 0}.case-body pre code{padding:0;background:transparent;border:0}.case-body hr{border:0;border-top:1px dashed var(--rule-strong);margin:40px 0}.case-body img{width:100%;height:auto;border-radius:4px;margin:32px 0;border:1px solid var(--rule)}.case-body img[src$=".svg"]{max-width:280px;display:block;margin:40px auto;border:none;background:transparent}.case-footer{margin-top:72px;padding-top:40px;border-top:1px solid var(--rule-strong);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.arrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:14px 20px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);border-radius:100px;transition:all .25s var(--ease-out);text-decoration:none}.arrow:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-1px)}.arrow svg{transition:transform .3s var(--ease-out)}.arrow:hover svg{transform:translate(3px)}.arrow.secondary{background:transparent;color:var(--ink);border-color:var(--rule-strong)}.arrow.secondary:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}@media(max-width:768px){.case{padding:36px 20px 64px}.case-metrics{grid-template-columns:repeat(2,1fr);gap:16px}.cm-v{font-size:30px}.case-desc{font-size:18px}.case-body{font-size:17px}.case-body h2{font-size:26px}.case-body h3{font-size:20px}.case-meta{padding:20px 16px}}@media(max-width:480px){.case{padding:28px 16px 48px}.case-metrics{grid-template-columns:1fr}.meta-row{grid-template-columns:72px 1fr;gap:12px}}
