/* Project stories share one readable structure; each case keeps its own evidence. */
.case-intro{padding-bottom:30px}
.case-client{font-size:19px;font-weight:650;color:var(--ink);margin-bottom:12px}
.case-intro h1{max-width:900px}
.case-intro .lead{max-width:870px}
.case-meta{display:flex;flex-wrap:wrap;gap:18px 48px;margin:27px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.case-meta dt{font-size:12px;text-transform:uppercase;letter-spacing:.6px;font-weight:650;color:var(--muted)}
.case-meta dd{font-size:15px;margin:5px 0 0;color:var(--ink)}
.case-screen{margin:30px 0 38px;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--soft)}
.case-screen-hero{margin-top:10px;margin-bottom:0}
.screen-gallery-stage+[data-screen-open-all]{margin-top:24px}
.case-screen>a{display:block}
.case-screen img{width:100%;height:auto}
.case-screen-hero img{max-height:650px;object-fit:contain;background:#e8eef3}
.case-screen figcaption{padding:14px 18px;font-size:13px;line-height:1.65;background:var(--soft);color:var(--muted);border-top:1px solid var(--line)}
.case-screen figcaption strong{display:block;color:var(--ink);font-size:16px;margin-bottom:5px}
.case-screen figcaption a{display:inline-block;font-weight:600;margin-top:5px}
.case-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:60px;align-items:start;padding-top:52px;padding-bottom:30px}
.case-chapters{position:sticky;top:calc(var(--header-height) + 24px);font-size:14px}
.case-chapters h2{font-size:16px;margin-bottom:17px}
.case-chapters nav{display:grid;gap:11px}
.case-chapters nav a{color:var(--muted);text-decoration:none;line-height:1.5}
.case-chapters nav a:hover{color:var(--link);text-decoration:underline}
.case-back{display:block;margin-top:25px;font-weight:600}
.case-story{min-width:0;max-width:800px}
.case-section{padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid var(--line);scroll-margin-top:26px}
.case-section>.eyebrow{margin-bottom:10px}
.case-section h2,.case-action h2{font-size:28px;max-width:720px}
.case-section p:last-child{margin-bottom:0}
.case-action{padding:24px 0 32px;margin-bottom:34px;scroll-margin-top:26px}
.case-action>.eyebrow{margin-bottom:9px}
.case-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:5px}
.case-action table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.65;text-align:left}
.case-action th{background:var(--soft);color:var(--ink);font-size:12px;text-transform:uppercase;letter-spacing:.3px}
.case-action th,.case-action td{padding:15px;vertical-align:top;min-width:145px;border-bottom:1px solid var(--line)}
.case-action tr:last-child td{border-bottom:0}
.case-action td:first-child{font-weight:650;color:var(--ink)}
.case-benefits{list-style:none;padding:0;margin:26px 0 0}
.case-benefits li{border-left:3px solid #cbd9e6;padding-left:20px;margin:22px 0}
.case-benefits h3{font-size:19px;margin-bottom:8px}
.case-benefits p{font-size:16px}
.case-calculator{border:1px solid var(--line);border-radius:6px;background:var(--soft);padding:18px 20px;margin-top:28px;font-size:15px}
.case-calculator summary{cursor:pointer;font-weight:650;color:var(--ink);line-height:1.6}
.case-calculator[open] summary{margin-bottom:17px}
.time-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin:20px 0}
.time-inputs label{font-size:13px;font-weight:600;line-height:1.5}
.time-inputs input{display:block;width:100%;min-width:0;border:1px solid #9fadb9;background:#fff;color:var(--ink);border-radius:4px;padding:9px 11px;margin-top:7px;font-size:16px}
.case-calculator output{display:block;padding:14px;background:#fff;border-left:3px solid var(--link);font-weight:600;line-height:1.7;color:var(--ink)}
.case-calculator .time-assumption{font-size:12px;margin:13px 0 0;color:var(--muted)}
.case-further{border-bottom:0;margin-bottom:0;padding-bottom:0}
.case-further ul{list-style:none;padding-left:0}
.portfolio-cover{display:block;margin-bottom:23px;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--soft)}
.portfolio-cover img{width:100%;height:180px;object-fit:cover;object-position:top}
@media(max-width:1020px){.case-layout{grid-template-columns:190px minmax(0,1fr);gap:32px}.time-inputs{grid-template-columns:1fr}.portfolio-cover img{height:155px}}
@media(max-width:800px){.case-layout{grid-template-columns:1fr;gap:34px;padding-top:30px}.case-chapters{position:static;border-bottom:1px solid var(--line);padding-bottom:23px}.case-chapters nav{grid-template-columns:1fr 1fr;gap:10px 22px}.case-chapters h2{grid-column:1/-1;margin-bottom:7px}.case-back{margin-top:17px}.time-inputs{grid-template-columns:1fr 1fr 1fr}.portfolio-cover img{height:210px}}
@media(max-width:560px){.case-client{font-size:17px}.case-intro h1{font-size:31px}.case-meta{display:grid;gap:17px;margin-top:22px}.case-screen figcaption{padding:13px 15px;font-size:12px}.case-section{padding-bottom:25px;margin-bottom:27px}.case-section h2,.case-action h2{font-size:25px}.case-action{padding-top:8px}.case-action th,.case-action td{padding:12px;min-width:155px}.case-calculator{padding:16px}.time-inputs{grid-template-columns:1fr;gap:16px}.case-chapters nav{font-size:13px;gap:10px 15px}.portfolio-cover img{height:165px}}