.proj-hero{position:relative;min-height:520px;display:flex;align-items:flex-end;overflow:hidden}
.proj-hero::before{content:"";position:absolute;inset:0;z-index:0;background:var(--hero-img) center center/cover no-repeat;filter:brightness(.45)}
.proj-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(8,10,11,1) 0%,rgba(8,10,11,.55) 50%,rgba(8,10,11,.1) 100%)}
.proj-hero-inner{position:relative;z-index:2;width:100%;padding:64px 0 52px}
.proj-hero .eyebrow{margin-bottom:20px}
.proj-hero h1{font-size:clamp(28px,3.5vw,52px);line-height:1.02;max-width:760px}
.proj-hero-meta{display:flex;gap:32px;margin-top:28px;flex-wrap:wrap}
.phm-item label{font-size:10px;letter-spacing:2px;color:var(--muted-2);text-transform:uppercase;display:block;margin-bottom:5px}
.phm-item span{font-family:var(--display);font-size:15px;font-weight:700;color:var(--gold)}

.breadcrumb{padding:16px 0;border-bottom:1px solid var(--line)}
.breadcrumb a,.breadcrumb span{font-size:13px;color:var(--muted-2)}
.breadcrumb a:hover{color:var(--gold-1)}
.breadcrumb .sep{margin:0 8px;opacity:.4}

.proj-layout{display:grid;grid-template-columns:1fr 320px;gap:64px;padding:64px 0 80px;align-items:start}
.proj-sidebar{position:sticky;top:calc(var(--nav-h) + 24px)}

.proj-section{margin-bottom:48px}
.proj-section h2{font-size:clamp(18px,2vw,26px);margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.proj-section p{font-size:15px;color:#C0C6C6;line-height:1.8}

.proj-specs{background:var(--surface);border:1px solid var(--line);padding:28px;margin-bottom:24px}
.proj-specs h3{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;margin-bottom:20px}
.spec-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.spec-row:last-child{border-bottom:none}
.spec-row span:first-child{font-size:12px;color:var(--muted-2)}
.spec-row span:last-child{font-size:13px;color:#fff;font-weight:600;text-align:right;max-width:180px}

.proj-cta{background:var(--bg2);border:1px solid var(--line);padding:28px}
.proj-cta p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:20px}
.proj-cta .btn{width:100%;justify-content:center;margin-bottom:10px}

.proj-nav{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-bottom:80px}
.proj-nav-item{background:var(--bg2);padding:24px;text-decoration:none;transition:background .2s;display:flex;flex-direction:column;gap:6px}
.proj-nav-item:hover{background:var(--surface)}
.proj-nav-item .pni-label{font-size:11px;color:var(--muted-2);letter-spacing:1px;text-transform:uppercase}
.proj-nav-item .pni-title{font-size:15px;font-weight:700;color:#fff;transition:color .2s}
.proj-nav-item:hover .pni-title{color:var(--gold-1)}
.proj-nav-item.next{text-align:right}

@media(max-width:960px){.proj-layout{grid-template-columns:1fr;gap:40px}.proj-sidebar{position:static}}

.proj-plan{position:relative;border:1px solid var(--line);overflow:hidden;cursor:zoom-in;background:var(--surface)}
.proj-plan img{width:100%;display:block;transition:transform .3s}
.proj-plan.zoomed{cursor:zoom-out;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;border:none}
.proj-plan.zoomed img{max-width:95vw;max-height:95vh;object-fit:contain;width:auto}
.proj-plan-hint{position:absolute;bottom:12px;right:12px;font-size:11px;color:var(--muted-2);letter-spacing:.5px;pointer-events:none}
.proj-plan.zoomed .proj-plan-hint{display:none}