.portfolio-page{background:var(--paper);min-height:100vh}.portfolio-header{position:absolute;inset:0 0 auto;z-index:30;background:linear-gradient(to bottom,rgba(4,9,7,.85),transparent)}.nav-active{color:var(--gold2)!important}.portfolio-hero{min-height:760px;position:relative;color:#fff;display:flex;align-items:flex-end;overflow:hidden}.portfolio-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,9,7,.93),rgba(4,9,7,.35)),linear-gradient(0deg,rgba(4,9,7,.9),transparent 55%);filter:saturate(.75)}.portfolio-hero-copy{position:relative;z-index:2;padding:190px 0 72px}.portfolio-hero h1{font-size:clamp(4rem,7vw,7rem);margin-bottom:25px}.portfolio-hero-copy>p:not(.kicker){max-width:680px;color:#c4cbc6;font-size:1.05rem}.portfolio-stat{display:flex;gap:0;margin-top:48px;border-top:1px solid rgba(255,255,255,.18);max-width:760px}.portfolio-stat div{min-width:180px;padding:22px 35px 0 0;margin-right:35px;border-right:1px solid rgba(255,255,255,.18)}.portfolio-stat strong{display:block;font:2rem var(--serif);color:var(--gold2)}.portfolio-stat span{font-size:.68rem;color:#aab3ac;text-transform:uppercase;letter-spacing:.1em}.portfolio-content{padding:120px 0;background:#f4efe5}.portfolio-toolbar{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:70px}.portfolio-toolbar h2{font-size:clamp(3.5rem,5vw,5.4rem);margin:0}.portfolio-toolbar h2 em{color:#647866}.portfolio-filters{display:flex;border:1px solid var(--darkline);padding:5px}.portfolio-filters button{border:0;background:transparent;padding:13px 20px;cursor:pointer;color:#5e685f;font-size:.76rem}.portfolio-filters button.active{background:var(--green);color:#fff}.portfolio-list{display:grid;gap:34px}.portfolio-project[hidden]{display:none!important}.portfolio-project{background:#fff;display:grid;grid-template-columns:.82fr 1.18fr;min-height:690px;box-shadow:0 25px 80px rgba(30,43,35,.08)}.project-copy{padding:48px;display:flex;flex-direction:column}.project-index{display:flex;justify-content:space-between;text-transform:uppercase;font-size:.62rem;letter-spacing:.15em;color:#7e877f;border-bottom:1px solid var(--darkline);padding-bottom:17px}.project-copy h2{font-size:clamp(2.7rem,3.5vw,4.2rem);margin:35px 0 13px}.project-copy h2 em{color:#58705f}.project-subtitle{font-family:var(--serif);font-size:1.2rem;color:#68716a}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 27px}.project-facts div{padding:12px 0;border-top:1px solid var(--darkline)}.project-facts small,.project-story small{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.58rem;color:#8b938c;margin-bottom:5px}.project-facts b{font:1rem var(--serif)}.project-story{display:grid;gap:14px}.project-story p{font-size:.82rem;color:#5d665f;margin:0}.project-details{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:25px}.project-details span{border:1px solid #cfd3cd;padding:7px 9px;font-size:.62rem;color:#587061}.project-visual{background:#0a120f;display:grid;grid-template-rows:1fr auto;min-width:0}.project-image{position:relative;border:0;padding:0;background:#101713;cursor:zoom-in;overflow:hidden;min-height:560px}.project-image img{position:absolute;inset:0;height:100%;object-fit:cover;animation:portfolioFade .45s ease}.zoom-hint{position:absolute;right:20px;top:20px;background:rgba(8,14,11,.72);color:#fff;padding:9px 12px;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;backdrop-filter:blur(10px)}.stage-badge{position:absolute;left:20px;bottom:20px;color:#fff;padding:9px 13px;font-size:.64rem;text-transform:uppercase;letter-spacing:.12em}.badge-before{background:#675d52}.badge-during{background:#9b7744}.badge-after{background:#173c2d}.stage-switch{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12)}.stage-switch button{border:0;border-right:1px solid rgba(255,255,255,.12);background:#0b1410;color:#9ca59f;text-align:left;padding:18px;cursor:pointer;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;transition:.2s}.stage-switch button span{display:block;font:1.15rem var(--serif);color:#7b6c55;margin-bottom:3px}.stage-switch button.active{background:#1c3429;color:#fff}.stage-switch button.active span{color:var(--gold2)}.portfolio-note{background:#e6dfd2;padding:68px 0}.note-grid{display:grid;grid-template-columns:.25fr 1fr;gap:45px}.note-grid>span{font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:#8b6e42}.note-grid h2{font-size:2rem;margin-bottom:12px}.note-grid p{max-width:850px;color:#5b645d;margin:0}.portfolio-cta{background:linear-gradient(135deg,#07100c,#173125);color:#fff;padding:110px 0;text-align:center}.portfolio-cta h2{font-size:clamp(3.5rem,5vw,5.7rem)}.portfolio-cta>div>div{display:flex;justify-content:center;gap:12px}.lightbox{position:fixed;inset:0;z-index:100;background:rgba(3,7,5,.94);display:grid;place-items:center;padding:50px;cursor:zoom-out}.lightbox[hidden]{display:none!important}.lightbox img{width:auto;max-width:100%;max-height:83vh;object-fit:contain}.lightbox>button{position:absolute;right:28px;top:20px;border:0;background:transparent;color:#fff;font-size:2.7rem;font-weight:200;cursor:pointer}.lightbox p{color:#fff;position:absolute;bottom:14px;font-size:.74rem;letter-spacing:.08em}.lightbox:focus{outline:none}@keyframes portfolioFade{from{opacity:.35;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}
@media(max-width:1050px){.portfolio-project{grid-template-columns:1fr;min-height:0}.project-visual{min-height:670px}.portfolio-toolbar{align-items:flex-start}.portfolio-hero{min-height:720px}}
@media(max-width:760px){.portfolio-hero{min-height:760px}.portfolio-hero-copy{padding:140px 0 45px}.portfolio-hero h1{font-size:3.5rem}.portfolio-stat{display:grid;grid-template-columns:repeat(3,1fr)}.portfolio-stat div{min-width:0;margin:0;padding:16px 8px;border-right:1px solid rgba(255,255,255,.18)}.portfolio-stat strong{font-size:1.45rem}.portfolio-stat span{font-size:.54rem}.portfolio-content{padding:75px 0}.portfolio-toolbar{display:block;margin-bottom:38px}.portfolio-toolbar h2{font-size:3rem}.portfolio-filters{margin-top:28px;overflow-x:auto}.portfolio-filters button{white-space:nowrap;padding:11px 15px}.project-copy{padding:27px}.project-copy h2{font-size:2.8rem;margin-top:25px}.project-facts{grid-template-columns:1fr 1fr}.project-visual{min-height:520px}.project-image{min-height:430px}.stage-switch button{padding:13px 8px;font-size:.56rem}.zoom-hint{display:none}.note-grid{grid-template-columns:1fr}.portfolio-cta>div>div{display:grid}.portfolio-cta{padding:75px 0}.lightbox{padding:14px}.lightbox p{padding:0 20px;text-align:center}}
.project-more{display:inline-block;margin-top:20px;color:#456a54;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}
@media(prefers-reduced-motion:reduce){.project-image img{animation:none}}