.case-list{display:grid;gap:36px}
.case-study{display:grid;grid-template-columns:1.17fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:"image heading" "image body";background:#0b0b0d;border:1px solid #ffffff1c;overflow:hidden;scroll-margin-top:24px}
.case-heading{grid-area:heading;padding:34px 36px 0;min-width:0}
.case-kicker{display:flex;gap:16px;align-items:baseline;color:#b5b3b8;font:12px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.5px}
.case-kicker>span:first-child{color:var(--accent);font-size:16px}
.case-heading h3{font-size:clamp(28px,2.6vw,44px);font-weight:400;letter-spacing:-.045em;line-height:1.12;margin:20px 0 23px}
.case-figure{grid-area:image;margin:0;min-width:0;background:#171719;border-right:1px solid #ffffff14;position:relative}
.case-photo{position:relative;display:block;width:100%;height:100%;min-height:420px;border:0;padding:0;background:#171719;color:var(--white);overflow:hidden;text-align:left}
.case-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;transition:transform .6s ease}
.case-photo:hover img{transform:scale(1.025)}
.case-photo:focus-visible{outline-offset:-5px;z-index:1}
.case-zoom{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:18px;background:#101012df;border:1px solid #ffffff30;backdrop-filter:blur(12px);padding:11px 14px;font-size:14px;line-height:1.4;box-shadow:0 5px 20px #0003}
.case-zoom i{font-style:normal;color:var(--accent);font-size:20px}
.case-body{grid-area:body;padding:0 36px 34px;min-width:0}
.case-description{font-size:16px;line-height:1.75;color:#b9b7bd;margin:0 0 24px}
.case-spec{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:19px 0;border-block:1px solid var(--border)}
.case-spec>span{font:12px/1.6 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.3px}
.case-spec ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.case-spec li{padding:5px 9px;border:1px solid #ff692a38;color:#ffc1a6;background:#ff692a09;font:14px/1.4 var(--mono)}
.case-detail{padding-top:22px}
.case-detail h4{font-size:14px;font-weight:500;margin:0 0 9px;color:var(--white)}
.case-detail p{font-size:16px;line-height:1.7;color:var(--muted);margin:0}
@media(min-width:1200px){.case-study:nth-child(2){grid-template-columns:1fr 1.17fr;grid-template-areas:"heading image" "body image"}.case-study:nth-child(2) .case-figure{border-right:0;border-left:1px solid #ffffff14}}
@media(max-width:1100px){.case-study{grid-template-columns:1fr 1fr}.case-heading{padding:26px 25px 0}.case-body{padding:0 25px 26px}.case-heading h3{font-size:30px}.case-photo{min-height:500px}}
@media(max-width:850px){.case-study{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"heading" "image" "body"}.case-heading{padding:26px 28px 0}.case-heading h3{font-size:36px;max-width:620px;margin:16px 0 26px}.case-figure{border-right:0;border-block:1px solid #ffffff14}.case-photo{aspect-ratio:3/2;min-height:0;height:auto}.case-photo img{object-fit:cover}.case-body{padding:26px 28px 30px}.case-description{max-width:680px}.case-detail{padding-top:20px}.case-list{gap:32px}}
@media(max-width:600px){.case-heading{padding:23px 20px 0}.case-heading h3{font-size:29px;line-height:1.14;margin:15px 0 23px}.case-kicker{font-size:12px;gap:12px;letter-spacing:0}.case-kicker>span:first-child{font-size:14px}.case-body{padding:23px 20px 26px}.case-description,.case-detail p{font-size:16px;line-height:1.7}.case-description{margin-bottom:21px}.case-spec{gap:12px;padding:17px 0}.case-spec>span{flex-basis:100%}.case-zoom{right:12px;bottom:12px;padding:9px 11px;gap:12px}.case-list{gap:30px}}