:root{--bg:#fbfbf8;--text:#1d2329;--muted:#5d6470;--subtle:#7b838d;--line:#ddd8ce;--line-strong:#bcb5aa;--panel:#fffdf8;--panel-strong:#ffffff;--shade:#f1eee7;--accent:#111827;--green:#136a40;--accent-soft:#f0eee9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.55;text-rendering:optimizeLegibility}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:#000000}.site-shell{width:min(1160px,calc(100% - 48px));margin:0 auto;padding:26px 0 56px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 22px;border-bottom:1px solid var(--line)}.wordmark{font-size:15px;font-weight:700;letter-spacing:0;text-decoration:none}.case-actions,.footer-links,.nav-links,.project-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.footer-links a,.nav-links a{color:var(--muted);font-size:14px;-webkit-text-decoration-color:color-mix(in srgb,var(--muted) 40%,transparent);text-decoration-color:color-mix(in srgb,var(--muted) 40%,transparent)}.intro{max-width:920px;padding:86px 0 72px}.eyebrow,.project-kicker,.site-footer p{margin:0;color:var(--subtle);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.case-hero h1,.intro h1{margin:8px 0 12px;font-size:clamp(56px,9vw,108px);line-height:.95;letter-spacing:0}.case-hero p,.lede{max-width:680px;margin:0;color:var(--muted);font-size:clamp(20px,2.4vw,28px);line-height:1.35}.project-section{border-top:1px solid var(--line-strong);padding-top:30px}.section-heading{display:grid;grid-template-columns:190px 1fr;grid-gap:28px;gap:28px;align-items:start;padding-bottom:18px}.section-heading h2{margin:0;font-size:clamp(30px,5vw,54px);line-height:1;letter-spacing:0}.project-list{display:grid;grid-gap:14px;gap:14px;border-top:1px solid var(--line);padding-top:14px}.project-row{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-gap:24px;gap:24px;padding:26px;border:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--green) 7%,transparent),transparent 32%),var(--panel);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.project-row:hover{border-color:color-mix(in srgb,var(--green) 45%,var(--line));box-shadow:0 16px 44px rgb(17 24 39/.07);transform:translateY(-1px)}.project-number{color:var(--green);font-size:13px;font-weight:800;letter-spacing:.08em;line-height:1.2}.project-main{max-width:760px}.project-kicker{display:flex;gap:12px;flex-wrap:wrap;color:var(--subtle)}.project-row h3{margin:8px 0;font-size:clamp(30px,4vw,42px);line-height:1.05;letter-spacing:0}.project-row p{margin:0;max-width:640px;color:var(--muted)}.project-actions{align-content:center;justify-content:flex-end;min-width:250px}.case-actions a,.project-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border:1px solid var(--line-strong);background:var(--panel-strong);color:var(--text);font-size:14px;font-weight:650;text-decoration:none}.case-actions a:hover,.project-actions a:hover{border-color:var(--green);background:var(--green);color:#ffffff}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:70px;padding:24px;border:1px solid var(--line);background:var(--shade)}.case-page{max-width:1040px}.case-study{padding-top:42px}.back-link{color:var(--muted);font-size:14px}.case-hero{padding:42px 0 46px;border-bottom:1px solid var(--line-strong)}.case-title-row{--case-title-size:clamp(56px,9vw,108px);display:flex;align-items:center;gap:clamp(12px,2.6vw,28px);margin:8px 0 12px}.case-title-row h1{margin:0}.case-title-logo{display:block;width:auto;height:calc(var(--case-title-size) * .9);flex:0 0 auto;object-fit:contain;transform:translateY(.03em)}.tag-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.tag-list span{border:1px solid var(--line);background:var(--accent-soft);color:var(--muted);padding:6px 9px;font-size:13px}.case-actions{margin-top:26px}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:36px}.case-section{min-height:250px;padding:28px;border:1px solid var(--line);background:var(--panel)}.case-section h2{margin:0 0 14px;font-size:22px;letter-spacing:0}.case-section p,.case-section ul{margin:0;color:var(--muted)}.case-section ul{padding-left:20px}.case-section li+li{margin-top:10px}.detailed-case{display:grid;grid-gap:42px;gap:42px;margin-top:36px}.case-thesis{display:grid;grid-gap:12px;gap:12px;padding:30px;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--green) 10%,transparent),transparent 44%),var(--panel)}.case-thesis h2{max-width:900px;margin:0;font-size:clamp(28px,4vw,48px);line-height:1.08;letter-spacing:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.metric-grid-compact{grid-template-columns:1fr}.case-metric{min-height:172px;padding:22px;border:1px solid var(--line);background:var(--panel)}.case-metric strong{display:block;color:var(--green);font-size:clamp(34px,5vw,54px);line-height:.95;letter-spacing:0}.case-metric span{display:block;margin-top:10px;color:var(--text);font-size:15px;font-weight:750}.case-metric p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.45}.case-section-heading{display:grid;grid-template-columns:190px minmax(0,1fr);grid-gap:28px;gap:28px;align-items:start;padding-bottom:16px;border-bottom:1px solid var(--line-strong)}.case-section-heading h2{margin:0;max-width:760px;font-size:clamp(28px,4vw,46px);line-height:1.05;letter-spacing:0}.timeline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:16px}.timeline-item{min-height:230px;padding:22px;border:1px solid var(--line);background:var(--panel)}.timeline-item span{color:var(--green);font-size:13px;font-weight:800;letter-spacing:.08em}.proof-panel h3,.timeline-item h3{margin:10px 0;font-size:23px;line-height:1.1;letter-spacing:0}.case-bar p,.postmortem-panel li,.timeline-item p{color:var(--muted)}.timeline-item p{margin:0}.proof-columns{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-gap:12px;gap:12px;margin-top:16px}.proof-panel{padding:24px;border:1px solid var(--line);background:var(--panel)}.case-bars{display:grid;grid-gap:22px;gap:22px;margin-top:20px}.bar-topline{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.bar-topline span{color:var(--text);font-weight:750}.bar-topline strong{color:var(--green);font-size:20px;white-space:nowrap}.bar-track{height:14px;margin-top:10px;border:1px solid color-mix(in srgb,var(--green) 18%,var(--line));background:color-mix(in srgb,var(--green) 6%,var(--panel))}.bar-fill{height:100%;background:linear-gradient(90deg,var(--green),color-mix(in srgb,var(--green) 62%,#ffffff))}.case-bar p{margin:8px 0 0;font-size:14px}.postmortem-panel ul{margin:12px 0 0;padding-left:20px}.postmortem-panel li+li{margin-top:12px}@media (max-width:760px){.site-shell{width:min(100% - 28px,1120px);padding-top:20px}.site-footer,.topbar{align-items:flex-start;flex-direction:column}.intro{padding:64px 0 52px}.case-grid,.case-section-heading,.metric-grid,.project-row,.proof-columns,.section-heading,.timeline-grid{grid-template-columns:1fr}.project-row{gap:14px;padding:22px}.project-actions{justify-content:flex-start;min-width:0}.case-actions a,.project-actions a{width:100%}.case-section{min-height:auto;padding:22px}.case-title-row{--case-title-size:clamp(48px,14.4vw,64px);gap:10px}.case-title-logo{height:calc(var(--case-title-size) * .82)}.case-metric,.case-thesis,.proof-panel,.timeline-item{padding:20px}.case-metric,.timeline-item{min-height:auto}}