:root{color:#0b4f46;font-synthesis:none;text-rendering:optimizelegibility;--ink:#0b4f46;--coral:#ff715f;--lime:#9eea4b;--mint:#41d8b6;--grid:#0b4f460e;--header-height:74px;background:#f8f8f6;font-family:Arial,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#f8f8f6;background-image:linear-gradient(to right, var(--grid) 1px, transparent 1px), linear-gradient(to bottom, var(--grid) 1px, transparent 1px);background-size:10vw 208px;min-width:1080px;margin:0;position:relative}#root{position:relative}.page-ruler{z-index:0;opacity:.5;pointer-events:none;background-image:repeating-linear-gradient(#0b4f4652 0 1px,#0000 1px 13px);width:22px;position:absolute;top:0;bottom:0;right:20%}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);background:#f8f8f699;border-bottom:1px solid #ffffff8a;width:100%;position:fixed;top:0;left:0;box-shadow:0 8px 32px #0b4f460e}.top-nav{height:var(--header-height);justify-content:space-between;align-items:center;padding:0 48px;display:flex}.wordmark{letter-spacing:-.03em;align-items:center;gap:4px;font-size:15px;font-weight:400;display:flex}.wordmark span{font-size:inherit;font-weight:inherit;letter-spacing:inherit;margin:0}.top-nav nav{letter-spacing:-.03em;gap:64px;font-size:15px;display:flex}.bilingual-link{min-width:52px;display:inline-grid;position:relative}.bilingual-link>span{grid-area:1/1;transition:opacity .16s}.nav-zh,.bilingual-link:hover .nav-en,.bilingual-link:focus-visible .nav-en{opacity:0}.bilingual-link:hover .nav-zh,.bilingual-link:focus-visible .nav-zh{opacity:1}.wordmark{transition:opacity .18s}.wordmark:hover{opacity:.48}.category-nav{top:var(--header-height);background:#f8f8f6f5;border-top:1px solid #0b4f4614;border-bottom:1px solid #0b4f4624;justify-content:flex-end;align-items:center;gap:12px;width:100%;min-height:62px;padding:0 48px;animation:.18s both category-in;display:flex;position:absolute;right:0}@keyframes category-in{0%{opacity:0;transform:translateY(-8px)}}.category-nav button{color:var(--ink);cursor:pointer;background:#f8f8f6c7;border:1px solid #0b4f4647;border-radius:100px;align-items:center;gap:8px;padding:8px 15px;font-size:13px;transition:all .18s;display:flex}.category-nav button>span{border:1px solid var(--coral);border-radius:50%;width:8px;height:8px}.category-nav button:hover{color:#f8f8f6;background:linear-gradient(100deg,#3ed4c6 0%,#a2ed58 100%);border-color:#0000;box-shadow:0 5px 18px #41d8b638}.category-nav button:hover>span{background:#fff;border-color:#fff}.moodboard-graphics{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-circle{z-index:1;border:1.5px solid var(--lime);border-radius:50%;position:absolute;transform:rotate(15deg)}.hero-circle-a{width:68vw;height:39vw;top:23%;left:11%;transform:rotate(9deg)}.hero-circle-b{width:48vw;height:25vw;top:9%;right:10%;transform:rotate(16deg)}.hero-rule{z-index:2;background:var(--ink);transform-origin:0;height:1px;position:absolute}.hero-rule:before,.hero-rule:after{content:"";background:var(--ink);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px}.hero-rule:before{left:0}.hero-rule:after{right:0}.hero-rule-b{background:var(--coral);width:12%;top:42%;left:10%;transform:rotate(52deg)}.hero-rule-b:before,.hero-rule-b:after{border:1px solid var(--coral);background:#f8f8f6}.project-section{z-index:1;scroll-margin-top:var(--header-height);min-height:100vh;padding:calc(var(--header-height) + 10px) 0 0;position:relative}.moodboard-graphics:after{content:"";background:var(--ink);transform-origin:0;width:13%;height:1px;position:absolute;bottom:6%;left:47%;transform:rotate(48deg)}.project-canvas{z-index:1;width:calc(100% - 32px);max-width:2200px;min-height:840px;height:calc(100vh - var(--header-height) - 10px);margin:0 auto;position:relative}.project-canvas:not(.filtered){aspect-ratio:8000/12592;background:url(/images/homepage-background.jpg) top/100% 100% no-repeat;height:auto;min-height:0}.home-project-layer{position:absolute;inset:0}.project-grid-contents{display:contents}.project-card{z-index:1;position:absolute}.project-canvas:not(.filtered) .project-a{width:28.5%;height:10.2%;top:3.9%;left:4.5%}.project-canvas:not(.filtered) .project-b{width:28.7%;height:10.3%;top:19.9%;left:38%}.project-canvas:not(.filtered) .project-c{width:24%;height:8.8%;top:23.5%;left:6.2%}.project-canvas:not(.filtered) .project-d{width:27%;height:12.5%;top:4.4%;left:37%}.project-canvas:not(.filtered) .project-e{width:29%;height:10.3%;top:7.6%;right:3.5%}.project-canvas:not(.filtered) .project-f{width:14.2%;height:9%;top:22.7%;right:7.8%}.project-canvas:not(.filtered) .project-card{overflow:hidden}.project-canvas:not(.filtered) .project-entry,.project-canvas:not(.filtered) .project-image{width:100%;height:100%}.project-canvas:not(.filtered) .project-image{overflow:hidden}.project-canvas:not(.filtered) .project-image img{object-fit:cover;width:100%;height:100%}.project-canvas:not(.filtered) .project-d .project-image img,.project-canvas:not(.filtered) .project-f .project-image img{object-fit:contain}.project-canvas.filtered{grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 28px;width:calc(100% - 64px);max-width:1700px;height:auto;min-height:auto;padding-bottom:96px;display:grid}.filtered .project-card{position:relative}.filtered .project-card.project-wide{grid-column:1/-1}.filtered .project-card.project-lifted{transform:translateY(-36px)}.project-image{background:0 0;overflow:visible}.project-image img{object-fit:contain;width:100%;height:auto;transition:transform .65s cubic-bezier(.2,.7,.2,1);display:block}.filtered .project-image{background:0 0;overflow:visible}.filtered .project-image img{height:auto}.filtered .project-card.project-cropped .project-image{aspect-ratio:8000/5014;overflow:hidden}.filtered .project-card.project-cropped .project-image img{object-fit:cover;width:100%;height:100%}.filtered .project-card.project-widescreen .project-image{aspect-ratio:16/9;overflow:hidden}.filtered .project-card.project-widescreen .project-image img{object-fit:cover;width:100%;height:100%}.project-entry{color:inherit;cursor:pointer;text-decoration:none;display:block}.project-title{letter-spacing:-.01em;margin:12px 0 0;font-size:14px;line-height:1.25}.project-card:hover img{transform:scale(1.025)}.home-project-repair{width:27.2%;height:9.8%;top:37.4%;left:9.5%}.home-project-hairuilin{width:15.3%;height:9.7%;top:34.3%;left:44.5%}.home-project-huijia-life{width:27.2%;height:9.8%;top:40.1%;right:7.7%}.home-project-nuanxin{width:29%;height:10.4%;top:51.8%;left:5%}.home-project-jianfa{width:25%;height:12%;top:55.9%;left:42.1%}.home-project-meitian{width:18.4%;height:12%;top:53.7%;right:6.3%}.home-project-premium{width:25%;height:12%;top:66.4%;left:13%}.home-project-xianxia{width:51.3%;height:9.8%;top:81.9%;left:4.2%}.home-project-anniversary{width:33.8%;height:12%;top:73.6%;right:6.8%}.project-detail-view{z-index:2;color:#262626;background:#f8f8f6;min-height:100vh;position:relative}.project-intro{width:calc(100% - 96px);max-width:1700px;min-height:680px;padding:calc(var(--header-height) + 78px) 0 110px;grid-template-columns:minmax(300px,.85fr) minmax(620px,1.55fr);gap:10vw;margin:0 auto;transition:min-height .32s,padding-bottom .32s;display:grid}.project-intro.collapsed{min-height:0;padding-bottom:60px}.project-intro h1,.project-intro h2,.project-intro p,.project-intro dl,.project-intro dd{margin:0}.project-intro h1,.project-intro h2{letter-spacing:-.035em;font-size:32px;font-weight:400;line-height:1.25}.project-intro-meta dl{opacity:1;gap:30px;max-height:300px;margin-top:54px;transition:max-height .32s,margin-top .32s,opacity .22s;display:grid;overflow:hidden}.project-intro-meta dl>div{gap:3px;display:grid}.project-intro dt{color:#8e8e8e;font-size:17px;line-height:1.35}.project-intro dd{font-size:17px;line-height:1.55}.project-intro-copy h2{align-items:center;gap:8px;margin-bottom:42px;transition:margin-bottom .32s;display:flex}.detail-close{width:18px;height:18px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.detail-close:hover,.detail-close:focus-visible{opacity:1;transform:none}.detail-close-dot{border:1.333px solid var(--coral);border-radius:50%;width:15.4px;height:15.4px;transition:background-color .18s;display:block}.detail-close:hover .detail-close-dot,.detail-close:focus-visible .detail-close-dot{background:var(--coral)}.project-intro-copy p{letter-spacing:.005em;max-width:900px;font-size:18px;line-height:1.9}.project-intro-copy-content{opacity:1;max-height:500px;transition:max-height .32s,opacity .22s;overflow:hidden}.project-intro.collapsed .project-intro-meta-content{opacity:0;max-height:0;margin-top:0}.project-intro.collapsed .project-intro-copy h2{margin-bottom:0}.project-intro.collapsed .project-intro-copy-content{opacity:0;max-height:0}.project-intro-copy p+p{margin-top:28px}.project-pdf{width:calc(100% - 96px);max-width:1700px;margin:0 auto;padding-bottom:0}.pdf-pages{gap:24px;display:grid}.pdf-page-shell{background:#eeeeec;width:100%;margin:0;overflow:hidden}.pdf-page-shell img{width:100%;height:auto;display:block}.related-work{border-top:1px solid #26262629;width:calc(100% - 96px);max-width:1700px;margin:140px auto 0;padding:46px 0 78px}.related-work h2{color:#262626;letter-spacing:-.035em;margin:0;font-size:32px;font-weight:400;line-height:1.2}.related-work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:38px;display:grid}.related-work-card,.related-work-card p{margin:0}.related-work-image{aspect-ratio:16/9;background:0 0;place-items:center;display:grid;overflow:hidden}.related-work-image img{object-fit:cover;width:100%;height:100%;transition:transform .42s cubic-bezier(.2,.7,.2,1);display:block}.related-work-card a:hover img,.related-work-card a:focus-visible img{transform:scale(1.025)}.related-work-card p{color:#262626;padding-top:9px;font-size:13px;line-height:1.4}.project-footer{color:#262626;border-top:1px solid #26262629;grid-template-columns:1.05fr 1fr 1.15fr 1fr;gap:24px;width:calc(100% - 96px);max-width:1700px;margin:0 auto;padding:32px 0 54px;font-size:17px;line-height:1.4;display:grid}.project-footer-brand{letter-spacing:-.055em;font-size:25px;line-height:.9}.project-footer-brand span{letter-spacing:-.02em;margin-top:8px;font-size:17px;line-height:1;display:block}.project-footer-item{flex-direction:column;gap:4px;display:flex}.project-footer-label{color:#6f6f6f}@media (width<=1280px){.category-nav{gap:7px}.category-nav button{padding:7px 10px;font-size:12px}.project-section{padding-left:32px;padding-right:32px}.project-intro{gap:7vw;width:calc(100% - 64px)}.project-pdf,.related-work,.project-footer{width:calc(100% - 64px)}}@media (width<=760px){.project-canvas.filtered{grid-template-columns:1fr;gap:44px;width:calc(100% - 36px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}