.project-detail{background:var(--paper)}.project-intro{padding-top:42px;padding-bottom:42px}.back-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;color:#716654;min-height:44px}.back-link .arrow{transform:rotate(180deg);width:20px}.title-row{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;padding-top:35px}.title-row h1{font-size:clamp(3.4rem,6.4vw,6.8rem);line-height:1.02;margin-bottom:0;letter-spacing:-.04em}.title-row .eyebrow{font-size:12px}.intro-copy{max-width:445px;padding-bottom:10px}.intro-copy p{font-size:17px;line-height:1.8;margin-bottom:24px}.hero-photo figure,figure{margin:0}.hero-figure img{width:100%;height:auto;max-height:740px;object-fit:cover;object-position:center 67%}.photo-open{display:block;cursor:zoom-in;overflow:hidden}.photo-open img{transition:filter .25s}.photo-open:hover img{filter:brightness(1.04)}figcaption{font-size:13px;color:#766c60;margin-top:12px;line-height:1.6}.treatment{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(40px,8vw,130px);padding-top:90px;padding-bottom:90px;align-items:start}.treatment h2,.detail-copy h2,.process-heading h2,.gallery-heading h2{font-size:clamp(2.5rem,4vw,4.2rem)}.treatment p:not(.eyebrow){max-width:620px}.project-specs{background:#efede7;padding:32px 36px;border-top:2px solid #a18865;margin-top:5px}.project-specs dl{margin:0}.project-specs dl>div{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;padding:19px 0;border-bottom:1px solid #dcd6ca}.project-specs dl>div:last-child{border:0;padding-bottom:0}.project-specs dt{font-size:14px;color:#786d60}.project-specs dd{font-size:15px;line-height:1.6;margin:0;color:#353830}.detail-feature-section{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(32px,6vw,90px);align-items:center;padding-bottom:95px}.wide-detail img{width:100%;height:auto}.detail-copy p:not(.eyebrow){max-width:490px}.process-band{background:#efede7;padding:75px 0}.process-heading{max-width:720px}.process-heading>p:last-child{max-width:540px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:44px}.process-grid article{border-top:1px solid #cfc6b7;padding-top:24px}.process-grid article>span{display:block;font-size:14px;color:#927b58;margin-bottom:23px}.process-grid h3{font-size:1.8rem;line-height:1.2}.process-grid p{font-size:16px;margin-bottom:0}.gallery-section{padding-top:88px;padding-bottom:90px}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.gallery-heading h2{margin:0}.gallery-heading>p{max-width:240px;font-size:14px;margin:0 0 5px}.portrait-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.portrait-gallery img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#efede7}.related-section{border-top:1px solid var(--line);padding:75px 0;background:#f1eee8}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.related-image{overflow:hidden;aspect-ratio:4/3}.related-image img{width:100%;height:100%;object-fit:cover;object-position:center 65%;transition:transform .4s}.related-card:hover img{transform:scale(1.025)}.related-caption{display:flex;gap:20px;justify-content:space-between;align-items:center;padding-top:23px}.related-caption .eyebrow{margin-bottom:10px;font-size:12px}.related-caption h3{font-size:2rem;margin-bottom:8px}.related-caption p:last-child{font-size:14px;margin:0}.overview-action{text-align:center;margin-top:42px}.custom-footer{padding:32px 0}.custom-footer>.shell{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.custom-footer .header-logo{width:170px}.custom-footer a:last-child{display:flex;gap:15px;align-items:center}.photo-dialog{max-width:96vw;width:1100px;max-height:96dvh;border:0;padding:50px 18px 14px;background:#faf9f6}.photo-dialog::backdrop{background:#171a17e8}.photo-dialog>img{width:100%;height:calc(90dvh - 115px);object-fit:contain}.photo-close{position:absolute;right:14px;top:7px;width:44px;height:40px;font-size:30px;border:0;background:transparent;color:#333}.photo-controls{display:flex;align-items:center;justify-content:center;gap:28px;padding-top:10px;font-size:14px}.photo-controls button{display:grid;place-items:center;width:48px;height:44px;background:transparent;border:1px solid #c9bcaa}.photo-controls button:first-child svg{transform:rotate(180deg)}
@media(max-width:900px){.title-row{gap:35px;grid-template-columns:1.2fr 1fr}.title-row h1{font-size:3.6rem}.treatment{gap:35px;grid-template-columns:1fr 1fr}.project-specs{padding:25px}.project-specs dl>div{grid-template-columns:1fr;gap:6px}.detail-feature-section{gap:32px;grid-template-columns:1fr 1fr}.process-grid{gap:24px}.portrait-gallery{gap:16px}}
@media(max-width:600px){.project-intro{padding-top:20px;padding-bottom:26px}.title-row{display:block;padding-top:22px}.title-row h1{font-size:clamp(2.8rem,11vw,3.6rem)}.intro-copy{padding:0;margin-top:24px;max-width:none}.intro-copy p{font-size:16px;margin-bottom:18px}.hero-figure img{max-height:none;object-fit:contain}.treatment{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px;gap:24px}.project-specs{margin:0;padding:24px}.project-specs dl>div{grid-template-columns:1fr 1.4fr;gap:12px;padding:16px 0}.treatment h2,.detail-copy h2,.process-heading h2,.gallery-heading h2{font-size:2.6rem}.detail-feature-section{display:flex;flex-direction:column;padding-bottom:48px;gap:28px}.detail-copy{width:100%}.process-band{padding:48px 0}.process-grid{grid-template-columns:1fr;gap:26px;margin-top:28px}.process-grid article>span{margin-bottom:12px}.process-grid h3{font-size:1.7rem}.gallery-section{padding-top:48px;padding-bottom:48px}.gallery-heading{display:block;margin-bottom:25px}.gallery-heading>p,.gallery-heading>.text-link{margin-top:20px;max-width:none}.portrait-gallery{grid-template-columns:1fr;gap:28px}.related-section{padding:48px 0}.related-grid{grid-template-columns:1fr;gap:32px}.related-caption{padding-top:18px}.related-caption h3{font-size:1.9rem}.overview-action{margin-top:32px}.overview-action .button{width:100%;gap:15px}.custom-footer>.shell{flex-wrap:wrap}.custom-footer>.shell>span{display:none}.custom-footer a:last-child{font-size:13px}.custom-footer .header-logo{width:135px}.photo-dialog{padding:48px 10px 12px;max-width:98vw}.photo-dialog>img{height:calc(85dvh - 105px)}}

