.project-page-hero{padding:70px 0 58px;background:#171c1f;color:#fff}
.breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:42px;color:#bfc6c8;font-size:14px;font-weight:600}
.breadcrumb a:hover{color:#fff}
.project-page-hero h1{max-width:980px;margin:0;font-size:clamp(44px,6vw,78px);line-height:1.02;letter-spacing:-.045em}
.project-page-content{padding:90px 0 105px}
.project-page-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);gap:80px;align-items:start}
.project-page-grid h2,.project-page-contact h2{margin:0 0 26px;font-size:clamp(30px,3.5vw,46px);line-height:1.08;letter-spacing:-.035em}
.project-copy{color:#4f595e;font-size:17px;line-height:1.8}
.project-feature{position:relative;width:100%;padding:0;border:0;background:#171c1f;color:#fff;cursor:pointer;text-align:left;overflow:hidden}
.project-feature img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s ease}
.project-feature:hover img{transform:scale(1.025)}
.project-feature>span:not(.gallery-data){position:absolute;left:20px;bottom:20px;background:#ad1f25;padding:12px 16px;font-size:14px;font-weight:800}
.project-feature-empty{min-height:300px;display:grid;place-items:center;border:1px dashed #aab0b2;background:#f4f2ed;color:#595959;font-size:14px;font-weight:600}
.project-page-contact{padding:78px 0;background:#f4f2ed;border-top:1px solid #dedbd4}
.project-page-contact h2{max-width:760px}.project-page-contact .button{margin-top:10px}
.project-not-found{min-height:60vh;padding-block:100px}.project-not-found h1{font-size:54px;margin:0 0 16px}.project-not-found .button{margin-top:18px}
@media(max-width:850px){.project-page-grid{grid-template-columns:1fr;gap:50px}.project-page-content{padding:65px 0 75px}}

/* Project-page typography and card spacing follow the main site system. */
.project-page-hero{padding:76px 0 64px}
.breadcrumb{font-size:14px;font-weight:600;line-height:1.5;margin-bottom:46px}
.project-page-hero h1{font-weight:720;line-height:1.03;letter-spacing:-.035em}
.project-page-content{padding:98px 0 112px}
.project-page-grid{gap:84px}
.project-page-grid h2,.project-page-contact h2{font-weight:720;line-height:1.1;letter-spacing:-.03em;margin-bottom:29px}
.project-copy{font-size:17px;line-height:1.82}
.project-feature{border:1px solid var(--line);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}
.project-feature>span:not(.gallery-data){left:22px;bottom:22px;border-radius:3px;padding:12px 17px;font-size:14px;font-weight:750}
.project-feature-empty{border:1px solid var(--line);border-radius:var(--card-radius);padding:28px;box-shadow:var(--card-shadow)}
.project-page-contact{padding:84px 0}
@media(max-width:850px){.project-page-content{padding:72px 0 82px}.project-page-grid{gap:54px}}