*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#f5f4ef;color:#243c32;font-family:Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #ad6a46;outline-offset:6px}.wrap{max-width:1320px;margin:auto;padding-left:60px;padding-right:60px}.nav{height:115px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:700;letter-spacing:-1px}.brand-sub{display:block;font-size:9px;letter-spacing:4px;margin-top:5px}nav{display:flex;align-items:center;gap:38px;font-size:13px}nav button{border:1px solid #c7ccc2;border-radius:30px;padding:9px 14px;background:transparent}.hero{position:relative;padding-top:65px;padding-bottom:70px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:600}.hero .eyebrow{display:flex;align-items:center;gap:10px}.dot{height:7px;width:7px;background:#608663;border-radius:50%}h1{font-family:Georgia,"Microsoft YaHei",serif;font-weight:400;font-size:clamp(70px,8.8vw,120px);line-height:1.02;letter-spacing:-6px;margin:35px 0 28px}.hero-bottom{display:flex;align-items:end;justify-content:space-between;max-width:670px}.hero p{font-size:16px;line-height:1.8;color:#697268}.round-link{display:grid;place-items:center;background:#d3e4ac;width:68px;height:68px;border-radius:50%;font-size:35px;transition:transform .2s}.round-link:hover{transform:rotate(-35deg)}.hero-index{position:absolute;right:60px;top:120px;font-size:10px;line-height:1.8;letter-spacing:1.4px;writing-mode:vertical-rl}.section-top{display:flex;justify-content:space-between;border-top:1px solid #cbd0c6;padding:23px 0 30px;font-size:12px;color:#687267}.project{display:grid;grid-template-columns:1fr 1fr;min-height:520px;margin-bottom:24px;overflow:hidden;border-radius:3px}.digital{background:#e8ece2}.project-text{padding:46px 46px 30px;display:flex;flex-direction:column;align-items:start}.pill{font-size:9px;font-weight:600;letter-spacing:1.3px;border:1px solid #adb8a9;border-radius:20px;padding:8px 11px}h2{font-size:58px;line-height:1.06;font-weight:400;letter-spacing:-2.5px;margin:35px 0 12px}.digital h2{width:100%;display:flex;justify-content:space-between;align-items:center}.digital h2 span{font-size:30px}.project p{font-size:18px;line-height:1.5;margin:10px 0}.project .detail{font-size:14px;line-height:1.8;color:#626f62;max-width:365px}.text-link{font-size:13px;border-bottom:1px solid;padding:12px 0 7px;margin:13px 0 28px}.project-meta{margin-top:auto;border-top:1px solid #c1cbbb;width:100%;display:flex;justify-content:space-between;padding-top:20px;font-size:10px;letter-spacing:1px}.collage-stage{background:#d4dec9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 28px 25px}.poster{width:310px;height:340px;padding:9px;gap:6px;background:#fcfbf6;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;transform:rotate(5deg);box-shadow:10px 18px 30px #233a3220;transition:transform .4s}.poster.feature{grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr 1fr}.poster.feature .tile-a{grid-row:span 3}.poster.strips{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}.poster:hover{transform:rotate(0)}.tile{position:relative;overflow:hidden}.tile-a{background:#b9ccd1}.sun{position:absolute;top:12%;left:45%;width:52px;height:52px;background:#f9e5ad;border-radius:50%}.hill{position:absolute;width:220px;height:180px;left:-60px;bottom:-110px;border-radius:50%;background:#587968;transform:rotate(20deg)}.tile-b{background:#c47f5d}.arch{position:absolute;left:20%;top:18%;width:64%;height:100%;background:#edc2a1;border-radius:90px 90px 0 0;box-shadow:inset -14px 2px 0 #a95e41}.tile-c{background:#e8d8aa}.orb{position:absolute;width:100px;height:100px;top:20%;left:18%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f6eee0,#a99c75);box-shadow:10px 16px 15px #66563538}.tile-d{background:#374e45}.steps{position:absolute;width:90%;height:26%;background:#a3b59d;bottom:0;left:20%;box-shadow:22px -35px 0 #b7c5ac,44px -70px 0 #d2d9c2}.demo-controls{margin-top:37px;display:flex;gap:8px;align-items:center}.demo-controls>span{font-size:8px;letter-spacing:1px;margin-right:7px}.layout{border:1px solid #9faa94;border-radius:50%;width:31px;height:31px;background:transparent;font-size:20px}.layout.active{background:#294437;color:white;border-color:#294437}.caption{font-size:9px;color:#62715d;margin-top:13px}.physical{background:#eeebe3;min-height:445px}.physical .project-text{padding-top:40px}.physical h2{font-size:51px}.quiet{font-size:11px;color:#74766b;margin-top:20px}.object-stage{position:relative;background:#e4ded1;min-height:430px;overflow:hidden;background-image:linear-gradient(140deg,#ece7dd,#ddd4c2)}.object-disc{position:absolute;width:220px;height:220px;border-radius:50%;background:#a9b7a0;top:65px;left:26%;box-shadow:inset 14px 4px 22px #e0e3d1,inset -9px -4px 15px #798b70,30px 25px 28px #625e4a25;transform:rotateY(30deg)}.object-block{position:absolute;left:23%;top:224px;width:220px;height:85px;background:linear-gradient(110deg,#c88c6c,#ae6a4f);transform:skewY(-8deg);box-shadow:15px 24px 20px #665e452b}.object-sphere{position:absolute;left:57%;top:244px;width:95px;height:95px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fbf8eb,#b2a88a 80%);box-shadow:20px 20px 18px #6a624d30}.object-label{position:absolute;bottom:28px;left:30px;font-size:9px;letter-spacing:2px;color:#6b6c61}.studio{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:100px;padding-bottom:100px}.studio h2{font-family:Georgia,"Microsoft YaHei",serif;font-size:48px;line-height:1.12}.studio-copy{padding-top:26px}.studio-copy p{font-size:16px;line-height:1.8;color:#647063}.principles{border-top:1px solid #cbd0c6;display:flex;flex-wrap:wrap;gap:20px;padding-top:22px;margin-top:28px;font-size:10px}.contact{background:#243e33;color:#f3f2e8;padding:55px 0}.contact .eyebrow{color:#bac8b5}.contact-title{font-family:Georgia,"Microsoft YaHei",serif;font-size:clamp(32px,5.2vw,69px);letter-spacing:-2px;display:block;margin:35px 0}.contact-bottom{display:flex;justify-content:space-between;align-items:end;font-size:13px;line-height:1.8;color:#ccd6c6}.contact-bottom>a{border-bottom:1px solid #718470;padding-bottom:4px}footer{display:flex;gap:25px;align-items:center;justify-content:space-between;padding-top:30px;padding-bottom:30px;font-size:10px;line-height:1.8}footer span{color:#738074}footer button{background:none;border:0;font-size:11px}dialog{border:1px solid #cbd0c6;border-radius:7px;max-width:600px;width:calc(100% - 36px);padding:40px;background:#f5f4ef;color:#243c32}dialog::backdrop{background:#152a2380}dialog h2{font-size:30px;letter-spacing:-1px}dialog p{font-size:14px;line-height:1.8}.close{float:right;border:0;background:transparent;font-size:27px}html[lang=zh-CN] h1{font-size:clamp(58px,7.3vw,100px);letter-spacing:-3px;line-height:1.2}html[lang=zh-CN] h2{line-height:1.25}@media(min-width:1500px){.hero{padding-top:90px}}@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}.nav{height:85px}.brand{font-size:19px}.brand img{width:30px;height:30px}nav{gap:17px;font-size:11px}nav a:nth-child(2){display:none}nav button{padding:7px 10px}.hero{padding-top:42px;padding-bottom:55px}h1{font-size:70px;letter-spacing:-4px}.hero-index{display:none}.hero p{font-size:14px}.round-link{width:52px;height:52px;flex-shrink:0}.section-top{font-size:10px}.section-top>span:last-child{display:none}.project{grid-template-columns:1fr}.project-text{padding:30px}.collage-stage{min-height:440px;grid-row:1}.poster{width:260px;height:285px}.physical .project-text{grid-row:2}.object-stage{min-height:360px}.object-disc{top:40px;left:20%}.object-block{top:200px;left:18%}.object-sphere{top:220px}.studio{grid-template-columns:1fr;gap:10px;padding-top:65px;padding-bottom:65px}.studio h2{font-size:42px}.studio-copy{padding-top:0}.contact-bottom{align-items:start;flex-direction:column;gap:15px}.contact-title{letter-spacing:-1px}footer{flex-wrap:wrap;font-size:9px}.project-meta{font-size:9px;letter-spacing:0}.contact{padding:45px 0}html[lang=zh-CN] h1{font-size:56px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}