:root{font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif;color:#193b32;background:#f7f8f2;font-synthesis:none;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #6f9e52;outline-offset:5px}button{color:inherit}::selection{background:#d0ed91;color:#193b32}.site{--paper:#f7f8f2;--ink:#193b32;--muted:#6b786c;--line:#dce2d6;--accent:#d2ed98;background:var(--paper);color:var(--ink);min-height:100vh;transition:background .3s,color .3s}.site.dark{--paper:#142b24;--ink:#eff3df;--muted:#adbcac;--line:#3a4b3e;--accent:#526e3d}.wrap{max-width:1280px;padding-left:52px;padding-right:52px;margin:auto}.header{height:104px;display:flex;align-items:center;gap:45px;border-bottom:1px solid var(--line)}.brand{font-weight:850;letter-spacing:1.5px;font-size:23px;display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-icon{font-size:38px;line-height:1;font-weight:400}.brand-dot{font-size:11px;align-self:flex-start;margin-left:-7px;margin-top:7px}.header nav{margin-left:auto;display:flex;gap:34px;font-size:14px}.header nav a:hover{color:#7b994b}.theme{width:39px;height:39px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:25px;display:grid;place-items:center}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:65px;padding-bottom:68px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:600;line-height:1.6;margin:0 0 26px}.live-dot{display:inline-block;width:7px;height:7px;background:#6f965b;border-radius:50%;margin-right:9px;box-shadow:0 0 0 4px #85a36c17}.hero h1{font-size:clamp(48px,5vw,68px);letter-spacing:-3px;line-height:1.26;margin:0 0 25px;font-weight:800}.word-mark{position:relative;z-index:0}.word-mark:after{content:"";position:absolute;z-index:-1;left:-3px;right:-3px;bottom:3px;height:25px;background:var(--accent);transform:rotate(-2deg)}.period{color:#8aa653}.hero-description{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 28px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--ink);color:var(--paper);border:0;border-radius:5px;padding:17px 23px;font-size:13px;font-weight:600;transition:transform .2s}.primary-button:hover{transform:translateY(-3px)}.primary-button span{font-size:22px;line-height:1}.hero-footnote{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:37px}.short-line{width:25px;height:1px;background:var(--muted)}.hero-art{position:relative;aspect-ratio:1/1.04;background:#e5ebe0;border-radius:12px;overflow:hidden;isolation:isolate;min-width:0;color:#264238}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#b7c4b62a 1px,transparent 1px),linear-gradient(90deg,#b7c4b62a 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(#000b,transparent);mask-image:linear-gradient(#000b,transparent)}.art-label{position:absolute;top:27px;left:27px;font-size:9px;letter-spacing:2px}.art-orbit{border:1px solid #a7b79a;position:absolute;border-radius:50%;width:90%;height:90%;left:5%;top:5%}.orbit-one{transform:rotate(-35deg) scaleX(.63)}.orbit-two{transform:rotate(40deg) scaleX(.63);border-color:#c0ccb5}.sculpture{position:absolute;inset:17% 14% 16%;transform:rotate(-22deg);filter:drop-shadow(14px 22px 14px #173f352c);animation:float 8s ease-in-out infinite}.shape-back{position:absolute;width:64%;height:64%;border-radius:25%;left:21%;top:17%;background:linear-gradient(140deg,#345e43,#5b7e50 45%,#173a2e 90%);transform:rotate(45deg)}.shape-front{position:absolute;inset:0;background:linear-gradient(130deg,#e5fab1 8%,#bfde76 40%,#89ac54 75%,#527b37);clip-path:polygon(37% 0,63% 0,66% 32%,93% 16%,100% 39%,70% 51%,96% 73%,80% 93%,57% 67%,51% 100%,26% 94%,35% 61%,3% 74%,0 48%,32% 43%,12% 18%,33% 7%,46% 34%);border-radius:20%}.shape-center{width:23%;height:23%;border-radius:50%;position:absolute;left:41%;top:38%;background:radial-gradient(circle at 65% 70%,#d3e1aa,#6e8d4e 64%,#3e623f);box-shadow:inset 5px 8px 10px #2b4b3b8c}.floating-note{position:absolute;bottom:80px;left:26px;right:80px;background:#fffdf0dd;border:1px solid #fff;border-radius:9px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px 20px;display:flex;align-items:center;gap:15px;box-shadow:0 7px 25px #3c543512;transform:rotate(-4deg)}.floating-note>span{font-size:32px}.floating-note div{font-size:14px;font-weight:600;letter-spacing:1px}.floating-note small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:6px;font-weight:400}.art-footer{position:absolute;bottom:24px;left:27px;right:27px;font-size:8px;letter-spacing:1.3px;display:flex;align-items:center;justify-content:space-between}.art-footer>span:last-child{font-size:23px}.vertical-note{position:absolute;right:17px;top:80px;writing-mode:vertical-rl;font-size:8px;letter-spacing:1.8px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:19px 0}.ticker>div{font-size:13px;letter-spacing:2.5px;white-space:nowrap;display:flex;gap:45px;align-items:center;justify-content:center}.ticker span{font-size:24px;color:#789356;line-height:1}.projects{padding-top:73px;padding-bottom:70px}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-end}.section-heading .eyebrow{margin-bottom:13px}h2{font-size:33px;line-height:1.5;letter-spacing:-1px;margin:0}.section-note{font-size:12px;line-height:1.9;color:var(--muted);text-align:right}.filters{display:flex;gap:10px;align-items:center;margin:34px 0 26px}.filters button{border:1px solid var(--line);background:transparent;border-radius:30px;font-size:12px;padding:10px 17px;transition:background .2s}.filters button.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.filters button span{margin-left:16px}.project-count{margin-left:auto;font-size:9px;letter-spacing:1.7px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start;min-height:345px}.project-card{padding:0;border:0;background:transparent;text-align:left;min-width:0;animation:enter .35s ease}.project-visual{aspect-ratio:1.12;border-radius:7px;overflow:hidden;position:relative;transition:transform .25s}.project-card:hover .project-visual{transform:translateY(-5px)}.space{background:#e5e1d7;color:#353c2c}.mini-window{position:absolute;top:14%;left:13%;width:76%;height:83%;background:#fbfaf5;box-shadow:0 8px 20px #595c4620;border-radius:5px;transform:rotate(-7deg)}.mini-top{height:20px;border-bottom:1px solid #e6e5db;display:flex;align-items:center;gap:3px;padding:0 9px}.mini-top i{width:3px;height:3px;border-radius:50%;background:#c0c4b4}.mini-top span{font-size:5px;margin-left:auto}.mini-body{padding:18px;position:relative;height:85%;overflow:hidden}.mini-body>span{font-size:5px;letter-spacing:1px}.mini-body>b{display:block;font-family:Georgia,serif;font-weight:400;font-size:28px;line-height:1.1;margin-top:11px;position:relative;z-index:1}.mini-line{width:45%;height:2px;background:#d5d5ca;margin-top:12px}.mini-line.shorter{width:32%;margin-top:5px}.mini-photo{position:absolute;right:15px;bottom:10px;width:37%;height:48%;border-radius:60px 60px 0 0;background:radial-gradient(ellipse at 40% 30%,#d3d1af,transparent 55%),linear-gradient(120deg,#999f7b,#60765f 70%)}.visual-label{position:absolute;bottom:15px;left:19px;font-size:6px;letter-spacing:1.6px}.nature{background:#cedc8b;color:#29422d}.nature-caption{position:absolute;top:25px;left:23px;font-size:7px;letter-spacing:1.8px}.leaf{position:absolute;width:36%;height:51%;background:linear-gradient(135deg,#719943,#28583a);border-radius:0 100%;top:22%;left:20%;transform:rotate(-25deg);box-shadow:inset -7px 0 15px #173e2d44}.leaf-two{left:49%;transform:rotate(58deg);top:18%;background:linear-gradient(135deg,#a3b956,#537b39)}.nature-word{position:absolute;font-size:76px;font-family:Georgia,serif;font-weight:400;top:33%;left:13%;letter-spacing:-5px;color:#f7f9dd;transform:rotate(-5deg)}.nature-word span{font-size:15px;vertical-align:top;letter-spacing:0;display:inline-block;margin-top:17px}.light{background:#254f46;color:#e4edbd}.light-caption{position:absolute;left:23px;top:24px;font-size:10px;line-height:1.4;font-weight:600;letter-spacing:2px}.ring{position:absolute;width:62%;height:62%;border-radius:50%;left:28%;top:26%;background:conic-gradient(from 40deg,#bdd592,#829d65,#e1eab8,#4d745a,#bcd391);transform:rotate(-35deg) scaleX(.64);box-shadow:16px 10px #183e35,25px 22px 20px #092c2780}.ring:after{content:"";position:absolute;inset:24%;background:#254f46;border-radius:50%;box-shadow:inset 12px 4px #193e33,inset 16px 8px 9px #0c302b}.card-open{position:absolute;right:15px;bottom:14px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffefc9;color:#1d4135;font-size:19px}.project-meta{display:flex;justify-content:space-between;padding-top:18px}.project-category{color:var(--muted);font-size:9px;letter-spacing:.9px}.project-meta h3{font-size:19px;margin:9px 0 0;font-weight:600}.project-number{color:var(--muted);font-size:11px;padding-top:3px}.about{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:48px;padding-bottom:48px;display:grid;grid-template-columns:85px 1fr 1fr;gap:25px;align-items:center}.about-symbol{font-size:82px;color:#8ba75c;line-height:1}.about .eyebrow{font-size:8px;margin-bottom:12px}.about h2{font-size:27px}.about-copy{justify-self:end}.about-copy p{font-size:13px;line-height:2;color:var(--muted);margin:0 0 18px}.about-copy>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.footer{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand{font-size:16px}.footer .brand-icon{font-size:28px}.footer>span,.footer>a:last-child{font-size:10px;color:var(--muted)}.project-dialog{background:#f7f8f2;color:#193b32;border:1px solid #dce2d6;border-radius:15px;padding:48px;max-width:540px;width:calc(100% - 36px);box-shadow:0 30px 100px #0004}.project-dialog::backdrop{background:#102b2477;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-dialog.dialog-dark{background:#1a342b;color:#eff3df;border-color:#425345}.dialog-close{position:absolute;right:17px;top:12px;border:0;background:transparent;font-size:31px}.project-dialog .eyebrow{font-size:9px;margin-bottom:20px}.project-dialog h2{font-size:40px}.dialog-en{font-size:10px;letter-spacing:2px;margin:10px 0 25px;opacity:.6}.dialog-description{font-size:15px;line-height:2;opacity:.8}.tags{display:flex;gap:9px;flex-wrap:wrap;margin:23px 0}.tags span{font-size:11px;border:1px solid #8c9c8066;padding:7px 10px;border-radius:4px}.demo-note{font-size:10px;opacity:.6;margin-bottom:28px}.project-dialog .primary-button{background:#193b32;color:#f7f8f2}.dialog-dark .primary-button{background:#d2ed98;color:#193b32}@keyframes float{0%,to{transform:translateY(0) rotate(-22deg)}50%{transform:translateY(-10px) rotate(-16deg)}}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:80px}.hero h1{font-size:72px}}@media(max-width:950px){.wrap{padding-left:30px;padding-right:30px}.hero{gap:25px;padding-top:45px;padding-bottom:45px}.hero h1{font-size:48px}.eyebrow{font-size:8px}.floating-note{right:35px;left:18px;bottom:60px;padding:12px}.floating-note div{font-size:11px}.floating-note small{font-size:6px}.art-footer{font-size:6px;left:18px;right:18px}.art-label{font-size:7px;left:18px;top:20px}.vertical-note{font-size:6px}.project-grid{gap:16px;min-height:290px}.mini-body{padding:12px}.mini-body>b{font-size:23px}.nature-word{font-size:62px}.about{grid-template-columns:55px 1fr 1fr;gap:20px}.about-symbol{font-size:60px}.about h2{font-size:24px}.about-copy p{font-size:12px}}@media(max-width:680px){.wrap{padding-left:22px;padding-right:22px}.header{height:78px;gap:17px}.brand{font-size:18px;gap:7px;letter-spacing:1px}.brand-icon{font-size:30px}.brand-dot{font-size:8px}.header nav{gap:15px;font-size:11px}.header nav a:nth-child(2){display:none}.theme{width:32px;height:32px;font-size:21px}.hero{grid-template-columns:1fr;gap:35px;padding-top:37px;padding-bottom:35px}.hero h1{font-size:56px;letter-spacing:-2px;line-height:1.2}.eyebrow{font-size:8px;margin-bottom:24px;letter-spacing:1.6px}.hero-description{font-size:13px}.hero-footnote{margin-top:25px}.hero-art{aspect-ratio:1.08}.art-label{font-size:8px}.floating-note{right:65px;bottom:58px;padding:13px 17px}.floating-note div{font-size:13px}.floating-note small{font-size:7px}.ticker{padding:15px 0}.ticker>div{font-size:10px;gap:25px}.ticker span{font-size:19px}.projects{padding-top:44px;padding-bottom:44px}.section-heading{align-items:start}.section-heading h2{font-size:26px}.section-heading .eyebrow{font-size:7px;letter-spacing:1px}.section-note{display:none}.filters{gap:6px;flex-wrap:wrap;margin:25px 0 22px}.filters button{font-size:10px;padding:9px 13px}.filters button span{margin-left:8px}.project-count{display:none}.project-grid{grid-template-columns:1fr;gap:30px;min-height:0}.project-visual{aspect-ratio:1.25}.mini-window{width:69%;left:16%}.mini-body>b{font-size:37px}.mini-body{padding:22px}.mini-top{height:25px}.mini-top span{font-size:7px}.mini-body>span{font-size:7px}.nature-word{font-size:100px;left:18%}.nature-caption{font-size:9px}.light-caption{font-size:12px}.visual-label{font-size:7px}.project-meta h3{font-size:21px}.project-meta{padding-top:15px}.project-category{font-size:10px}.about{grid-template-columns:45px 1fr;gap:20px;padding-top:35px;padding-bottom:35px}.about-symbol{font-size:50px}.about h2{font-size:25px}.about-copy{grid-column:2;justify-self:start}.about-copy p{margin-bottom:14px;font-size:12px}.footer{padding-top:25px;padding-bottom:25px;min-height:100px;flex-wrap:wrap;gap:15px}.footer .brand{font-size:14px}.footer>span{order:3;flex-basis:100%;font-size:9px}.footer>a:last-child{margin-left:auto}.project-dialog{padding:40px 25px}.project-dialog h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}