.project-story{background:var(--paper);color:var(--ink);scroll-margin-top:56px}
.project-intro{padding:70px 5vw 36px}
.project-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px}
.project-kicker{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);line-height:1.5}
.project-heading h2{font-size:var(--section-title-size);line-height:1.08;letter-spacing:-.035em;font-weight:350;margin:20px 0 0}
.project-heading h2 span{color:#93795a}
.project-heading>p{max-width:390px;font-size:var(--body-copy-size);line-height:1.55;color:var(--muted);padding-bottom:5px}
.project-scroll-track{--project-top:56px;--project-height:calc(100svh - var(--project-top))}
.project-pin{padding:22px 5vw 24px;background:var(--paper)}
.project-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:64px repeat(2,minmax(0,1fr));gap:6px 12px;height:calc(100svh - 148px);min-height:400px;position:relative;overflow:hidden}
.project-label{margin:0;background:#fff;display:flex;align-items:center;gap:18px;padding:0 20px;font-size:14px;letter-spacing:1px;line-height:1;text-transform:uppercase;font-weight:400;white-space:nowrap;min-width:0}
.project-label span{font-size:11px;letter-spacing:1px;color:#93795a}
.project-frame{min-width:0;min-height:0;background:#fff;overflow:hidden}
.project-frame img{width:100%;height:100%;object-fit:cover}
.project-drawing img{object-fit:contain;padding:16px}
[data-project-label=plan]{grid-area:1/1}
[data-project-label=render]{grid-area:1/2}
[data-project-label=photo]{grid-area:1/3}
[data-project-frame=plan]{grid-area:2/1}
[data-project-frame=plan-alt]{grid-area:3/1}
[data-project-frame=render]{grid-area:2/2}
[data-project-frame=render-alt]{grid-area:3/2}
[data-project-frame=photo]{grid-area:2/3}
[data-project-frame=photo-alt]{grid-area:3/3}
[data-project-frame=render-alt] img{object-position:50% 55%}
.project-source{display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:11px;line-height:1.6;margin-top:16px}
.project-scroll-track.is-pinned{height:calc(var(--project-height) + 680svh)}
.is-pinned>.project-pin{position:sticky;top:var(--project-top);height:var(--project-height)}
.is-pinned .project-stage{display:block;min-height:0}
.is-pinned .project-frame,.is-pinned .project-label{position:absolute;grid-area:auto}
.is-pinned .project-label{height:64px;top:0}
@media(max-width:999px){
 .project-heading{display:block}
 .project-heading>p{margin-top:25px}
 .project-stage{height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:none}
 .project-stage>*{grid-area:auto}
 .project-label{min-height:60px}
 .project-frame{height:50svh}
 .project-source{display:block}
}

/* Contact entry after the complete project story. */
.project-inquiry{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:60px 5%;background:#E4E1DB;color:#161819}.project-inquiry h2{font-size:clamp(30px,3vw,46px);margin:14px 0 18px;letter-spacing:-.025em}.project-inquiry p:not(.project-kicker){font-size:16px;line-height:1.6;max-width:500px}.project-inquiry-actions{display:flex;flex-direction:column;gap:18px;align-items:flex-start;flex-shrink:0}.project-inquiry-actions>a:not(.button){font-size:13px;text-decoration:underline;text-underline-offset:5px}.project-inquiry .button{font-size:16px;min-height:54px;padding:16px 24px;gap:28px}.project-inquiry .button img{width:22px;height:22px}@media(max-width:850px){.project-inquiry{flex-direction:column;align-items:flex-start;padding:40px 6%;gap:24px}.project-inquiry-actions{width:100%}.project-inquiry .button{width:100%}}