:root{font-family:Arial,Helvetica,sans-serif;color:#1c211e;background:#f3f2ed}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{display:block;width:100%}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #1c211e;outline-offset:5px}
.site-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding:clamp(26px,3.1vw,52px) clamp(24px,3.7vw,64px);border-bottom:1px solid #d7d8d1}
.site-header__brand{font-size:clamp(19px,1.65vw,25px);font-weight:700;letter-spacing:-.035em;line-height:1.1;white-space:nowrap}.site-nav{display:flex;gap:clamp(20px,3vw,52px);align-items:center;padding-top:3px}.site-nav a,.site-nav span{font-size:11px;font-weight:500;letter-spacing:.16em;line-height:1.3;white-space:nowrap}.site-nav .active{text-decoration:underline;text-underline-offset:6px}
.page{padding:0 clamp(24px,3.7vw,64px)}.page-intro{display:grid;grid-template-columns:repeat(12,1fr);padding:clamp(80px,11vw,170px) 0 clamp(70px,9vw,130px);border-bottom:1px solid #cdd0c9}.page-intro h1{grid-column:1/10;margin:0;font-weight:500;letter-spacing:-.062em;line-height:.9;font-size:clamp(72px,12vw,190px)}.page-intro__aside{grid-column:10/13;align-self:end;justify-self:end;font-size:12px;letter-spacing:.12em;line-height:1.5;text-align:right}
.category-index a{display:block;padding:5px 0}.category-index span{margin-left:12px;color:#757a73}
.category{padding:clamp(64px,8vw,120px) 0 clamp(90px,12vw,180px);border-bottom:1px solid #cdd0c9}.category:last-of-type{border-bottom:0}.category__heading{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;margin-bottom:clamp(42px,6vw,95px)}.category__heading h2{margin:0;font-weight:500;letter-spacing:-.04em;font-size:clamp(30px,4.2vw,68px);line-height:1.05}.category__heading span,.category__heading small{font-size:12px;letter-spacing:.12em;font-weight:400;color:#5b605b}.category__heading small{margin-right:auto;margin-left:clamp(10px,2vw,28px)}
.works{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,1.8vw,28px);row-gap:clamp(70px,9vw,140px);align-items:start}.work{min-width:0}.work__image{display:block;overflow:hidden;background:#d7d9d1}.work__image img{height:100%;object-fit:cover;transition:transform .65s ease}.work__image:hover img{transform:scale(1.025)}.work__caption{display:flex;justify-content:space-between;gap:1.5rem;padding-top:16px;border-top:1px solid #5b625b;margin-top:17px}.work__title{margin:0;font-size:clamp(16px,1.35vw,21px);line-height:1.25;font-weight:500;letter-spacing:-.02em;max-width:580px}.work__location{font-size:11px;letter-spacing:.09em;text-align:right;white-space:nowrap;line-height:1.5}.work--teda{grid-column:1/9}.work--teda .work__image{aspect-ratio:1.65}.work--spu{grid-column:10/13;margin-top:clamp(140px,17vw,250px)}.work--spu .work__image{aspect-ratio:.83}.work--feng{grid-column:4/12}.work--feng .work__image{aspect-ratio:1.7}
.placeholder{min-width:0;color:#787c76}.placeholder__frame{display:flex;align-items:center;justify-content:center;aspect-ratio:1.45;background:#e8e9e2;border-top:1px solid #d4d6ce;border-bottom:1px solid #d4d6ce;font-size:11px;letter-spacing:.16em;text-align:center;padding:1rem}.placeholder__caption{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #aeb3aa;padding-top:13px;margin-top:17px;font-size:12px;letter-spacing:.06em}.placeholder--mixed-1{grid-column:1/6}.placeholder--mixed-2{grid-column:8/13;margin-top:12vw}.placeholder--mixed-2 .placeholder__frame{aspect-ratio:1.05}.placeholder--mixed-3{grid-column:3/9}.placeholder--mixed-3 .placeholder__frame{aspect-ratio:1.9}.placeholder--retail-1{grid-column:1/8}.placeholder--retail-2{grid-column:9/13;margin-top:11vw}.placeholder--retail-2 .placeholder__frame{aspect-ratio:.9}.placeholder--retail-3{grid-column:3/8}.placeholder--retail-4{grid-column:9/13;margin-top:9vw}.placeholder--retail-5{grid-column:2/10}.placeholder--retail-5 .placeholder__frame{aspect-ratio:2}.placeholder--hospitality-1{grid-column:1/9}.placeholder--hospitality-2{grid-column:10/13;margin-top:13vw}.placeholder--hospitality-2 .placeholder__frame{aspect-ratio:.8}.placeholder--hospitality-3{grid-column:3/10}
.page-footer{display:flex;justify-content:space-between;gap:2rem;padding:38px 0 48px;border-top:1px solid #cdd0c9;font-size:11px;letter-spacing:.12em}
.detail__back{display:inline-block;margin:clamp(40px,5vw,72px) 0 clamp(70px,8vw,120px);font-size:11px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:7px}.detail__intro{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin-bottom:clamp(48px,6vw,90px)}.detail__title{grid-column:1/10;margin:0;font-size:clamp(45px,6.5vw,105px);line-height:.99;font-weight:500;letter-spacing:-.055em;text-wrap:balance}.detail__location{grid-column:10/13;align-self:end;justify-self:end;margin:0 0 7px;text-align:right;font-size:12px;letter-spacing:.1em}.detail__hero{margin:0}.detail__hero img{width:100%;height:auto;max-height:87vh;object-fit:cover}.detail__hero figcaption,.detail__figure figcaption{margin-top:9px;text-align:right;font-size:11px;letter-spacing:.04em;color:#686d67}
.detail__information{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;padding:clamp(75px,9vw,140px) 0 clamp(80px,10vw,160px)}.detail__description{grid-column:1/7;font-size:clamp(22px,2.8vw,43px);line-height:1.13;letter-spacing:-.035em;margin:0}.detail__facts{grid-column:9/13;margin:0;border-top:1px solid #aeb3aa}.detail__facts div{display:grid;grid-template-columns:105px 1fr;gap:12px;border-bottom:1px solid #cdd0c9;padding:15px 0}.detail__facts dt{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#6a6f69}.detail__facts dd{margin:0;font-size:14px;line-height:1.45}.detail__facts dd span{display:block}.detail__information--single{padding-bottom:clamp(100px,13vw,190px)}.detail__sequence{display:grid;grid-template-columns:repeat(12,1fr);row-gap:clamp(65px,10vw,160px);margin-bottom:clamp(120px,16vw,250px)}.detail__figure{margin:0}.detail__figure:nth-child(1){grid-column:5/13}.detail__figure:nth-child(2){grid-column:1/10}.detail__figure:nth-child(3){grid-column:4/12}.detail__figure img{height:auto}.detail__next{border-top:1px solid #aeb3aa;padding:25px 0 clamp(85px,10vw,150px)}.detail__next span{display:block;font-size:11px;letter-spacing:.16em;margin-bottom:30px}.detail__next a{font-size:clamp(30px,4vw,60px);letter-spacing:-.045em;line-height:1.1}
@media(max-width:900px){.page-intro h1{grid-column:1/13}.page-intro__aside{grid-column:1/13;justify-self:start;margin-top:30px;text-align:left}.work--teda{grid-column:1/10}.work--spu{grid-column:9/13;margin-top:100px}.work--feng{grid-column:2/12}.detail__title{grid-column:1/13}.detail__location{grid-column:1/13;justify-self:start;text-align:left}.detail__description{grid-column:1/8}.detail__facts{grid-column:8/13}.detail__facts div{grid-template-columns:1fr;gap:6px}}
@media(max-width:650px){.site-header{display:block;padding:25px 22px}.site-header__brand{font-size:20px}.site-nav{justify-content:space-between;max-width:340px;margin-top:21px;gap:10px}.site-nav a,.site-nav span{font-size:10px;letter-spacing:.11em}.page{padding:0 22px}.page-intro{padding:82px 0 78px}.page-intro h1{font-size:clamp(67px,18vw,100px)}.page-intro__aside{font-size:11px}.category{padding:70px 0 105px}.category__heading{margin-bottom:46px}.category__heading h2{font-size:clamp(28px,8vw,42px)}.category__heading small{display:none}.works{display:block}.work,.placeholder{margin:0 0 70px!important}.work--teda .work__image{aspect-ratio:1.3}.work--spu .work__image{aspect-ratio:1.15}.work--feng .work__image{aspect-ratio:1.3}.work__caption{display:block}.work__location{display:block;text-align:left;margin-top:8px}.placeholder__frame,.placeholder--mixed-2 .placeholder__frame,.placeholder--mixed-3 .placeholder__frame,.placeholder--retail-2 .placeholder__frame,.placeholder--retail-5 .placeholder__frame,.placeholder--hospitality-2 .placeholder__frame{aspect-ratio:1.7}.page-footer{line-height:1.6}.detail__back{margin:38px 0 74px}.detail__intro{display:block;margin-bottom:36px}.detail__title{font-size:clamp(39px,10vw,64px)}.detail__location{text-align:left;margin-top:22px}.detail__hero img{max-height:none}.detail__information{display:block;padding:70px 0 100px}.detail__description{font-size:26px;margin-bottom:55px}.detail__facts div{grid-template-columns:100px 1fr;gap:12px}.detail__sequence{display:block;margin-bottom:110px}.detail__figure{margin:0 0 64px}.detail__next{padding-bottom:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work__image img{transition:none}}

/* Projects are led by built work; future slots are a quiet editorial list. */
.page-intro{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;padding:clamp(46px,5vw,78px) 0 clamp(34px,4vw,58px);border-bottom:0}
.page-intro h1{font-size:clamp(24px,2.6vw,40px);line-height:1.1;letter-spacing:-.045em}
.page-intro__aside{display:flex;align-items:center;gap:clamp(18px,2vw,34px);font-size:10px;text-align:right}
.category-index a{white-space:nowrap}.category-index span{margin-left:4px}
.category{padding:clamp(24px,3vw,45px) 0 clamp(80px,10vw,150px)}
.category__heading{margin-bottom:clamp(28px,3vw,48px);align-items:center}
.category__heading h2{font-size:clamp(19px,2vw,30px);letter-spacing:-.025em}
.category__heading small{display:none}
.category__heading span{font-size:11px}
.works{row-gap:clamp(70px,8vw,120px)}
.work--teda{grid-column:1/9}.work--spu{grid-column:10/13;margin-top:clamp(110px,13vw,205px)}
.work--feng{grid-column:3/12}.work--feng .work__image{aspect-ratio:1.85}
.placeholder,.placeholder--mixed-1,.placeholder--mixed-2,.placeholder--mixed-3,.placeholder--retail-1,.placeholder--retail-2,.placeholder--retail-3,.placeholder--retail-4,.placeholder--retail-5,.placeholder--hospitality-1,.placeholder--hospitality-2,.placeholder--hospitality-3{grid-column:2/12;margin:0;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #cdd0c9;padding:22px 0 0;color:#787c76;font-size:11px;letter-spacing:.12em}
.placeholder + .placeholder{margin-top:calc(-1 * clamp(48px,6vw,92px))}
@media(max-width:900px){.page-intro{align-items:flex-start}.page-intro__aside{flex-wrap:wrap;justify-content:flex-end}.work--teda{grid-column:1/9}.work--spu{grid-column:9/13;margin-top:110px}.work--feng{grid-column:2/12}}
@media(max-width:650px){.page-intro{display:block;padding:46px 0 36px}.page-intro h1{font-size:26px}.page-intro__aside{display:flex;justify-content:flex-start;gap:14px;margin-top:22px;text-align:left;font-size:9px;letter-spacing:.07em}.category{padding:32px 0 76px}.category__heading{margin-bottom:26px}.category__heading h2{font-size:21px}.works{display:block}.work{margin:0 0 62px!important}.placeholder,.placeholder--mixed-1,.placeholder--mixed-2,.placeholder--mixed-3,.placeholder--retail-1,.placeholder--retail-2,.placeholder--retail-3,.placeholder--retail-4,.placeholder--retail-5,.placeholder--hospitality-1,.placeholder--hospitality-2,.placeholder--hospitality-3{margin:0 0 22px!important;padding:18px 0 0}.placeholder + .placeholder{margin-top:0}}