.case-study-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.case-study-crop{aspect-ratio:1/1;overflow:hidden;background:#fafafa}.case-study-crop img{width:100%;height:100%;object-fit:cover;transform:scale(var(--crop-scale,1.4));transform-origin:var(--crop-origin,center)}.case-study-details figcaption{font-size:11px;gap:12px}.case-study-details figcaption span:first-child{max-width:70%}.case-study-palette{margin:0 0 70px}.case-study-swatches{display:grid;grid-template-columns:1.5fr 1fr 1fr;height:180px}.case-study-swatches>div{border:1px solid #00000004}.case-study-palette+.project-description{margin-top:90px}@media(max-width:600px){.case-study-details{grid-template-columns:1fr;gap:30px}.case-study-details figcaption{font-size:10px}.case-study-swatches{height:110px}.case-study-palette{margin-bottom:40px}.case-study-palette+.project-description{margin-top:60px}}
.case-story-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center;margin-top:20px}.case-story-copy>span{font-size:10px;letter-spacing:.08em;color:#777}.case-story-copy h2{font-size:clamp(30px,3.2vw,48px);margin:24px 0 30px;line-height:1.1}.case-story-copy p{font-size:15px;line-height:1.75;margin:0 0 20px}.case-story-grid figcaption{font-size:11px}@media(max-width:700px){.case-story-grid{grid-template-columns:1fr;gap:40px}.case-story-copy h2{font-size:32px;margin:18px 0 25px}.case-story-copy p{font-size:14px}.case-story-grid figcaption{font-size:10px}}