.case-page{min-height:100svh;background:var(--bg);color:var(--ink)}
.case-shell{width:min(1180px,calc(100% - 44px));margin:0 auto;padding:38px 0 80px}
.case-nav{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line);font:500 9px/1 var(--display);letter-spacing:.1em;color:#949ca2}
.case-nav>a:first-child{font-size:12px;letter-spacing:-.025em;text-transform:lowercase;color:#d9dcda}
.case-nav a:hover{color:var(--acid)}
.case-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(42px,8vw,110px);padding:clamp(70px,10vw,128px) 0 70px;border-bottom:1px solid var(--line)}
.case-eyebrow{font:500 9px/1 var(--display);letter-spacing:.14em;color:var(--acid)}
.case-hero h1{margin-top:24px;font-size:clamp(64px,10vw,148px);line-height:.82;letter-spacing:-.075em}
.case-hero h1 em{display:block;font:italic .46em/1 var(--serif);letter-spacing:-.03em;color:var(--acid)}
.case-summary{align-self:end;max-width:560px;color:#a5adb2;font-size:15px;line-height:1.85}
.case-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.case-actions a,.case-private{display:inline-flex;align-items:center;padding:9px 12px;border:1px solid #30373e;border-radius:999px;font:500 9px/1 var(--display);letter-spacing:.07em}
.case-actions a:hover{border-color:var(--acid);color:var(--acid)}
.case-private{color:#858d93}
.case-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;border:1px solid var(--line);border-top:0;background:var(--line);gap:1px}
.case-proof li{padding:22px 24px;background:var(--bg)}
.case-proof strong{display:block;font:500 clamp(24px,3vw,42px)/1 var(--display);letter-spacing:-.055em}
.case-proof span{display:block;margin-top:8px;color:#8e979d;font:500 8px/1.4 var(--display);letter-spacing:.1em;text-transform:uppercase}
.case-body{padding-top:74px}
.case-section{display:grid;grid-template-columns:minmax(130px,.32fr) minmax(0,1.68fr);gap:clamp(28px,6vw,86px);padding:34px 0;border-top:1px solid var(--line)}
.case-section:last-child{border-bottom:1px solid var(--line)}
.case-section h2{font:500 11px/1 var(--display);letter-spacing:.12em;color:var(--acid);text-transform:uppercase}
.case-section p{max-width:820px;color:#a6adb2;font-size:15px;line-height:1.9}
.case-stack{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.case-stack li{padding:7px 10px;border:1px solid #30373e;border-radius:999px;color:#b7bdc1;font:500 9px/1 var(--display);letter-spacing:.06em}
.case-next{display:flex;justify-content:space-between;gap:24px;padding-top:42px;font:500 9px/1.5 var(--display);letter-spacing:.08em;color:#9da4a9}
.case-next a:hover{color:var(--acid)}
@media(max-width:760px){.case-shell{width:calc(100% - 38px);padding-top:24px}.case-nav{grid-template-columns:1fr auto;gap:14px}.case-nav span{display:none}.case-hero{grid-template-columns:1fr;gap:38px;padding:72px 0 44px}.case-hero h1{font-size:clamp(58px,18vw,92px)}.case-summary{font-size:13px}.case-proof{grid-template-columns:1fr}.case-proof li{display:grid;grid-template-columns:84px 1fr;align-items:center;padding:14px 16px}.case-proof strong{font-size:20px}.case-proof span{margin:0;text-align:right}.case-body{padding-top:48px}.case-section{grid-template-columns:1fr;gap:12px;padding:26px 0}.case-section p{font-size:13px}.case-next{flex-direction:column}}
