.case-page{background:var(--bg);color:var(--text)}.case-header{height:100px;max-width:1360px;padding:0 6%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.case-brand{font-size:20px;font-weight:600;letter-spacing:-.8px;display:flex;gap:12px;align-items:center}.case-brand span{font-size:29px;color:var(--accent)}.case-header nav{display:flex;gap:30px;align-items:center;font-size:13px}.case-theme{width:44px;height:44px;font-size:24px;color:var(--text);border:1px solid var(--line);border-radius:50%;background:var(--surface);cursor:pointer}.case-progress{position:fixed;left:0;top:0;height:3px;background:var(--accent);width:0;z-index:100}.case-hero{max-width:1360px;padding:55px 6% 65px;margin:auto}.case-back{font:10px var(--mono);letter-spacing:1px;color:var(--muted);display:inline-block;padding-block:12px;margin-bottom:55px}.case-back:hover{color:var(--accent)}.case-eyebrow{display:flex;justify-content:space-between;gap:20px;font:10px var(--mono);letter-spacing:.9px;color:var(--muted)}.case-project-name{color:var(--accent);font-size:19px;margin:36px 0 22px}.case-hero h1{font-size:clamp(44px,5.8vw,84px);letter-spacing:-.06em;font-weight:500;line-height:1.06;margin:0;max-width:1100px}.case-lede{max-width:680px;font-size:18px;line-height:1.85;color:var(--muted);margin-top:30px}.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.case-tags span{padding:9px 13px;border:1px solid var(--line);border-radius:3px;color:var(--muted);font:10px var(--mono)}.case-cover{max-width:1197px;margin:0 auto;background:var(--surface);padding:12px 12px 0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.case-cover img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:3px}.case-cover figcaption{display:flex;justify-content:space-between;gap:15px;padding:19px 10px;font:10px var(--mono);color:var(--muted)}.case-cover figcaption span:first-child{color:var(--text)}.case-body{max-width:1360px;margin:auto;padding:90px 6% 80px;display:grid;grid-template-columns:250px 1fr;gap:100px}.case-sidebar{align-self:start;position:sticky;top:35px}.case-label{font:10px var(--mono);letter-spacing:1px;color:var(--accent)}.case-sidebar dl{margin:25px 0 30px}.case-sidebar dl>div{padding:17px 0;border-bottom:1px solid var(--line)}.case-sidebar dt{font:10px var(--mono);color:var(--muted);margin-bottom:8px}.case-sidebar dd{margin:0;font-size:13px;line-height:1.7}.case-sidebar nav{display:flex;flex-direction:column;gap:5px;margin-bottom:24px}.case-sidebar nav a{padding:10px 0;font-size:12px;line-height:1.5;color:var(--muted)}.case-sidebar nav a:hover,.case-sidebar nav a.active{color:var(--text)}.case-sidebar nav span{font:10px var(--mono);color:var(--accent);margin-right:10px}.case-external{display:inline-flex;min-height:44px;align-items:center;font:10px var(--mono);color:var(--accent)}.case-story section{position:relative;margin:0 0 60px;padding-bottom:45px;border-bottom:1px solid var(--line);scroll-margin-top:45px}.case-section-index{font:10px var(--mono);color:var(--accent)}.case-story h2{font-size:31px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin:16px 0 20px}.case-story section p{font-size:16px;line-height:1.95;color:var(--muted);margin:0}.case-takeaway{padding:32px;background:var(--soft);border:1px solid var(--line);border-radius:4px}.case-takeaway>span{font:10px var(--mono);color:var(--accent)}.case-takeaway p{font-size:22px;line-height:1.6;letter-spacing:-.4px;margin:20px 0}.case-takeaway a{display:inline-block;padding:13px 0;font:10px var(--mono)}.case-next{position:relative;display:grid;grid-template-columns:1fr 60px 230px;gap:12px 45px;align-items:center;max-width:1197px;margin:0 auto 90px;padding:40px;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}.case-next>span:first-child{grid-column:1/3;font:10px var(--mono);color:var(--muted)}.case-next strong{font-size:38px;font-weight:500;letter-spacing:-1.5px;line-height:1.2}.case-next-arrow{font-size:42px;color:var(--accent);transition:transform .2s}.case-next img{grid-column:3;grid-row:1/3;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:4px}.case-next:hover .case-next-arrow{transform:translate(5px,-5px)}.case-next:hover{border-color:var(--accent)}.case-footer{max-width:1360px;padding:35px 6%;border-top:1px solid var(--line);margin:auto;display:flex;justify-content:space-between;gap:20px;font:10px var(--mono);color:var(--muted)}.case-page :focus-visible{outline:2px solid var(--accent);outline-offset:6px}
@media(max-width:1300px){.case-cover,.case-next{margin-inline:6%}.case-body{gap:65px;grid-template-columns:220px 1fr}}
@media(max-width:850px){.case-body{gap:35px;grid-template-columns:180px 1fr}.case-hero h1{font-size:60px}.case-next{gap:20px;grid-template-columns:1fr 40px 170px;padding:28px}.case-next strong{font-size:30px}.case-story h2{font-size:27px}}
@media(max-width:620px){.case-header{height:82px;padding-inline:6%}.case-brand{font-size:16px;gap:7px}.case-brand span{font-size:22px}.case-header nav{gap:17px;font-size:11px}.case-theme{width:36px;height:36px;font-size:21px}.case-hero{padding-top:24px;padding-bottom:35px}.case-back{margin-bottom:33px}.case-eyebrow{font-size:8px;line-height:1.6;gap:15px}.case-eyebrow span:last-child{white-space:nowrap}.case-project-name{font-size:17px;margin-top:28px}.case-hero h1{font-size:clamp(36px,9.5vw,58px);letter-spacing:-.055em;line-height:1.1}.case-lede{font-size:15px;line-height:1.85;margin-top:24px}.case-tags{gap:6px;margin-top:22px}.case-tags span{font-size:9px;padding:8px 10px}.case-cover{padding:6px 6px 0}.case-cover figcaption{font-size:8px;padding:14px 7px;line-height:1.6}.case-cover figcaption span:last-child{max-width:145px;text-align:right}.case-body{display:block;padding-top:40px;padding-bottom:40px}.case-sidebar{position:static;margin-bottom:42px}.case-sidebar dl{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;margin-top:12px}.case-sidebar dl>div:last-child{grid-column:1/-1}.case-sidebar nav{display:none}.case-sidebar dd{font-size:12px}.case-story section{margin-bottom:35px;padding-bottom:30px}.case-story h2{font-size:28px;margin-top:13px}.case-story section p{font-size:15px;line-height:1.9}.case-takeaway{padding:24px}.case-takeaway p{font-size:19px;line-height:1.65}.case-next{grid-template-columns:1fr 36px;padding:24px;margin-bottom:45px;gap:16px}.case-next>span:first-child{grid-column:1/3}.case-next img{grid-column:1/3;grid-row:3;width:100%;margin-top:8px}.case-next strong{font-size:29px}.case-next-arrow{font-size:35px}.case-footer{font-size:8px;gap:15px}.case-footer>span{display:none}}
@media(prefers-reduced-motion:reduce){.case-next-arrow{transition:none}}

/* results under the intro */
.case-proof{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0}
.case-proof li{border:1px solid var(--accent);color:var(--text);border-radius:30px;padding:7px 13px;font-size:12px;font-weight:500}