body{background:#f7f4ee}
.case-intro{padding:48px 0 55px;background:#f5f1ea}
.case-back{display:inline-flex;font-size:14px;color:#69615a;font-weight:700;margin-bottom:45px}
.case-back:hover{color:#111}
.case-eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#ad854c}
.case-headline{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-top:18px}
.case-headline h1{font-size:clamp(58px,7vw,115px);line-height:.9;letter-spacing:-.07em;font-weight:900;margin:0}
.case-headline h1 span{font-size:.58em;color:#67615b}
.case-headline p{margin:0 0 4px;max-width:350px;color:#68635e;line-height:1.6;font-size:17px}
.case-beforeafter{background:#f5f1ea;padding:0 0 80px}
.case-label-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:25px}
.case-label-row h2{font-size:clamp(30px,3.5vw,52px);letter-spacing:-.05em;margin:0}
.case-label-row span{font-size:11px;letter-spacing:.12em;font-weight:800;color:#aa8450}
.case-label-row p{max-width:470px;color:#69615a;line-height:1.6;margin:0}
.case-compare{display:grid;grid-template-columns:1fr 1fr;gap:5px;overflow:hidden;border-radius:22px}
.case-compare figure,.case-detail-grid figure{margin:0}
.case-image{position:relative;aspect-ratio:1.45;overflow:hidden;background:#dfd9cf}
.case-image img{width:100%;height:100%;display:block;object-fit:cover}
.case-label{position:absolute;top:21px;left:21px;padding:10px 17px;font-size:13px;font-weight:800;border-radius:25px}
.case-label.dark{background:#1d1d1d;color:#fff}
.case-label.gold{background:#e7bf78;color:#111}
.case-gallery{padding:85px 0 95px;background:#fff}
.case-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.case-detail-grid figure{overflow:hidden;border-radius:20px;background:#f3f0ea}
.case-detail-grid img{width:100%;height:410px;object-fit:cover;display:block}
.case-detail-grid figcaption{padding:21px 25px;font-size:17px;font-weight:800}
.case-last{background:#fff;padding:0 0 85px}
.case-contact{background:#191919;color:#fff;padding:55px 60px;border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:40px}
.case-contact h2{font-size:clamp(35px,4vw,56px);line-height:1;letter-spacing:-.05em;margin:12px 0}
.case-contact p{color:#cfc9c2;line-height:1.6;max-width:500px}
.case-contact a{white-space:nowrap;background:#fff;color:#151515;padding:17px 23px;border-radius:99px;font-weight:800}
@media(max-width:800px){.case-intro{padding:32px 0 40px}.case-back{margin-bottom:28px}.case-headline,.case-label-row,.case-contact{display:block}.case-headline h1{font-size:clamp(54px,11vw,80px)}.case-headline p{margin-top:25px}.case-compare,.case-detail-grid{grid-template-columns:1fr}.case-label-row span,.case-label-row p{display:block;margin-top:16px}.case-compare .case-image{aspect-ratio:1.55}.case-gallery{padding:60px 0}.case-detail-grid img{height:auto;aspect-ratio:1.42}.case-contact{padding:32px 28px}.case-contact a{display:inline-flex;margin-top:18px}.case-beforeafter{padding-bottom:60px}}

/* School 13 project page */
.case-description{max-width:900px;font-size:17px;color:#6a625a;line-height:1.65;margin-top:20px}
.case-description p{margin:0}
.school13-gallery .case-detail-grid img{height:390px}
.school13-gallery-note{font-size:13px;line-height:1.55;color:#80786f;margin-top:20px}
@media(max-width:800px){.school13-gallery .case-detail-grid img{height:auto;aspect-ratio:1.4}.case-description{font-size:15px}}

/* Project photo editorial treatment — preserve original framing and intrinsic aspect ratios. */
.case-compare{align-items:start;gap:14px;border-radius:0;overflow:visible}
.case-compare figure{border-radius:17px;overflow:hidden;background:#eae5dc}
.case-image{aspect-ratio:auto;overflow:hidden}
.case-image img{width:100%;height:auto;object-fit:contain;aspect-ratio:auto}
.case-label{top:14px;left:14px}
.case-detail-grid{align-items:start;gap:20px}
.case-detail-grid figure{border-radius:17px;overflow:hidden}
.case-detail-grid img,.school13-gallery .case-detail-grid img{width:100%;height:auto;object-fit:contain;aspect-ratio:auto}
.case-detail-grid figcaption{font-size:15px;font-weight:700;padding:17px 20px}
.school13-gallery .case-detail-grid figure:nth-child(3){grid-column:1;max-width:min(100%,470px);justify-self:center}
.school13-gallery .case-detail-grid figure:nth-child(4){grid-column:2;grid-row:2}
@media(max-width:800px){.case-compare{grid-template-columns:1fr;gap:16px}.case-compare .case-image{aspect-ratio:auto}.case-detail-grid,.school13-gallery .case-detail-grid{grid-template-columns:1fr;gap:22px}.case-detail-grid img,.school13-gallery .case-detail-grid img{height:auto;aspect-ratio:auto}.school13-gallery .case-detail-grid figure:nth-child(3),.school13-gallery .case-detail-grid figure:nth-child(4){grid-column:auto;grid-row:auto;max-width:none}}