@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg:#e9e7e1;--ink:#191919;--muted:#74736e;--accent:#c78b43}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--accent);color:#111}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;border-bottom:1px solid rgba(0,0,0,.16);position:relative;z-index:10}.brand{font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700;letter-spacing:-1.8px}.brand span{font-size:10px;vertical-align:top;margin-left:3px}.nav-links,.nav-right{display:flex;align-items:center;gap:52px}.about-top,.contact-head,.contact-note,.eyebrow,.footer-bottom,.hero-bottom,.hero-top,.nav-links,.nav-location,.project-info,.skills,.work-foot{font-size:11px;font-weight:700;letter-spacing:.08em}.nav-location{color:var(--muted)}.nav-links{gap:32px}.nav-links a{display:inline-flex;align-items:center;gap:4px}.nav-links sup{font-size:8px}.footer-bottom a:hover,.nav-links a:hover,.nav-links sup{color:var(--accent)}.mobile-menu{display:none;background:none;border:0}.hero{min-height:calc(100svh - 86px);padding:36px 4.2% 32px;flex-direction:column;overflow:hidden}.hero,.hero-bottom,.hero-top{display:flex;justify-content:space-between;position:relative}.hero-bottom,.hero-top{align-items:flex-start;z-index:1}.hero-top span:last-child{color:var(--muted)}.hero-title{margin-top:auto;margin-bottom:auto;position:relative;z-index:1}.hero-clip{overflow:hidden}.hero-word{font-family:Space Grotesk,sans-serif;font-size:clamp(110px,22vw,430px);letter-spacing:-.115em;line-height:.88;font-weight:700;white-space:nowrap;margin:0 0 0 -.045em}.hero-period{color:var(--accent)}.hero-sub{display:flex;justify-content:space-between;align-items:end;margin-top:20px;font-size:clamp(16px,2.2vw,34px);font-weight:600;letter-spacing:-.045em}.hero-sub span:last-child{text-align:right;font-size:clamp(13px,1.7vw,25px);line-height:1.15}.hero-bottom{align-items:end}.hero-bottom p{margin:0;line-height:1.45}.scroll-link{display:flex;gap:20px;align-items:center}.hero-index{color:var(--muted)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 0);background-size:25% 100%;pointer-events:none}.section{padding:130px 4.2%}.section-heading{margin-bottom:60px}.eyebrow{color:var(--accent)}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-top:18px}.heading-row h2{font-family:Space Grotesk,sans-serif;font-size:clamp(55px,9vw,145px);line-height:1;letter-spacing:-.095em;margin:0}.dot{color:var(--accent)}.heading-row p{max-width:280px;font-size:14px;line-height:1.5;color:var(--muted)}.thin-line{height:1px;background:#b9b6ae;margin-top:30px}.projects{display:grid;grid-template-columns:1fr 1fr;grid-gap:90px 25px;gap:90px 25px}.project.wide{grid-column:span 2}.project-frame{height:clamp(300px,35vw,590px);position:relative;overflow:hidden;background:#333}.project.small .project-frame{height:clamp(250px,32vw,470px)}.project-image{position:absolute;inset:-3%;background-size:cover;background-position:50%;transition:filter .5s}.project-frame:hover .project-image{filter:brightness(.75)}.project-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:15px;color:#fff;opacity:0;transform:translateY(10px);transition:.4s;font-size:12px;letter-spacing:.1em}.project-frame:hover .project-overlay{opacity:1;transform:translateY(0)}.project-number{position:absolute;left:25px;top:25px;color:white;font-size:12px}.project-info{display:flex;justify-content:space-between;gap:16px;padding-top:18px}.project-info h3{font-family:Space Grotesk,sans-serif;font-size:clamp(20px,2.5vw,36px);letter-spacing:-.05em;margin:0 0 5px}.project-zh{color:var(--muted);font-size:12px;font-weight:400;letter-spacing:0}.project-side{flex-direction:column;align-items:flex-end;gap:9px;text-align:right}.project-side,.work-foot{display:flex;color:var(--muted)}.work-foot{justify-content:space-between;border-top:1px solid #bbb7ae;margin-top:100px;padding-top:18px}.about{background:#20201f;color:#eeeae2;min-height:780px}.about-top,.contact-head{display:flex;justify-content:space-between}.about-top>span:last-child{color:#8c8b85}.about-content{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:8%;gap:8%;align-items:end;margin-top:130px}.about-big{font-family:Space Grotesk,sans-serif;font-size:clamp(70px,10vw,175px);line-height:.9;letter-spacing:-.1em;font-weight:700}.about-big em{font-style:normal;color:var(--accent)}.about-copy{max-width:470px}.about-cross{font-size:44px;color:var(--accent)}.about-copy p{font-size:clamp(18px,2vw,28px);line-height:1.65;letter-spacing:-.02em}.about-copy .english{font-size:15px;color:#a5a39d;line-height:1.8}.skills{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px}.skills span{border:1px solid #5e5c57;border-radius:30px;padding:12px 15px;font-size:10px}.contact{padding:100px 4.2% 30px;background:var(--accent)}.contact .eyebrow{color:#342719}.contact-title{display:flex;align-items:center;justify-content:space-between;font-family:Space Grotesk,sans-serif;font-size:clamp(70px,15vw,260px);font-weight:700;letter-spacing:-.11em;line-height:1.3;border-bottom:1px solid #75552e;white-space:nowrap}.contact-title svg{width:clamp(35px,7vw,100px);height:auto}.contact-note{font-size:9px;margin-top:10px;opacity:.7}.footer-bottom{display:flex;justify-content:space-between;margin-top:130px;gap:20px}.footer-bottom>div{display:flex;gap:28px}@media(max-width:900px){.nav-location{display:none}.about-content{grid-template-columns:1fr;gap:60px}.about-big{font-size:12vw}.hero-index{display:none}}@media(max-width:650px){.nav{height:70px;padding:0 5%}.mobile-menu{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:70px;background:var(--bg);padding:25px 5%;border-bottom:1px solid #aaa}.nav-links.open{display:flex;flex-direction:column;align-items:flex-start;gap:25px}.hero{min-height:calc(85svh - 70px);padding:24px 5%}.hero-top{font-size:9px}.hero-top span:last-child{max-width:125px;text-align:right}.hero-word{font-size:25vw}.hero-sub{font-size:15px}.hero-sub span:last-child{font-size:11px}.hero-bottom{font-size:9px}.section{padding:90px 5%}.heading-row{align-items:start;flex-direction:column}.heading-row p{margin-top:0}.projects{display:block}.project{margin-bottom:55px}.project-frame,.project.small .project-frame{height:290px}.project-info h3{font-size:22px}.project-side,.work-foot{font-size:9px}.work-foot{margin-top:35px}.about{min-height:auto}.about-content{margin-top:90px}.about-big{font-size:14vw}.contact{padding:80px 5% 25px}.contact-title{font-size:15vw;margin-top:70px}.footer-bottom{margin-top:90px;flex-wrap:wrap;font-size:9px}.footer-bottom>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}iframe,img,video{max-width:100%}img,video{height:auto}@media screen and (max-width:768px){html{font-size:14px;-webkit-text-size-adjust:100%}body{width:100%;min-width:0;overflow-x:hidden}article,footer,header,main,section{min-width:0;max-width:100%}h1,h2,h3,p{overflow-wrap:break-word}h1{font-size:clamp(36px,10vw,64px);line-height:1.05}h2{font-size:clamp(24px,7vw,42px);line-height:1.15}img{max-width:100%;object-fit:cover}iframe,video{display:block;max-width:100%}main{padding-left:min(5vw,20px);padding-right:min(5vw,20px)}.project-grid,.projects-grid,.work-grid,.works-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:24px;gap:24px}.detail-layout,.project-detail,.project-layout{display:flex;flex-direction:column;gap:24px}.project-card,.work-card{width:100%;min-width:0}.hero{min-height:auto}}@media screen and (max-width:390px){h1{font-size:clamp(32px,9vw,44px)}h2{font-size:clamp(22px,6vw,30px)}.project-grid,.projects-grid,.work-grid,.works-grid{gap:18px}}