.detail-wrap{margin:0 9%}.detail-nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:27px;font-size:8px;letter-spacing:.7px}.detail-nav>span{color:var(--muted);font-size:7px}.project-title{display:flex;align-items:flex-end;justify-content:space-between;padding:52px 0 43px;gap:30px}.project-title h1{font-size:clamp(55px,7.3vw,106px);font-weight:400;line-height:1.02;letter-spacing:-.065em;margin:0}.project-title h1>span{color:var(--accent)}.project-title>div{padding-bottom:6px}.project-title>div>p:last-child{font-size:10px;line-height:1.9;color:var(--muted);margin-top:18px}.gallery-image{display:block;width:100%;padding:0;position:relative;overflow:hidden;background:#d7d5cc}.gallery-image img{display:block;width:100%;height:auto;transition:transform .7s}.gallery-image:hover img{transform:scale(1.015)}.enlarge-mark{position:absolute;bottom:18px;right:18px;background:var(--paper);display:grid;place-items:center;width:30px;height:30px;font-size:18px;font-weight:300;color:var(--accent)}.opening-image .gallery-image img{aspect-ratio:1.6;object-fit:cover;object-position:50% 63%}.project-detail-page figcaption{display:flex;justify-content:space-between;gap:20px;font-size:8px;color:var(--muted);line-height:1.7;padding-top:14px}.project-detail-page figcaption>span:last-child{font-size:6px;letter-spacing:.8px;text-align:right;white-space:nowrap}.project-introduction{display:grid;grid-template-columns:1fr 1.4fr;gap:12%;padding:75px 0 85px}.project-facts{padding-top:7px}.project-facts>.micro{font-size:8px}.project-facts dl{margin:24px 0 0}.project-facts dl>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:15px 0;line-height:1.6}.project-facts dt{font-size:8px;color:var(--muted)}.project-facts dd{font-size:9px;text-align:right;margin:0}.project-description h2{font-size:clamp(28px,3.1vw,44px);letter-spacing:-1.5px;margin-top:20px;line-height:1.2}.project-description>p:not(.micro){font-size:12px;line-height:1.95;color:var(--muted);margin-top:23px}.gallery-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,48px);padding-bottom:85px;align-items:stretch}.gallery-pair>figure{min-width:0;display:grid;grid-template-rows:auto 1fr;align-content:start}.gallery-pair .gallery-image{aspect-ratio:4/3}.gallery-pair .gallery-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.gallery-pair figcaption{align-items:start;min-height:38px}.narrative-block{display:grid;grid-template-columns:1fr 1.4fr;gap:12%;padding:45px 0 65px;border-top:1px solid var(--line)}.narrative-block>.micro{padding-top:9px}.narrative-block h2{margin:0;font-size:clamp(28px,3.1vw,44px);letter-spacing:-1.4px}.narrative-block p{font-size:12px;line-height:1.95;color:var(--muted);margin-top:25px;max-width:560px}.full-gallery{padding-bottom:70px}.overview-gallery .gallery-image img{width:100%;height:auto}.second-narrative{padding-top:50px;margin-top:10px}.aerial-gallery{padding-top:10px}.project-end{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding:24px 0 65px;font-size:9px}.project-end>.micro{font-size:7px;color:var(--muted)}.project-conversation{text-align:center;background:#e5e3dc;padding:70px 20px 80px}.project-conversation h2{font-size:clamp(30px,3.6vw,48px);margin-top:20px}.project-conversation>a{display:inline-flex;justify-content:space-between;gap:55px;border:1px solid #999b8e;font-size:10px;padding:16px 22px;margin-top:30px}.project-conversation>a>span{color:var(--accent)}#project-gallery{border:0;padding:22px;background:var(--paper);width:min(1380px,96vw);max-height:95svh;color:var(--ink)}#project-gallery::backdrop{background:#171914e8;backdrop-filter:blur(6px)}.gallery-toolbar{display:flex;align-items:center;gap:25px;padding-bottom:18px}.gallery-toolbar h2{font-size:15px;letter-spacing:-.3px;margin:0}.gallery-counter{margin-left:auto;font-size:9px;color:var(--muted)}.gallery-close{font-size:11px;padding:10px;min-height:44px}.gallery-close:hover,.gallery-stage>button:hover{color:var(--accent)}.gallery-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:15px;align-items:center}.gallery-stage>button{font-size:23px;padding:8px 0;min-height:44px}.gallery-stage>img{height:73svh;max-height:900px;width:100%;object-fit:contain}.gallery-caption{text-align:center;font-size:10px;color:var(--muted);padding-top:17px}body.gallery-open{overflow:hidden}@media(max-width:900px){.detail-wrap{margin:0 7%}.project-introduction,.narrative-block{gap:8%;grid-template-columns:1fr 1.3fr}.project-facts dd{font-size:8px}.project-description>p:not(.micro),.narrative-block p{font-size:11px}.gallery-pair{gap:24px;padding-bottom:65px}.project-end{font-size:8px}.project-end>.micro{font-size:6px}}
@media(max-width:600px){.detail-nav{margin-top:15px;font-size:7px;padding-top:18px}.detail-nav>span{font-size:6px}.project-title{padding:35px 0 30px;gap:22px;flex-direction:column;align-items:flex-start}.project-title h1{font-size:clamp(48px,13vw,70px);letter-spacing:-.06em}.project-title>div .micro{font-size:6px;letter-spacing:.5px}.project-title>div>p:last-child{font-size:11px;line-height:1.8;margin-top:8px}.opening-image .gallery-image img{aspect-ratio:1.15;object-position:48% 60%}.project-detail-page figcaption{font-size:7px;padding-top:11px;gap:10px}.project-detail-page figcaption>span:last-child{font-size:5px;letter-spacing:.4px}.enlarge-mark{width:25px;height:25px;bottom:12px;right:12px;font-size:15px}.project-introduction{grid-template-columns:1fr;gap:35px;padding:45px 0 50px}.project-facts dl{margin-top:18px}.project-facts dl>div{padding:11px 0}.project-facts dd{font-size:9px}.project-description h2{font-size:33px;line-height:1.15;margin-top:17px}.project-description>p:not(.micro){font-size:11px;margin-top:19px}.gallery-pair{grid-template-columns:1fr;gap:28px;padding-bottom:45px}.narrative-block{grid-template-columns:1fr;gap:23px;padding:30px 0 35px}.narrative-block h2{font-size:31px;letter-spacing:-1.3px}.narrative-block p{font-size:11px;margin-top:20px}.full-gallery{padding-bottom:35px}.overview-gallery .gallery-image img{max-height:none}.second-narrative{margin-top:0}.project-end{font-size:8px;padding:20px 0 40px;gap:15px;flex-wrap:wrap}.project-end>.micro{display:none}.project-conversation{padding:50px 15px 60px}.project-conversation h2{font-size:31px}.project-conversation>a{font-size:9px;padding:14px 18px}#project-gallery{padding:15px 10px}.gallery-toolbar{gap:12px;padding:0 5px 13px}.gallery-toolbar h2{font-size:12px}.gallery-counter{font-size:8px}.gallery-close{font-size:9px}.gallery-stage{grid-template-columns:36px minmax(0,1fr) 36px;gap:4px}.gallery-stage>img{height:62svh}.gallery-stage>button{font-size:19px}.gallery-caption{font-size:8px;padding:12px 20px 5px;line-height:1.7}}

/* Tablet layouts retain equal image frames; compact screens stack the grid. */
@media(min-width:601px) and (max-width:1024px){.detail-wrap{margin-left:6%;margin-right:6%}.project-introduction,.narrative-block{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:6%}.project-title h1{font-size:clamp(60px,8vw,84px)}.project-description>p:not(.micro),.narrative-block p{font-size:13px;line-height:1.85}.project-facts dt,.project-facts dd{font-size:10px}.project-detail-page figcaption{font-size:10px}.project-detail-page figcaption>span:last-child{font-size:7px}.gallery-pair{gap:24px}.gallery-toolbar h2{font-size:16px}}
@media(max-width:600px){.project-description>p:not(.micro),.narrative-block p{font-size:13px;line-height:1.85}.project-detail-page figcaption{font-size:10px}.project-detail-page figcaption>span:last-child{font-size:7px}.project-title>div .micro{font-size:9px}.project-facts dt{font-size:10px}.project-facts dd{font-size:11px}.gallery-pair figcaption{min-height:0}.enlarge-mark{min-width:36px;min-height:36px}.gallery-caption{font-size:11px}.gallery-stage>img{height:min(62svh,600px)}}
@media(max-height:550px) and (orientation:landscape){#project-gallery{max-height:96svh}.gallery-stage>img{height:58svh}.gallery-toolbar{padding-bottom:5px}.gallery-caption{padding-top:6px}}