.project-case{margin-top:72px;padding:clamp(26px,5vw,56px);background:#fff;border-top:4px solid var(--gold)}
.project-case-head{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end;padding-bottom:34px;border-bottom:1px solid var(--line)}
.project-case-head h3{font-family:var(--serif);font-size:clamp(25px,3vw,38px);line-height:1.45;margin:0}
.project-case-head>p{color:var(--muted);margin:0}
.case-number{font-size:12px;letter-spacing:.16em;font-weight:800;color:#986611;margin-bottom:10px}
.comparison-block{padding-top:44px}
.comparison-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.comparison-heading>span{color:var(--gold);font-size:12px;font-weight:800}
.comparison-heading h4{font-family:var(--serif);font-size:24px;margin:0}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.compare-card{margin:0;background:#f2f4f2;border:1px solid var(--line);overflow:hidden}
.case-photo{position:relative;display:block;width:100%;height:360px;padding:0;border:0;background:#162f36;cursor:zoom-in;overflow:hidden}
.case-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.case-photo:hover img,.case-photo:focus-visible img{transform:scale(1.02)}
.case-photo:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.zoom-cue{position:absolute;right:12px;bottom:12px;padding:6px 10px;background:rgba(7,20,24,.82);color:#fff;font-size:11px;font-weight:700}
.compare-card figcaption{display:grid;gap:3px;padding:17px 20px}
.compare-card figcaption b{font-family:var(--serif);font-size:18px}
.compare-card figcaption span{font-size:13px;color:var(--muted)}
.before-card figcaption b::before,.after-card figcaption b::before{display:inline-block;margin-right:8px;padding:2px 7px;font-family:var(--sans);font-size:10px;letter-spacing:.08em}
.before-card figcaption b::before{content:"BEFORE";background:#dfe5e2;color:#465653}
.after-card figcaption b::before{content:"AFTER";background:#f2dfba;color:#79500f}
.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#fff}
.photo-pair .case-photo{height:360px}
.case-summary{margin-top:42px;padding:26px 28px;background:var(--cream);border-left:3px solid var(--gold)}
.case-summary p{margin-bottom:8px;font-weight:600}
.case-summary small{display:block;color:var(--muted);line-height:1.7}
.case-lightbox{width:min(920px,calc(100% - 28px));max-height:92vh;padding:16px;border:0;background:#071418;color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.5)}
.case-lightbox::backdrop{background:rgba(2,9,11,.88)}
.case-lightbox img{display:block;max-width:100%;max-height:76vh;margin:auto;object-fit:contain}
.case-lightbox p{margin:12px 42px 0 4px;color:#d9e1df;font-size:13px}
.lightbox-close{position:absolute;right:12px;top:10px;width:40px;height:40px;border:1px solid rgba(255,255,255,.45);background:rgba(7,20,24,.78);color:#fff;font-size:28px;line-height:1;cursor:pointer;z-index:2}
@media(max-width:900px){.project-case-head{grid-template-columns:1fr;gap:18px}.case-photo,.photo-pair .case-photo{height:300px}}
@media(max-width:560px){.project-case{margin-top:52px;padding:26px 18px}.project-case-head{padding-bottom:26px}.comparison-block{padding-top:34px}.compare-grid{grid-template-columns:1fr}.case-photo{height:260px}.photo-pair .case-photo{height:240px}.photo-pair{grid-template-columns:1fr}.case-summary{margin-top:32px;padding:22px 20px}.case-lightbox{padding:10px}.case-lightbox p{margin-right:42px}}