*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#252922;background:#f9f9f5;font-family:"Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #9a673b;outline-offset:7px}img{display:block;width:100%;object-fit:cover}p,h1,h2{margin:0}button{border:0;background:none}header{position:absolute;z-index:10;top:0;left:0;width:100%;padding:30px 4.2%;display:flex;align-items:flex-start;justify-content:space-between;color:#22261f}.logo{display:block;width:114px}.logo img{height:auto}nav{display:flex;gap:43px;padding-top:8px}nav a{display:flex;flex-direction:column;gap:7px;position:relative}nav a:after{content:"";position:absolute;bottom:-9px;width:0;height:1px;background:currentColor;transition:width .3s}nav a:hover:after{width:100%}nav span{font-size:15px;letter-spacing:.12em}nav small{font-size:10px;letter-spacing:.08em}.hero{position:relative;height:100svh;min-height:720px;max-height:1200px;color:white;overflow:hidden}.hero-image{position:absolute;inset:0;height:100%;object-position:50% 50%}.hero-title{position:absolute;left:4.2%;bottom:180px}.eyebrow{font-size:13px;letter-spacing:.25em;margin-bottom:25px}h1{font-family:"Noto Serif CJK SC","Songti SC","SimSun",serif;font-weight:400;font-size:clamp(58px,5.2vw,88px);line-height:1.22;letter-spacing:.075em}.period{margin-left:-.07em}.hero-english{font-family:Georgia,serif;font-size:23px;margin-top:22px;letter-spacing:.01em}.hero-bottom{position:absolute;left:4.2%;right:4.2%;bottom:43px;display:flex;justify-content:space-between;align-items:flex-end}.hero-bottom>p{font-size:17px;line-height:2;letter-spacing:.12em}.hero-bottom>p span{font-size:13px;letter-spacing:.04em}.scroll{display:flex;align-items:center;gap:15px;font-size:13px;letter-spacing:.1em}.scroll-line{height:49px;width:1px;background:rgba(255,255,255,.6);position:relative}.scroll-line:after{content:"";position:absolute;bottom:0;left:0;transform:rotate(-40deg);transform-origin:bottom;height:8px;width:1px;background:white}.scroll small{display:block;font-size:9px;letter-spacing:.12em;margin-top:7px}.hero-side{position:absolute;right:4.2%;bottom:230px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.22em;opacity:.8}.philosophy,.works{padding:80px 4.2% 0}.section-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;border-top:1px solid #cbcec4;padding-top:19px}.philosophy-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:7%;padding:66px 0 67px}h2{font-family:"Noto Serif CJK SC","Songti SC","SimSun",serif;font-weight:400;letter-spacing:.055em;font-size:clamp(30px,3.1vw,48px);line-height:1.55}.serif-en{font-family:Georgia,serif;color:#777c71;font-size:21px;line-height:1.5;margin-top:25px}.philosophy-copy .lead{font-size:18px;color:#262b22;line-height:1.95;margin-bottom:23px}.philosophy-copy>p:not(.lead){color:#707568;font-size:14px;line-height:2}.company-line{margin-top:21px;max-width:510px}.philosophy-copy>.english-copy{font-family:Arial,sans-serif;font-size:13px!important;line-height:1.7!important;margin-top:12px;max-width:490px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:10px 0;border-bottom:1px solid #9ba18e;font-size:13px}.philosophy-copy .text-link{margin-top:24px}.text-link span{font-size:19px}.landscape{height:clamp(300px,32vw,510px);overflow:hidden}.landscape img{height:100%;object-position:center 55%}.philosophy-terms{display:flex;align-items:center;gap:5.2%;padding:23px 0 0}.philosophy-terms>span{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.1em}.philosophy-terms small{font-family:"Microsoft YaHei",sans-serif;font-size:12px;color:#787e70;margin-left:9px;letter-spacing:.06em}.philosophy-terms p{margin-left:auto;font-size:12px;color:#787e70}.works{padding-top:96px;padding-bottom:80px}.works-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:43px 0 36px;gap:20px}.works-heading h2{font-size:36px}.works-heading p{margin-top:13px;color:#777d70;font-size:14px}.mobile-br{display:none}.work-controls{display:flex;align-items:center;gap:19px;font-size:11px;white-space:nowrap;font-family:Arial,sans-serif}.arrow{height:40px;width:40px;border:1px solid #c9cebf;border-radius:50%;font-size:22px;transition:background .2s}.arrow:hover{background:#e5e8df}.tabs{display:flex;gap:30px;border-bottom:1px solid #d4d8cc;margin-bottom:27px}.tabs button{padding:0 0 15px;font-size:14px;color:#81877a;position:relative}.tabs small{font-size:10px;margin-left:8px;letter-spacing:.04em}.tabs [aria-selected=true]{color:#292e25}.tabs [aria-selected=true]:after{position:absolute;content:"";bottom:-1px;left:0;right:0;height:2px;background:#30372b}.gallery{display:flex;gap:14px;min-width:0}.project-card{flex:1;min-width:0;transition:flex .65s cubic-bezier(.22,.61,.36,1);display:block}.project-image{height:390px;overflow:hidden;position:relative}.project-image img{height:100%;object-position:center;transition:transform .75s}.project-number{position:absolute;top:17px;left:17px;color:white;font-family:Arial,sans-serif;font-size:12px;background:#242a2280;padding:5px 7px}.project-card h3{font-weight:400;font-size:15px;margin:17px 0 7px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card .project-en{font-family:Georgia,serif;font-size:12px;line-height:1.5;color:#707667;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-meta{font-size:11px;color:#777e6d;margin-top:10px}.works-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:35px}.works-bottom p{font-size:12px;color:#7a8172}.works-bottom .text-link{font-size:13px}footer{background:#242b24;color:#f4f4e9;padding:65px 4.2% 22px}.footer-main{display:grid;grid-template-columns:1.5fr 1fr;gap:10%;padding-bottom:58px}.footer-brand>img{width:104px;height:auto;margin-bottom:31px}.footer-brand h2{font-size:32px;letter-spacing:.08em}.footer-brand p{font-size:13px;color:#bdc3b7;margin-top:13px;line-height:1.7}.footer-brand .footer-en{font-family:Georgia,serif;font-size:18px;margin-top:16px}.contact-label{font-size:17px;margin-bottom:28px}.contact-label span{font-family:Arial,sans-serif;font-size:10px;color:#acb5a6;margin-left:15px;letter-spacing:.1em}.contact>div{padding:13px 0;border-bottom:1px solid #475043;display:flex;align-items:center;justify-content:space-between;gap:16px}.contact small{font-size:10px;color:#aab5a4;letter-spacing:.03em}.contact a,.contact button{font-family:Arial,sans-serif;font-size:14px;padding:0}.contact button span{font-family:"Microsoft YaHei",sans-serif;font-size:10px;margin-left:12px;color:#c6cebf}.footer-bottom{border-top:1px solid #475043;padding-top:21px;display:flex;justify-content:space-between;color:#a8b3a2;gap:15px;font-size:10px;letter-spacing:.04em}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:13px 20px;background:#222e22;color:white;font-size:14px;max-width:90vw;z-index:50;box-shadow:0 8px 30px #0002;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}
@media(hover:hover) and (min-width:800px){.gallery:hover .project-card{flex:.8}.gallery .project-card:hover{flex:1.6}.project-card:hover img{transform:scale(1.025)}}
@media(min-width:1700px){.philosophy,.works,footer{padding-left:max(4.2%,calc((100vw - 1640px)/2));padding-right:max(4.2%,calc((100vw - 1640px)/2))}}
@media(max-width:900px){nav{gap:24px}.hero-title{bottom:190px}.philosophy-grid{gap:5%}.project-image{height:330px}.contact>div{align-items:flex-start;flex-direction:column;gap:9px}.philosophy-terms{gap:3%}.philosophy-terms p{font-size:10px}}
@media(max-width:600px){header{padding:23px 22px 0;display:block}.logo{width:76px}nav{justify-content:space-between;gap:0;padding-top:23px}nav span{font-size:13px;letter-spacing:.07em}nav small{display:none}nav a{padding:4px 0}.hero{height:100svh;min-height:740px;max-height:1000px}.hero-image{object-position:54% 50%}.hero-title{left:24px;bottom:188px}.eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:18px}h1{font-size:51px;line-height:1.27;letter-spacing:.05em}.hero-english{font-size:19px;margin-top:17px}.hero-bottom{left:24px;right:24px;bottom:28px;display:block}.hero-bottom>p{font-size:15px;line-height:1.9;letter-spacing:.09em}.hero-bottom>p span{font-size:11px;letter-spacing:0;display:block;max-width:300px}.scroll{position:absolute;right:0;bottom:92px;gap:9px;font-size:11px}.scroll-line{height:29px}.scroll small{display:none}.hero-side{display:none}.philosophy,.works{padding:44px 23px 0}.section-label{font-size:9px;letter-spacing:.08em;padding-top:14px}.philosophy-grid{display:block;padding:34px 0 33px}h2{font-size:29px;line-height:1.55;letter-spacing:.015em}.serif-en{font-size:18px;margin-top:15px;line-height:1.45}.philosophy-copy{margin-top:30px}.philosophy-copy .lead{font-size:16px;line-height:1.9;margin-bottom:17px}.philosophy-copy>p:not(.lead){font-size:13px;line-height:1.95}.company-line{margin-top:16px}.philosophy-copy>.english-copy{font-size:12px!important}.desktop-br{display:none}.philosophy-copy .text-link{margin-top:17px}.text-link{font-size:12px}.landscape{height:243px;margin-left:-23px;margin-right:-23px}.landscape img{object-position:51% 50%}.philosophy-terms{gap:0;justify-content:space-between;padding-top:18px;flex-wrap:wrap}.philosophy-terms>span{font-size:10px;letter-spacing:0}.philosophy-terms small{font-size:10px;margin-left:5px}.philosophy-terms p{flex-basis:100%;margin-top:14px;font-size:11px}.works{padding-top:49px;padding-bottom:42px}.works-heading{display:block;padding:29px 0 24px}.works-heading h2{font-size:28px;line-height:1.5}.mobile-br{display:block}.works-heading p{font-size:12px;margin-top:13px;line-height:1.8}.work-controls{justify-content:flex-end;gap:16px;margin-top:21px}.arrow{width:35px;height:35px;font-size:19px}.tabs{gap:26px;margin-bottom:22px}.tabs button{font-size:13px;padding-bottom:13px}.tabs small{font-size:8px;display:block;margin-left:0;margin-top:5px}.gallery{overflow-x:auto;scroll-snap-type:x mandatory;gap:13px;margin-right:-23px;padding-right:23px;padding-bottom:7px;scrollbar-width:none}.gallery::-webkit-scrollbar{display:none}.project-card{flex:0 0 82%;scroll-snap-align:start}.project-image{height:320px}.project-card h3{font-size:15px;margin-top:15px}.project-card .project-en{font-size:12px}.project-meta{font-size:11px;margin-top:8px}.works-bottom{margin-top:24px;display:block}.works-bottom p{font-size:11px;line-height:1.9}.works-bottom .text-link{margin-top:12px;font-size:12px}footer{padding:38px 23px 20px}.footer-main{display:block;padding-bottom:30px}.footer-brand>img{width:87px;margin-bottom:24px}.footer-brand h2{font-size:25px;letter-spacing:.02em}.footer-brand p{font-size:12px;margin-top:10px}.footer-brand .footer-en{font-size:17px;margin-top:10px}.contact{margin-top:35px}.contact-label{font-size:16px;margin-bottom:15px}.contact>div{flex-direction:row;align-items:center;padding:14px 0;gap:10px}.contact small{font-size:9px}.contact a,.contact button{font-size:13px}.footer-bottom{display:grid;grid-template-columns:1fr auto;font-size:9px;row-gap:12px}.footer-bottom>span:nth-child(2){grid-row:2;grid-column:1/-1}.footer-bottom>a{grid-column:2;grid-row:1}.toast{width:max-content;text-align:center;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Readable body text at both review sizes. */
.philosophy-copy>p:not(.lead){font-size:16px}.philosophy-copy>.english-copy{font-size:14px!important}.text-link,.works-bottom .text-link{font-size:14px}.tabs button{font-size:14px}@media(max-width:600px){nav span{font-size:14px}.philosophy-copy>p:not(.lead){font-size:16px}.philosophy-copy>.english-copy{font-size:14px!important}.text-link,.works-bottom .text-link{font-size:14px}.tabs button{font-size:14px}}