.case-layout { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--gap); margin:0 var(--margin) 96px; }
.case-sidebar {grid-column:1/4; align-self:start; position:sticky; top:32px;}
.back-work {font-size:14px; color:var(--muted); display:inline-block; margin-bottom:36px;}
.case-sidebar h1 {font-family:var(--font-display);font-weight:400; font-size:clamp(28px,3vw,46px); letter-spacing:-1.4px; line-height:1.08; margin:0 0 20px;}
.case-sidebar p {font-size:14px; line-height:1.7; color:var(--muted);margin:0;}
.case-sidebar .case-disciplines {margin-top:32px;}
.case-story {grid-column:4/13; min-width:0;}
.case-section {margin-bottom:72px;}
.case-copy {display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-bottom:24px;}
.case-copy h2 {font-family:var(--font-display);font-size:calc(14px + var(--subhead-step));font-weight:400;line-height:1.28;margin:0;}
.case-copy p {font-size:16px;line-height:1.65;margin:0;max-width:620px;}
.case-wide,.case-pair,.case-process {margin-top:16px;}
.case-story img {width:100%;height:auto;display:block;}
.case-pair {display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;}
.case-process {display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.case-process img {aspect-ratio:3/2;object-fit:cover;}
.case-back {display:inline-block;font-size:14px;padding:16px 0;border-top:1px solid #d7d8d0;width:100%;}
.project-title-link:hover,.back-work:hover,.case-back:hover {opacity:.6;}
@media(max-width:760px){.case-layout{display:block;margin-bottom:48px;}.case-sidebar{position:static;margin-bottom:40px;}.case-sidebar h1 br{display:none;}.case-sidebar h1 br::after{content:' ';}.case-sidebar h1{font-size:34px;}.case-disciplines{display:none;}.back-work{margin-bottom:24px;}.case-copy{grid-template-columns:1fr;gap:8px;}.case-section{margin-bottom:44px;}.case-process{grid-template-columns:1fr 1fr;}.case-pair{gap:10px;}}

.product-comparison { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:16px 0 32px; }
.product-comparison figure { margin:0; }
.product-comparison figcaption { margin:8px 0 0; font-size:14px; line-height:1.4; color:var(--ink); }
@media(max-width:600px){
  .product-comparison { grid-template-columns:1fr; gap:18px; margin:12px 0 24px; }
  .product-comparison figcaption { margin-top:6px; }
}