.case-study-page{padding-block:55px 70px}.case-study-hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.case-study-hero h1{font-size:clamp(40px,4.4vw,65px);line-height:1.05;letter-spacing:-2px;margin:18px 0 23px}.case-lead{font-size:18px;line-height:1.75;max-width:620px}.case-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:25px}.case-actions .button,.case-demo-path>.button{font-size:14px}.case-study-hero figure{margin:0}.case-study-hero img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.case-study-hero figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin-top:12px}.case-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 45px;padding:45px 0;border-block:1px solid var(--line);margin-top:45px}.case-context-grid h2{font-size:24px;line-height:1.3;margin-bottom:13px}.case-context-grid p,.case-demo-path li p,.case-adaptation>p{font-size:16px;line-height:1.8;color:var(--muted)}.case-demo-path{padding:42px 0}.case-demo-path h2,.case-adaptation h2{font-size:34px;line-height:1.2;letter-spacing:-1px;margin-top:14px}.case-demo-path ol{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;list-style-position:inside;padding:0;margin:30px 0}.case-demo-path h3{font-size:20px;line-height:1.4;margin:12px 0 9px}.case-sample-note{font-size:13px;line-height:1.7;color:var(--muted);max-width:920px;margin:20px 0}.case-adaptation{background:#e8e0f0;border:1px solid #c5b6d5;border-radius:8px;padding:30px}.case-adaptation>p{margin-top:16px;max-width:950px}.portfolio-case-link{margin:0 24px 22px;display:inline-flex;min-height:44px;align-items:center;font-size:13px}.demo-case-link{display:inline-flex;align-items:center;min-height:44px;margin-top:18px;font-size:14px}
@media(max-width:800px){.case-study-page{padding-block:32px 45px}.case-study-hero{grid-template-columns:1fr;gap:28px}.case-study-hero h1{font-size:45px;letter-spacing:-1.5px}.case-lead{font-size:16px}.case-actions{align-items:flex-start;gap:16px}.case-context-grid{grid-template-columns:1fr;gap:25px;margin-top:30px;padding-block:28px}.case-context-grid h2{font-size:23px}.case-context-grid p,.case-demo-path li p,.case-adaptation>p{font-size:15px;line-height:1.75}.case-demo-path{padding-block:30px}.case-demo-path h2,.case-adaptation h2{font-size:30px}.case-demo-path ol{grid-template-columns:1fr;gap:22px;margin-block:24px}.case-demo-path h3{font-size:21px;margin-top:8px}.case-adaptation{padding:22px}.case-sample-note{font-size:14px}.case-actions .button{max-width:100%;white-space:normal}.portfolio-case-link{font-size:14px}}
