body[data-page=project]{background:var(--paper)}.project-intro{padding-top:140px}.project-kicker{display:flex;justify-content:space-between;gap:20px}.project-intro h1{font:450 clamp(70px,8.3vw,128px)/.98 'Josefin Sans',sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:50px 0 42px;max-width:1000px}.project-caption{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid var(--line);font-size:14px}.project-cover img{aspect-ratio:1.9;object-fit:cover;object-position:center}.project-cover figcaption,.project-stage figcaption{font-size:11px;line-height:1.5;margin-top:12px;color:var(--muted)}.project-overview{max-width:1120px;display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:110px;border-bottom:1px solid var(--line)}.project-overview p{font-size:18px;line-height:1.6}.project-process{padding-top:105px}.process-heading{display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:start;margin-bottom:55px}.stage-nav{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-block:1px solid var(--line);font-size:13px}.stage-nav a{display:flex;gap:12px;align-items:center}.stage-nav span{font-size:10px;color:var(--muted)}.stage-nav a:hover{text-decoration:underline;text-underline-offset:5px}.project-stage{padding:100px 0;border-bottom:1px solid var(--line);scroll-margin-top:105px}.stage-intro{display:grid;grid-template-columns:1fr 1.65fr;column-gap:100px;row-gap:32px;margin-bottom:55px}.stage-intro>.eyebrow{grid-column:1/-1}.stage-intro h2{font-size:44px}.stage-text p{font-size:17px;line-height:1.65;max-width:660px}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px}.portrait-pair img{aspect-ratio:4/4.5;object-fit:cover;object-position:center 45%}.drawing-figure img{width:100%;height:auto;max-height:750px;object-fit:contain;background:#fff}.wide-project-image img{width:100%;aspect-ratio:1.9;object-fit:cover}.development-pair{margin-top:50px}.development-pair img{aspect-ratio:1.3;object-fit:cover}.development-pair figure:first-child img{object-fit:contain;background:white}.site-update{margin-top:30px!important;padding-top:25px;border-top:1px solid var(--line)}.site-update .eyebrow{margin-bottom:14px}.back-home{margin-top:65px}.final-stage{border:0;padding-bottom:110px}.project-process~.footer{margin-top:0}
@media(max-width:900px){.project-overview,.stage-intro{gap:45px}.process-heading{gap:30px}.stage-nav{font-size:11px;gap:15px}.stage-nav a{gap:7px}}
@media(max-width:700px){.project-intro{padding-top:115px}.project-kicker{display:block}.project-kicker>.eyebrow+span{margin-top:12px}.project-intro h1{font-size:62px;margin:35px 0 32px}.project-caption{font-size:12px;align-items:start;line-height:1.4}.project-caption span:first-child{max-width:165px}.project-cover{width:100%}.project-cover img{aspect-ratio:1.15;object-position:55% center}.project-cover figcaption{margin:11px 24px 0;font-size:10px}.project-overview{grid-template-columns:1fr;gap:30px;padding-block:65px}.project-overview h2{font-size:37px}.project-overview p{font-size:16px}.project-process{padding-top:65px}.process-heading{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.process-heading h2{font-size:35px}.stage-nav{display:grid;grid-template-columns:1fr 1fr;gap:17px 24px;font-size:12px;padding-block:23px}.stage-nav a{gap:10px}.project-stage{padding:60px 0;scroll-margin-top:88px}.stage-intro{grid-template-columns:1fr;gap:26px;margin-bottom:35px}.stage-intro h2{font-size:36px}.stage-text p{font-size:16px;line-height:1.6}.project-pair{gap:30px;grid-template-columns:1fr}.portrait-pair img{aspect-ratio:4/4.6;object-position:center}.project-stage figcaption{font-size:10px}.wide-project-image img{aspect-ratio:1.2}.development-pair{margin-top:35px}.development-pair img{aspect-ratio:1.25}.back-home{margin-top:45px}.final-stage{padding-bottom:75px}.project-caption span:last-child{white-space:nowrap}}
@media(max-width:360px){.project-intro h1{font-size:54px}.project-caption{font-size:11px}}
.project-stage{scroll-margin-top:0}.drawing-link{display:block}.project-stage figcaption a{text-decoration:underline;text-underline-offset:3px;margin-left:14px}
/* Independent sticky five-stage progress rail. */
.project-document{scroll-padding-top:190px}.stage-nav{position:sticky;top:76px;z-index:18;background:var(--paper);display:grid;grid-template-columns:repeat(5,1fr);gap:16px;min-height:88px;align-items:center;padding:18px 0 20px;border-bottom:0;box-shadow:0 1px 0 #2a2b2715}.stage-nav a{min-height:44px;position:relative;display:flex;align-items:center;gap:12px;color:#959b90;text-decoration:none;transition:color .18s}.stage-nav a[aria-current=step]{color:var(--ink)}.stage-nav a[aria-current=step] .stage-number{color:var(--ink)}.stage-nav a:hover{color:var(--ink);text-decoration:none}.stage-nav .stage-number{font-size:11px;color:#9b9f96}.stage-nav .stage-label{font-size:13px;color:inherit}.stage-nav .stage-short{display:none}.stage-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#d4d7d0;overflow:hidden}.stage-progress i{height:100%;width:100%;display:block;background:#2a2b27;transform-origin:left;transform:scaleX(var(--stage-progress,0));will-change:transform}.project-stage{scroll-margin-top:0}
@media(max-width:900px){.stage-nav{gap:10px}.stage-nav a{gap:8px}.stage-nav .stage-label{font-size:11px}}
@media(max-width:700px){.project-document{scroll-padding-top:160px}.stage-nav{top:68px;min-height:76px;padding:11px 0 13px;gap:5px;grid-template-columns:repeat(5,minmax(0,1fr))}.stage-nav a{display:flex;flex-direction:column;justify-content:center;gap:7px;text-align:center;min-height:48px;line-height:1.2}.stage-nav .stage-number{font-size:10px}.stage-nav .stage-label{display:none}.stage-nav .stage-short{display:block;color:inherit;font-size:10px}.stage-nav .stage-short[aria-hidden=true]{display:block}}
@media(prefers-reduced-motion:reduce){.stage-nav a{transition:none}}
/* Complete original project story, reflowed into the new design. */
.original-stage-title{margin-bottom:60px}.original-stage-title h2{font-size:clamp(40px,4vw,58px)}.journal-entry{margin:0 0 70px}.journal-copy{max-width:760px;margin:55px 0 55px auto}.journal-copy p{font-size:18px;line-height:1.7;margin:0 0 25px}.journal-figure{margin:55px 0}.journal-figure img{width:100%;height:auto;object-fit:contain}.journal-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px}.journal-pair img{aspect-ratio:2/3;object-fit:cover}.journal-figure figcaption{font-size:11px!important;margin-top:14px;color:var(--muted);line-height:1.5}.journal-end{margin-top:55px}.journal-end>a{display:inline-flex;gap:12px}.journal-subheading{font:450 45px/1.1 'Josefin Sans',sans-serif;text-transform:uppercase;padding-top:25px;letter-spacing:-.025em}.concept-animation-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.concept-animation-pair .journal-figure{margin-top:15px}.concept-animation-pair picture{display:block;background:white}.concept-animation-pair picture img{aspect-ratio:4/3}.journal-diagram-crop{display:grid;grid-template-columns:1fr;gap:25px}.diagram-frame{position:relative;background:#fff}.diagram-frame span{display:block;font-size:11px;padding:10px 12px;border-top:1px solid var(--line)}.journal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.journal-card svg{width:100%;height:auto;display:block}.journal-card p{font-size:13px;line-height:1.5;margin-top:18px}.journal-card p strong{display:inline-block;font-weight:500;margin-bottom:6px}.journal-card p em{font-style:normal}.carousel-slide{margin-bottom:55px}.section-reveal{display:grid;grid-template-columns:1fr;gap:30px;background:white;padding:25px}.section-option svg{display:block;width:100%;height:auto}.section-option p{font-size:12px;margin-top:12px}.journal-floorplans img{max-height:800px}.journal-figure:has([src*="materials-palette-original-frame"]) {max-width:550px;margin-inline:auto}.journal-invitation{border-top:1px solid var(--line);padding-top:60px}.journal-invitation h3{font:450 48px/1.05 'Josefin Sans',sans-serif;text-transform:uppercase}.journal-invitation .journal-copy{margin-left:0}.project-stage>p{font-size:17px}.stage-nav .stage-label{font-size:12px}.stage-nav a{gap:8px}
@media(max-width:900px){.stage-nav .stage-label{font-size:10px}.stage-nav a{gap:6px}.journal-copy p{font-size:17px}.concept-animation-pair{gap:25px}}
@media(max-width:700px){.original-stage-title{margin-bottom:35px}.original-stage-title h2{font-size:36px}.journal-entry{margin-bottom:45px}.journal-copy{margin:35px 0}.journal-copy p{font-size:16px;line-height:1.65;margin-bottom:22px}.journal-figure{margin:35px 0}.journal-pair{gap:20px}.journal-figure figcaption{font-size:10px!important}.concept-animation-pair{grid-template-columns:1fr;gap:0}.journal-diagram-crop{grid-template-columns:1fr;gap:20px}.journal-cards{gap:11px}.journal-card p{font-size:11px}.journal-card p strong{font-size:12px}.journal-subheading{font-size:33px}.section-reveal{padding:12px;gap:25px}.journal-invitation h3{font-size:36px}.journal-invitation{padding-top:40px}.journal-end{margin-top:35px}.carousel-slide{margin-bottom:35px}}
@media(max-width:700px){.journal-cards{grid-template-columns:1fr;gap:24px}.journal-card{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;align-items:center}.journal-card p{font-size:13px;margin:0}.journal-card p strong{font-size:15px;margin-bottom:8px}}
/* Simpler project opening and restored original media controls. */
.project-intro h1{font-size:clamp(62px,7.2vw,110px)}.project-process{padding-top:36px}.stage-nav{border-top:1px solid var(--line)}.interactive-carousel .carousel-slide[hidden],.concept-model .diagram-frame[hidden]{display:none}.interactive-carousel .carousel-slide{margin-bottom:0}.carousel-controls,.diagram-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:15px 0;font-size:12px}.carousel-controls button,.diagram-controls button{font:inherit;cursor:pointer}.carousel-controls button:hover,.diagram-controls button:hover{text-decoration:underline;text-underline-offset:4px}.carousel-count,.diagram-count{color:var(--muted)}.interactive-comparison{display:block;position:relative;padding:0;background:white;overflow:hidden;touch-action:pan-y}.interactive-comparison>svg{display:block;width:100%;height:auto}.interactive-comparison .section-reveal-a{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.section-reveal-label{position:absolute;top:16px;font-size:12px;background:var(--paper);padding:6px 10px;z-index:2}.section-reveal-label-a{left:16px}.section-reveal-label-b{right:16px}.comparison-handle{position:absolute;left:var(--reveal);top:0;bottom:0;width:1px;background:#282b26;pointer-events:none;z-index:2}.comparison-handle>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--paper);border:1px solid var(--ink);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:18px}.comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3;touch-action:pan-y}.interactive-comparison:focus-within{outline:2px solid var(--ink);outline-offset:4px}.concept-model .journal-diagram-crop{display:block}.concept-model .diagram-frame{aspect-ratio:1500/1140}.concept-model .diagram-frame img{height:auto}.stage-bottom-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:45px;padding-top:22px;font-size:12px}.stage-bottom-nav [aria-disabled]{color:var(--muted)}
@media(max-width:700px){.project-intro h1{font-size:54px}.project-process{padding-top:26px}.carousel-controls,.diagram-controls,.stage-bottom-nav{font-size:11px;gap:12px}.section-reveal-label{top:8px;font-size:10px;padding:4px 7px}.section-reveal-label-a{left:8px}.section-reveal-label-b{right:8px}.comparison-handle>span{width:28px;height:28px;font-size:15px}}
.watercolour-frame{height:auto;aspect-ratio:1.7;display:flex;align-items:center;justify-content:center;background:#f7f4ee;overflow:hidden}.watercolour-frame svg{display:block;height:100%;width:auto;max-width:100%}.watercolour-cover figcaption{font-size:11px;color:var(--muted);margin-top:14px}@media(max-width:700px){.watercolour-cover{width:100%}.watercolour-frame{aspect-ratio:.87}.watercolour-cover figcaption{font-size:10px;margin-inline:24px}}