.case-study{background:#eeefed;color:#191b1d}.case-study header{color:#f2f2ef}.case-layout{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;padding:60px 40px 0}.case-sidebar{position:sticky;top:110px;align-self:start;max-height:calc(100svh - 130px);overflow:auto}.case-sidebar>p,.case-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64646c}.case-sidebar>span{display:block;font-size:18px;line-height:1.4;margin:16px 0 30px}.case-sidebar nav{display:flex;flex-direction:column;align-items:stretch;gap:0}.case-sidebar nav a{font-size:12px;line-height:1.5;padding:10px 12px;border-left:1px solid #c7c7cb;color:#62626b}.case-sidebar nav a[aria-current]{border-color:#775ba5;color:#191b1d;background:#ddd7ea}.case-section{padding:65px 0;border-bottom:1px solid #c6c7c8;scroll-margin-top:110px}.case-section:first-child{padding-top:0}.case-section h1{font-size:clamp(46px,5.5vw,80px);line-height:1.02;letter-spacing:-.045em;margin:24px 0 32px;max-width:14ch}.case-section h2{font-size:clamp(30px,3.3vw,46px);line-height:1.14;letter-spacing:-.035em;font-weight:400;margin:20px 0 36px;max-width:28ch}.case-section h3{font-size:24px;font-weight:400;line-height:1.3;letter-spacing:-.02em;margin:38px 0 16px}.case-section p,.case-section li{font-size:18px;line-height:1.7;color:#51555d;max-width:68ch}.case-section ul{padding-left:22px}.case-section li{margin:12px 0}.case-note{border-left:2px solid #9a8bb8;padding:8px 0 8px 24px;font-size:18px;line-height:1.6;color:#63537c;margin:32px 0}.case-media{margin:38px 0 48px}.case-media img,.case-media video{display:block;width:100%;height:auto;border-radius:12px;background:#dedfe1}.case-media figcaption,.case-quote figcaption{font-size:13px;line-height:1.5;color:#64646c;margin-top:14px}.zoom-image{display:block;cursor:zoom-in}.case-metadata{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-top:1px solid #c6c7c8;padding-top:24px}.case-metadata strong{font-weight:400;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.case-metadata p{font-size:15px}.case-metrics,.case-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0}.case-metrics strong{display:block;font-size:clamp(24px,2.7vw,40px);font-weight:400;letter-spacing:-.04em;color:#775ba5}.case-metrics p{font-size:15px}.case-cards>div{border-top:1px solid #aaaab2}.case-cards h3{font-size:21px;margin-top:20px}.case-cards p{font-size:16px}.case-quote{background:#ddd7ea;border-radius:16px;padding:32px;margin:40px 0}.case-quote blockquote{font-size:28px;line-height:1.4;margin:0;letter-spacing:-.02em}.case-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-comparison img{aspect-ratio:4/3;object-fit:contain}.case-study footer{padding:70px 0 30px}.case-study .colophon{color:#51555d}.case-lightbox{border:1px solid #555;border-radius:16px;padding:60px 20px 20px;background:#161719;max-width:95vw;max-height:94svh}.case-lightbox::backdrop{background:#101112e8;backdrop-filter:blur(8px)}.case-lightbox img{display:block;max-width:88vw;max-height:78svh;object-fit:contain}.close-lightbox{position:absolute;right:20px;top:15px;background:#303137;color:#fff;border:1px solid #666;border-radius:12px;padding:9px 14px;cursor:pointer}
@media(max-width:1100px){.case-layout{grid-template-columns:180px minmax(0,1fr);gap:32px;padding:40px 24px 0}.case-metadata{grid-template-columns:repeat(2,minmax(0,1fr))}.case-metrics,.case-cards{gap:16px}}
@media(max-width:800px){.case-layout{display:block;padding:24px 20px 0}.case-sidebar{position:relative;top:auto;max-height:none;margin-bottom:36px}.case-sidebar>p,.case-sidebar>span{display:none}.case-sidebar nav{flex-direction:row;overflow-x:auto;padding-bottom:10px}.case-sidebar nav a{flex-shrink:0;max-width:190px;border-left:0;border-bottom:1px solid #c7c7cb}.case-section{padding:44px 0;scroll-margin-top:100px}.case-section p{font-size:17px}.case-cards{grid-template-columns:1fr}.case-metrics{grid-template-columns:1fr;gap:20px}.case-metrics>div{border-bottom:1px solid #d1d1d5;padding-bottom:12px}.case-metrics strong{font-size:36px}.case-comparison{grid-template-columns:1fr;gap:0}.case-quote{padding:24px}.case-quote blockquote{font-size:23px}}

/* Light editorial navigation and quieter reading scale. */
.case-study.original>header{background:rgba(242,243,241,.86);color:#26282d;border-color:rgba(35,38,45,.14);box-shadow:0 2px 16px #00000004}
.case-study header .wordmark span{color:#6a6c72}
.case-study header .contact{background:rgba(255,255,255,.45);border:1px solid #c9cacf;color:#303239}
.case-study header .contact:hover{background:#fff}
.case-sidebar>p{font-size:11px;letter-spacing:.12em;margin:0 0 12px}
.case-sidebar>span{font-size:15px;line-height:1.5;margin-bottom:24px;color:#44464c}
.case-sidebar nav{border-left:1px solid #d4d5d7;padding-left:14px;gap:3px}
.case-sidebar nav a{position:relative;border:0;padding:9px 0 9px 8px;color:#777980;font-size:12px;transition:color 180ms ease}
.case-sidebar nav a:hover{color:#24262b}
.case-sidebar nav a[aria-current]{background:none;color:#24262b}
.case-sidebar nav a[aria-current]::before{content:'';position:absolute;left:-16px;top:10px;bottom:10px;width:3px;border-radius:2px;background:#8b76a3}
.case-section p,.case-section li{font-size:17px;font-weight:400;line-height:1.75}
.case-section h2{font-size:clamp(29px,3vw,42px);font-weight:400}
.case-section h3{font-size:22px;font-weight:400}
.case-note{font-size:17px;font-weight:400}.case-note>.case-label{display:block;margin-bottom:10px}
.case-metadata p{font-size:15px;white-space:pre-line}
.case-metrics p,.case-cards p{font-size:15px}
@media(max-width:800px){.case-sidebar nav{border-left:0;border-bottom:1px solid #d4d5d7;padding-left:0}.case-sidebar nav a{padding:10px 12px}.case-sidebar nav a[aria-current]::before{left:12px;right:12px;top:auto;bottom:0;width:auto;height:2px}.case-section p,.case-section li,.case-note{font-size:16px}}

/* Shared source-driven case-study blocks. */
.case-table-scroll{overflow:auto;margin:32px 0;border:1px solid #c6c7c8;border-radius:12px}
.case-table-scroll table{border-collapse:collapse;width:100%;min-width:600px;font-size:14px;line-height:1.6;text-align:left}
.case-table-scroll th,.case-table-scroll td{padding:18px 20px;border-bottom:1px solid #d5d5d9;vertical-align:top;font-weight:400}
.case-table-scroll thead{background:#e2e2e6}.case-table-scroll thead th{font-size:11px;letter-spacing:.06em;text-transform:uppercase}.case-table-scroll .accent-row{background:#e5def0}
.case-personas,.case-phases{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:36px 0}.case-personas article{border-top:1px solid #c6c7c8;padding-top:24px}.case-personas dl>div{display:block;border-color:#d4d5d7;padding:16px 0}.case-personas dt{color:#777980;font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.case-personas dd{font-size:16px;color:#51555d;line-height:1.6}
.case-section h4{font-size:20px;font-weight:400;letter-spacing:-.015em;line-height:1.4;margin:12px 0}.case-constraints article{display:grid;grid-template-columns:40px 1fr;gap:20px;padding:22px 0;border-top:1px solid #c6c7c8}.case-constraints .case-label{padding-top:15px}.case-constraints p{margin-bottom:0}.case-capability{margin:40px 0 64px}.case-note em{color:inherit;font-style:italic}.case-note p{margin:0;color:inherit;font-size:inherit}
.comparison-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;border-bottom:1px solid #c6c7c8;padding-bottom:20px}.comparison-controls{display:flex;padding:4px;border:1px solid #c7c7cd;border-radius:12px;gap:4px}.comparison-controls button,.carousel-controls button{border:0;border-radius:8px;background:transparent;color:#64646c;padding:10px 15px;cursor:pointer;font-size:13px}.comparison-controls button[aria-pressed=true],.carousel-controls button[aria-pressed=true]{background:#ddd7ea;color:#30273c}.comparison-panel[hidden],.carousel-slide[hidden],[hidden].comparison-controls,[hidden].carousel-controls{display:none}.case-before-after{margin:40px 0 56px}.case-carousel{max-width:560px;margin:40px auto}.carousel-controls{display:flex;justify-content:center;gap:8px}.case-carousel .case-media{margin:0 0 16px}.carousel-controls button{border:1px solid #c7c7cd}
.materials-diagram{margin:32px auto;max-width:680px;padding:28px;border:1px solid #c6c7c8;border-radius:12px}.materials-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0 36px}.materials-row p{font-size:13px;text-align:center}.material-cells{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:auto;max-width:90px}.material-cells i{aspect-ratio:1;background:#dcdde0;border-radius:2px}.material-cells i.filled{background:#9a8bb8}.cancelled{text-decoration:line-through}.materials-diagram figcaption{font-size:13px;line-height:1.5;color:#64646c}
@media(max-width:800px){.case-personas,.case-phases{grid-template-columns:1fr}.comparison-heading{align-items:start;flex-direction:column}.materials-diagram{padding:20px}.materials-row{gap:12px}.case-table-scroll th,.case-table-scroll td{padding:14px}.case-section h4{font-size:19px}}

/* Keep source metrics visible together, with full-size image access. */
.case-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:40px 0}
.case-image-grid .case-media{margin:0}
.case-shiftforge #next .case-media{container-type:inline-size}
.case-shiftforge #next .case-media img{width:auto;max-width:100%;max-height:33.333cqw;margin-inline:auto;object-fit:contain}
@media(max-width:640px){.case-image-grid{grid-template-columns:1fr;gap:20px}.case-image-grid .case-media{max-width:400px;width:100%;margin-inline:auto}}