:root{--paper:#f4f1e9;--sand:#d9cdbd;--wood:#8d7966;--olive:#777d6a;--ink:#393832;--muted:#858176;--white:#fff;--line:rgba(57,56,50,.16);--serif:"Noto Serif SC",serif;--sans:"Noto Sans SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:88px;padding:0 6.2%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:absolute;top:0;left:0;right:0;z-index:10}.brand{display:flex;flex-direction:column;gap:5px}.brand-cn{font-family:var(--serif);font-size:21px;letter-spacing:.14em;font-weight:500}.brand-en{font-size:9px;letter-spacing:.2em;color:var(--muted)}.main-nav{display:flex;gap:42px;font-size:12px;letter-spacing:.12em}.main-nav a,.header-contact{transition:opacity .2s}.main-nav a:hover,.header-contact:hover{opacity:.55}.header-contact{font-size:11px;letter-spacing:.1em;border-bottom:1px solid var(--wood);padding:8px 0}.header-contact span{margin-left:12px}.menu-toggle{display:none;background:none;border:0;font-size:22px}.hero{height:min(790px,100vh);min-height:640px;position:relative;background:#8e8778;overflow:hidden}.hero-photo{position:absolute;inset:0;background-image:url("https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=2200&q=88");background-position:center 55%;background-size:cover;transform:scale(1.015)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,29,25,.58),rgba(29,29,25,.18) 60%,rgba(29,29,25,.08))}.hero-copy{position:absolute;left:12%;top:29%;color:#fff}.eyebrow{font-size:9px;letter-spacing:.25em;color:var(--olive);margin:0 0 25px;font-weight:500}.eyebrow.light{color:rgba(255,255,255,.75)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(38px,5vw,66px);line-height:1.48;letter-spacing:.08em;margin:0 0 22px}.hero-desc{font-size:13px;line-height:2.2;letter-spacing:.08em;color:rgba(255,255,255,.82);margin-bottom:38px}.text-link{display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid var(--wood);padding-bottom:10px;font-size:11px;letter-spacing:.12em}.light-link{border-color:rgba(255,255,255,.7)}.hero-index{position:absolute;right:7%;bottom:56px;color:white;display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.12em}.hero-index i{height:1px;width:65px;background:rgba(255,255,255,.65)}.hero-note{position:absolute;bottom:52px;left:6.2%;font-size:9px;letter-spacing:.18em;color:rgba(255,255,255,.75)}.section-wrap{width:min(1180px,86%);margin:auto}.intro{padding-top:130px;padding-bottom:125px}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:end}.intro h2,.section-heading h2,.about-copy h2,.contact-inner h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.5vw,46px);line-height:1.55;letter-spacing:.06em;margin:0}.intro h2 em{font-style:normal;color:var(--wood)}.intro-text{max-width:390px}.intro-text p{font-size:13px;line-height:2.2;color:#77746b;margin-bottom:28px}.works-section{padding:100px 0 130px;background:#ebe7de}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2{font-size:38px}.section-heading h2 span{font-family:var(--sans);font-size:13px;letter-spacing:.08em;color:var(--muted)}.section-aside{font-size:11px;line-height:2;color:var(--muted);letter-spacing:.08em;margin:0 0 5px}.filters{display:flex;gap:30px;margin:55px 0 32px;border-bottom:1px solid var(--line);padding-bottom:15px}.filter{border:0;background:none;padding:0 0 8px;color:#8b887e;font-size:11px;cursor:pointer;letter-spacing:.1em}.filter.active{color:var(--ink);border-bottom:1px solid var(--wood)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}.empty-state{grid-column:1/-1;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);border:1px solid var(--line)}.empty-mark{font-family:var(--serif);font-size:35px;color:#b4a795;letter-spacing:.18em;margin-bottom:18px}.empty-state h3{font-family:var(--serif);font-weight:400;font-size:19px;color:var(--ink);letter-spacing:.08em;margin-bottom:12px}.empty-state p{font-size:11px;letter-spacing:.08em;margin:0}.project-card{cursor:pointer}.project-cover{width:100%;aspect-ratio:1.45;object-fit:cover;display:block;background:#d5cec1;transition:transform .6s}.project-card:hover .project-cover{transform:scale(.985)}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.project-title{font-family:var(--serif);font-size:19px;font-weight:400;margin:0 0 7px}.project-sub{font-size:10px;color:var(--muted);letter-spacing:.1em}.project-type{font-size:9px;color:var(--olive);letter-spacing:.1em}.quote-band{padding:105px 20px;text-align:center;background:#777d6a;color:white}.quote-band h2{font-family:var(--serif);font-size:clamp(30px,4vw,44px);font-weight:400;letter-spacing:.15em;margin:0 0 18px}.quote-band>p:last-child{font-size:11px;letter-spacing:.1em;color:rgba(255,255,255,.75);margin:0}.about-section{padding-top:130px;padding-bottom:130px;display:grid;grid-template-columns:1.1fr .9fr;gap:11%;align-items:center}.about-image{height:530px;background:url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1200&q=85") center/cover}.about-copy{max-width:390px}.about-copy h2{font-size:39px;margin-bottom:27px}.about-copy>p:not(.eyebrow){font-size:12px;line-height:2.25;color:#77746b;margin-bottom:18px}.about-copy .text-link{margin-top:15px}.contact-section{background:#393832;color:white;padding:100px 0}.contact-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:center}.contact-inner h2{font-size:clamp(30px,4vw,44px);margin-bottom:22px}.contact-inner>div:first-child>p:last-child{font-size:12px;line-height:2;color:rgba(255,255,255,.65)}.contact-detail{display:flex;flex-direction:column;gap:12px;border-left:1px solid rgba(255,255,255,.22);padding-left:45px}.contact-detail span{font-size:9px;letter-spacing:.2em;color:#b6ad9e;margin-top:8px}.contact-detail strong{font-family:var(--serif);font-weight:400;font-size:17px;letter-spacing:.08em}.contact-detail a{font-size:12px}.contact-detail small{font-size:10px;color:rgba(255,255,255,.45);line-height:1.8}.site-footer{min-height:105px;padding:25px 6.2%;display:flex;align-items:center;justify-content:space-between}.site-footer .brand-cn{font-size:16px}.site-footer .brand-en,.site-footer>span,.site-footer>a:last-child{font-size:8px;letter-spacing:.15em;color:var(--muted)}.project-dialog{width:min(850px,92vw);max-height:88vh;border:0;padding:42px;background:var(--paper);color:var(--ink)}.project-dialog::backdrop{background:rgba(30,29,25,.72)}.dialog-close{position:absolute;right:18px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}.dialog-title{font-family:var(--serif);font-size:28px;font-weight:400}.dialog-copy{font-size:12px;line-height:2;color:#77746b;max-width:650px}.dialog-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.dialog-gallery img{width:100%;display:block}.dialog-gallery img:first-child{grid-column:1/-1}@media(max-width:760px){.site-header{height:72px;padding:0 6%}.brand-cn{font-size:18px}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:25px 7%;flex-direction:column;gap:22px}.main-nav.open{display:flex}.header-contact{display:none}.menu-toggle{display:block;color:var(--ink)}.hero{min-height:650px;height:88vh}.hero-copy{left:8%;top:30%}.hero h1{font-size:39px}.hero-note{left:8%;bottom:32px}.hero-index{bottom:34px}.section-wrap{width:84%}.intro{padding:85px 0}.intro-grid,.about-section,.contact-inner{grid-template-columns:1fr;gap:35px}.intro h2{font-size:31px}.intro-text{max-width:none}.works-section{padding:75px 0 85px}.section-heading{align-items:start;gap:20px;flex-direction:column}.section-heading h2{font-size:32px}.section-aside br{display:none}.filters{gap:19px;overflow-x:auto;white-space:nowrap;margin:38px 0 25px}.filter{font-size:10px}.project-grid{grid-template-columns:1fr;gap:30px}.empty-state{min-height:230px;padding:25px}.quote-band{padding:78px 18px}.about-section{padding-top:80px;padding-bottom:80px}.about-image{height:350px;order:2}.about-copy h2{font-size:33px}.contact-section{padding:75px 0}.contact-detail{padding-left:20px}.site-footer{gap:20px;flex-wrap:wrap}.site-footer>span{order:3;width:100%}.project-dialog{padding:32px 20px}.dialog-gallery{grid-template-columns:1fr}.dialog-gallery img:first-child{grid-column:auto}}