/* Reference-proportioned concept 01 hero; supporting sections follow the homepage. */
.project-detail{--project-header-height:75px;--project-hero-height:clamp(480px,32.25vw,660px)}
.project-detail .nav-shell{height:var(--project-header-height)}
.project-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:var(--project-hero-height);padding:35px max(32px,4.9vw);overflow:hidden;background:var(--paper)}
.project-hero-copy{position:relative;z-index:2;width:43%;padding:0}
.project-hero .back-link{position:absolute;bottom:calc(100% + 5px);font-size:13px;color:#887d6f}
.project-hero-text{padding:0}
.project-hero h1{font-size:clamp(3.25rem,5.3vw,6rem);line-height:.98;margin-bottom:20px;font-weight:400;letter-spacing:-.045em}
.project-hero h1 em{color:var(--gold);font-weight:400}
.project-hero .eyebrow{font-size:12px;letter-spacing:.24em;margin-bottom:18px}
.project-hero .intro-copy{max-width:450px;padding:0}
.project-hero .intro-copy p{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.55;margin-bottom:20px;color:#48483f}
.project-hero .button{min-height:54px;padding:17px 26px;gap:36px}
.project-hero-visual{position:absolute;z-index:1;right:0;bottom:0;width:min(80%,calc(var(--project-hero-height)*1.9));height:100%;pointer-events:none}
.project-hero-visual .hero-figure,.project-hero-visual .photo-open{height:100%;margin:0;position:relative}
.project-hero-visual .photo-open{pointer-events:auto}
.project-hero-visual .hero-figure img{position:absolute;left:0;bottom:0;width:100%;height:auto;max-height:none;object-fit:contain;transition:none}
.project-hero-visual .photo-open:hover img{filter:none}
.project-hero-visual .photo-open::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--paper),rgba(252,251,248,.97) 6%,rgba(252,251,248,.8) 11%,rgba(252,251,248,.4) 17%,rgba(252,251,248,0) 23%)}
.project-hero-visual figcaption{display:none}
/* Reuse the homepage's typography, spacing, rules and flat surfaces. */
.treatment{padding-top:96px;padding-bottom:96px}
.treatment h2,.detail-copy h2,.process-heading h2,.gallery-heading h2{font-size:clamp(2.8rem,4vw,4.6rem);line-height:1.04;letter-spacing:-.035em}
.project-specs{background:transparent;border-top:1px solid var(--line);padding:24px 0 0}
.detail-feature-section{gap:72px;padding-bottom:96px}
.process-band{background:#eeece6;color:var(--ink);padding:90px 0}
.process-band em{color:#8b785b}.process-band .eyebrow{color:#957e5f}
.process-band p{color:var(--muted)}
.process-grid{gap:50px;margin-top:65px}
.process-grid article{border-color:#cfc6b7}
.process-grid article>span{font-family:var(--serif);font-size:2.3rem;color:#927b58;margin-bottom:25px}
.process-grid h3{font-size:1.9rem}
.gallery-section{padding-top:96px;padding-bottom:96px}
.portrait-gallery{gap:26px;align-items:start}
.portrait-gallery figure{margin:0}
.related-section{background:#efede7;border:0;padding:90px 0}
.related-caption{padding-top:23px}
@media(max-width:1100px) and (min-width:761px){.project-hero{padding-left:32px}.project-hero h1{font-size:clamp(3.4rem,6vw,5rem)}.project-hero .intro-copy p{font-size:16px}.project-hero-copy{width:45%}.detail-feature-section{gap:36px}}
@media(max-width:900px){.project-detail{--project-header-height:72px}}
@media(max-width:760px){
.project-hero{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;min-height:0;padding:22px 20px 0;gap:20px}
.project-hero-copy{width:100%;padding:0}
.project-hero .back-link{position:static;min-height:32px;margin-bottom:18px}
.project-hero h1{font-size:clamp(3.1rem,10.5vw,4.6rem);line-height:1;margin-bottom:20px}
.project-hero .eyebrow{font-size:12px;margin-bottom:16px}
.project-hero .intro-copy{margin:0;max-width:none}
.project-hero .intro-copy p{font-size:16px;margin-bottom:20px}
.project-hero .button{font-size:14px;min-height:50px;padding:13px 22px;gap:24px}
.project-hero-visual{position:relative;width:calc(100% + 40px);height:auto;margin:0 -20px;flex-shrink:0}
.project-hero-visual .photo-open{aspect-ratio:1.6;height:auto;overflow:hidden}
.project-hero-visual .hero-figure img{position:absolute;bottom:0;width:100%;height:auto}
.project-hero-visual .photo-open::after{background:linear-gradient(90deg,var(--paper),rgba(252,251,248,0) 12%),linear-gradient(180deg,var(--paper),rgba(252,251,248,0) 12%)}
.treatment{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px;gap:30px}
.treatment h2,.detail-copy h2,.process-heading h2,.gallery-heading h2{font-size:2.85rem}
.detail-feature-section{grid-template-columns:1fr;gap:32px;padding-bottom:60px}
.process-band{padding:55px 0}.process-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}.process-grid article>span{margin-bottom:14px}
.gallery-section{padding-top:60px;padding-bottom:60px}.portrait-gallery{grid-template-columns:1fr;gap:30px}.gallery-heading{display:block}.gallery-heading>p,.gallery-heading>.text-link{margin-top:20px}
.related-section{padding:55px 0}.related-grid{grid-template-columns:1fr;gap:35px}
}
@media(max-width:600px){.project-detail{--project-header-height:68px}}