.case-page{--case-accent:#6fc8e5}.case-sage{--case-accent:#94b0ff}.case-oneli8{--case-accent:#c3ade7}.case-page .case-name,.case-page .story-layout aside span{color:var(--case-accent)}.case-page header{display:flex;justify-content:space-between;gap:24px}.case-page .settings{margin-left:0}.case-page header>.quiet-link{margin-left:auto}.case-page .case-hero{padding:50px 0 35px;max-width:none}.case-hero h1{font-size:clamp(44px,6vw,76px);line-height:1.02;max-width:850px;margin:18px 0 26px}.case-lead{max-width:690px;font-size:18px;line-height:1.8;color:var(--muted)}.case-name{margin-top:26px}.case-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid var(--line);margin:35px 0 0;padding-top:23px}.case-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.case-facts dd{margin:8px 0 0;font-size:13px}.case-cover{margin:0 0 70px;background:#091b31;padding:28px;border-radius:26px;overflow:hidden}.case-cover>img{width:100%;height:auto;max-height:580px;object-fit:contain;display:block}.case-cover figcaption{font-size:10px;color:#b1c2d4;padding-top:18px}.case-sage .case-cover{background:#f8f8f6}.case-sage .case-cover figcaption{color:#536070}.case-sage .case-cover>img{max-height:490px}.story-layout{grid-template-columns:200px minmax(0,1fr);gap:55px}.story-layout aside{top:30px;gap:0;border-left:1px solid var(--line);padding-left:17px}.story-layout aside a{display:flex;gap:13px;align-items:baseline;font-size:11px;padding:10px 0;color:var(--muted)}.story-layout aside a[aria-current]{color:var(--text)}.story-layout aside a[aria-current] span{text-shadow:0 0 12px var(--case-accent)}.story-chapter{padding:28px 0 46px}.story-chapter h2{font-size:36px;line-height:1.1;letter-spacing:-.045em}.story-chapter p{font-size:16px;line-height:1.9;max-width:740px;margin:20px 0}.story-chapter figure{margin:30px -12px;background:var(--surface);border-radius:16px;overflow:hidden;border:1px solid var(--line)}.story-chapter figure img{width:100%;height:auto;display:block}.story-chapter figure a{display:block}.story-chapter figcaption{padding:15px 18px;font-size:11px;line-height:1.7;color:var(--muted)}.story-chapter figcaption span{display:block;font-size:9px;margin-top:6px;color:var(--case-accent)}.decision{border-left:2px solid var(--case-accent);padding:20px 23px;background:var(--surface);border-radius:0 15px 15px 0;margin:28px 0}.decision h3{font-size:21px;line-height:1.2;letter-spacing:-.03em}.decision p{font-size:15px;margin-bottom:0}.iteration-table{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.iteration-table>div{border:1px solid var(--line);padding:22px;border-radius:14px}.iteration-table strong{font-size:14px;color:var(--case-accent)}.iteration-table p{font-size:13px;margin:12px 0 0}.source-note{font-size:11px;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);padding-top:24px}.reading-progress{position:fixed;top:0;left:0;height:2px;background:var(--case-accent);width:var(--read,0%);z-index:50;box-shadow:0 0 9px var(--case-accent)}.system-flow{display:grid;gap:12px;text-align:center;margin:30px 0;padding:30px;background:var(--surface);border-radius:20px}.system-flow span{font-size:16px}.system-flow b{font-weight:400;color:var(--case-accent)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0c1210;border:1px solid var(--line);border-radius:15px;padding:25px;font-size:13px;line-height:1.9;color:#8de0bd}.oneli8-cover{padding:60px;border-radius:28px;background:#e7e5ef;color:#33283e;text-align:center;margin-bottom:65px}.oneli8-cover>span{letter-spacing:.2em;font-size:11px}.oneli8-cover strong{display:block;font-size:90px;letter-spacing:-.065em;line-height:1.3}.oneli8-cover>div{display:flex;justify-content:center;gap:20px;margin:20px}.oneli8-cover>div span{display:grid;place-items:center;font-size:28px;width:65px;height:60px;background:#efedf3;border-radius:18px;box-shadow:7px 7px 18px #9386a744,-5px -5px 18px #fff}.oneli8-cover p{font-size:12px;margin-top:30px}.case-actions{display:flex;gap:25px;align-items:center}.case-actions .text-button{padding-top:0}[data-scheme=light] .case-varah{--case-accent:#077991}[data-scheme=light] .case-sage{--case-accent:#3157e0}[data-scheme=light] .case-oneli8{--case-accent:#71529a}
@media(max-width:700px){.case-hero h1{font-size:44px}.case-lead{font-size:16px}.case-facts{grid-template-columns:1fr 1fr;gap:20px}.case-cover{padding:12px;margin-bottom:30px}.story-layout{grid-template-columns:1fr;gap:20px}.story-layout aside{position:static;display:flex;gap:8px;overflow-x:auto;padding:8px 0 15px;border-left:0;scrollbar-width:thin}.story-layout aside a{flex:0 0 auto;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font-size:10px}.story-layout aside a span{display:none}.story-chapter h2{font-size:30px}.story-chapter p{font-size:15px}.story-chapter figure{margin:25px 0}.iteration-table{grid-template-columns:1fr}.oneli8-cover{padding:35px 15px}.oneli8-cover strong{font-size:64px}.oneli8-cover>div{gap:12px}.oneli8-cover>div span{width:45px;height:45px}.case-page header{padding:22px 18px}.case-facts dd{font-size:12px}}
/* Case hero: the prototype is the page's call to action, so it leads with the same button the site uses for Let's talk. */
.case-hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0 0}
.case-hero-actions .cta-note{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.case-summary .case-actions{margin-top:18px}
@media(max-width:700px){.case-hero-actions{margin-top:18px}}