.project-page { background: var(--white); }
.project-header { background: rgba(255,255,255,.92); color: var(--ink); backdrop-filter: blur(14px); }
.pj-hero { position: relative; height: min(88vh, 920px); min-height: 620px; overflow: hidden; color: #fff; }
.pj-hero>img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pj-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(20,17,13,.08),rgba(20,17,13,.62)); }
.pj-hero-copy { position: absolute; inset-inline: 0; bottom: clamp(48px,8vw,110px); }
.pj-hero-copy p { margin: 22px 0 10px; font-size: .8rem; letter-spacing: .22em; }
.pj-hero-copy h1 { font-size: clamp(3.4rem,8vw,8.5rem); font-weight: 200; line-height: .82; letter-spacing: -.045em; }
.pj-place { display: block; margin-top: 26px; font-size: 1.1rem; }
.pj-status { display: inline-flex; align-items: center; gap: 10px; padding: 9px 16px; border: 1px solid rgba(255,255,255,.55); background: rgba(27,24,19,.22); backdrop-filter: blur(8px); font-size: .76rem; letter-spacing: .12em; }
.pj-status i { width: 7px; height: 7px; border-radius: 50%; background: #dfb86d; box-shadow: 0 0 0 5px rgba(223,184,109,.15); }
.pj-intro { display: grid; grid-template-columns: minmax(180px,1fr) 2.5fr; gap: clamp(50px,10vw,160px); padding-block: clamp(90px,12vw,170px); }
.pj-meta { display: grid; grid-template-columns: auto 1fr; align-content: start; gap: 16px 28px; border-top: 1px solid var(--line); padding-top: 22px; }
.pj-meta span { color: var(--text-2); font-size: .78rem; letter-spacing: .12em; }
.pj-meta strong { font-weight: 400; }
.pj-story { max-width: 820px; }
.pj-story p { font-size: clamp(1.2rem,2vw,1.65rem); line-height: 1.8; font-weight: 300; margin-top: 32px; }
.pj-concept { background: #f5f1e9; padding-block: clamp(80px,10vw,145px); }
.pj-concept-head { display:flex; justify-content:space-between; align-items:end; margin-bottom:48px; }
.pj-concept h2,.pj-gallery h2 { font-size:clamp(2.5rem,6vw,6rem); font-weight:200; line-height:.95; }
.pj-compare { display:grid; grid-template-columns:1fr 1fr; }
.pj-compare img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.pj-gallery { padding-block:clamp(90px,12vw,170px); }
.pj-gallery-head { display:flex; justify-content:space-between; align-items:end; margin-bottom:clamp(40px,6vw,80px); }
.pj-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(12px,2vw,30px); }
.pj-grid figure { margin:0; overflow:hidden; aspect-ratio:4/3; background:var(--paper); }
.pj-grid figure.wide { grid-column:1/-1; aspect-ratio:16/9; }
.pj-grid img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 1s var(--ease); }
.pj-grid figure:hover img { transform:scale(1.025); }
.pj-back { min-height:280px; display:flex; align-items:center; justify-content:center; gap:30px; border-top:1px solid var(--line); font-size:clamp(1.7rem,4vw,4rem); font-weight:200; }
.pj-back b { font-weight:200; transition:transform .4s var(--ease); }.pj-back:hover b{transform:translateX(-10px)}
@media(max-width:760px){.pj-hero{min-height:560px;height:78vh}.pj-hero-copy h1{font-size:3.7rem}.pj-intro{grid-template-columns:1fr}.pj-concept-head,.pj-gallery-head{display:block}.pj-concept-head h2,.pj-gallery-head h2{margin-top:24px}.pj-compare,.pj-grid{grid-template-columns:1fr}.pj-grid figure.wide{grid-column:auto;aspect-ratio:4/3}.pj-compare img{aspect-ratio:4/3}.pj-hero-shade{background:linear-gradient(0deg,rgba(20,17,13,.7),transparent 72%)}}