.case-section{padding-top:12px}.case-section-label{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px;color:var(--text-muted);font: .82rem var(--font-mono)}.case-feature{border:1px solid var(--border-color);border-radius:20px;background:var(--bg-card);overflow:hidden}.case-feature-heading{display:flex;justify-content:space-between;gap:24px;padding:36px 36px 28px}.case-eyebrow{font:.78rem var(--font-mono);color:var(--accent-green)}.case-feature h2{font-size:clamp(1.65rem,4vw,2.5rem);line-height:1.2;margin:12px 0 16px}.case-feature h2 a{color:var(--text-bright);text-decoration:none}.case-feature h2 a:hover{color:var(--accent-green)}.case-feature-heading p{max-width:680px;color:var(--text-dim);line-height:1.7}.case-number{font:3.5rem var(--font-mono);color:var(--accent-green);opacity:.4}.case-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.case-feature .case-previews{padding:0 36px}.case-window{margin:0;min-width:0;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;background:#16181d}.case-window-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;font: .68rem var(--font-mono);color:var(--text-dim)}.case-window-bar span:first-child{color:var(--accent-green);letter-spacing:2px;font-size:.6rem}.case-window img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.case-feature-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 36px 36px}.case-tags{display:flex;flex-wrap:wrap;gap:8px}.case-tags span{font:.75rem var(--font-mono);color:var(--text-dim);padding:7px 12px;border:1px solid var(--border-color);border-radius:6px;background:rgba(255,255,255,.025)}.case-tags-top{margin-bottom:24px}.case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:28px 0;border-bottom:1px solid var(--border-color)}.case-facts span{display:block;color:var(--text-muted);font:.76rem var(--font-mono);margin-bottom:8px}.case-facts strong{color:var(--text-main);font-size:.95rem;font-weight:500;line-height:1.6}.case-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:60px;margin-top:72px}.case-story h2,.case-cta h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.3;color:var(--text-bright);margin-top:12px}.case-copy p,.case-steps p,.case-site p,.case-cta p{color:var(--text-dim);line-height:1.8}.case-copy p+p{margin-top:18px}.case-copy .case-tags{margin-top:24px}.case-steps{display:grid;gap:30px}.case-steps article{padding-bottom:26px;border-bottom:1px solid var(--border-color)}.case-steps article:last-child{padding-bottom:0;border:0}.case-step-number{font:.78rem var(--font-mono);color:var(--accent-green)}.case-steps h3{font-size:1.2rem;color:var(--text-bright);margin:10px 0}.case-sites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:52px}.case-site{border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);padding:28px}.case-site h2{color:var(--text-bright);font-size:1.6rem;margin:12px 0}.case-site .btn{margin-top:22px}.case-back{margin-top:40px}.case-back a{color:var(--accent-green)}.case-cta{margin-top:72px;padding:32px;border-radius:16px;border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:28px;background:var(--bg-card)}.case-cta p{margin-top:14px;max-width:650px}.case-cta .btn{flex-shrink:0}.case-feature .btn,.case-site .btn,.case-cta .btn{white-space:normal;text-align:center}.case-feature a:focus-visible,.case-back a:focus-visible{outline:2px solid var(--accent-green);outline-offset:5px}@media(max-width:800px){.case-story{grid-template-columns:1fr;gap:24px;margin-top:48px}.case-cta{align-items:flex-start;flex-direction:column;margin-top:48px}.case-number{font-size:2.5rem}.case-feature-heading{padding:24px}.case-feature .case-previews{padding:0 24px}.case-feature-footer{padding:24px;flex-wrap:wrap}.case-facts{gap:16px}}@media(max-width:600px){.case-previews,.case-sites,.case-facts{grid-template-columns:1fr}.case-previews{gap:16px}.case-section-label{align-items:flex-start;flex-direction:column;gap:10px}.case-number{display:none}.case-feature-heading{padding:22px 18px}.case-feature .case-previews{padding:0 18px}.case-feature-footer{padding:22px 18px}.case-feature-footer .btn{width:100%}.case-site,.case-cta{padding:24px}.case-window-bar{padding:10px;font-size:.63rem}.case-facts{padding:24px 0;gap:20px}.case-cta .btn{width:100%}}
