:root{--ink:#20211f;--muted:#72756e;--lime:#c9f66b;--line:#dfdfdb;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #567a21;outline-offset:6px}.wrap{max-width:1376px;width:calc(100% - 112px);margin:auto}.skip{position:fixed;left:20px;top:-60px;padding:12px;background:var(--lime);z-index:20}.skip:focus{top:10px}.topbar{height:113px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:700;letter-spacing:-.4px}.brand-icon{width:44px;height:44px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:31px;font-weight:800;padding-bottom:4px}.brand-caption{display:block;font-size:12px;font-weight:400;margin-top:4px;letter-spacing:1px}nav{display:flex;gap:36px;align-items:center;font-size:14px}.nav-contact{border:1px solid #b7b8b1;border-radius:30px;padding:12px 19px;display:flex;gap:26px}nav a:hover{color:#60762b}.hero{min-height:620px;position:relative;display:grid;grid-template-columns:1.3fr 1fr;padding-top:83px;gap:20px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;margin:0 0 26px}.hero h1{font-size:clamp(36px,4.4vw,66px);line-height:1.43;letter-spacing:-2.5px;font-weight:700;margin:0 0 23px}.highlight{position:relative;isolation:isolate;white-space:nowrap}.highlight:after{content:'';position:absolute;background:var(--lime);bottom:5px;left:0;right:0;height:19px;z-index:-1;transform:rotate(-2deg)}.intro{font-size:16px;line-height:1.95;color:#71736d;margin-bottom:30px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--ink);color:#fff;padding:17px 23px;border-radius:50px;font-size:14px;transition:background .2s}.primary:hover{background:#42493a}.primary span{font-size:22px}.hero-art{min-width:0;display:flex;position:relative;align-items:center;justify-content:center;padding-bottom:70px}.sculpture{width:100%;max-height:430px;object-fit:contain;mix-blend-mode:multiply}.art-placeholder{align-self:center;width:100%;padding:36px;border-left:1px solid var(--line)}.art-placeholder>span{font-size:14px}.art-placeholder strong{display:block;font-size:66px;line-height:1.05;margin-top:20px;letter-spacing:-4px}.art-caption{position:absolute;bottom:85px;left:10%;right:5%;display:flex;justify-content:space-between;font-size:12px;color:#686d60}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 0 25px;align-self:end;font-size:12px;color:#7b7c75;letter-spacing:1px}.hero-bottom span span{margin-left:16px}.work-section{padding-top:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:24px}.section-heading .eyebrow{margin-bottom:13px}h2{font-size:30px;line-height:1.5;letter-spacing:-1px;margin:0;font-weight:500}.small-count{font-size:13px;vertical-align:top;margin-left:20px;letter-spacing:0;color:#8b8d86;line-height:3}.section-note{font-size:12px;color:#81837b;margin-bottom:7px}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px}.project-visual{border:0;border-radius:8px;width:100%;height:385px;overflow:hidden;position:relative;text-align:left;padding:24px;cursor:pointer;display:block}.flow-visual{background:#dce6d6}.visual-overline{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;position:relative;z-index:1}.dashboard{background:#fff;position:absolute;top:89px;left:33px;right:-34px;height:295px;border-radius:9px;display:flex;transform:rotate(-5deg);box-shadow:0 20px 40px #354d3520;text-align:left;transition:transform .4s;pointer-events:none}.project-visual:hover .dashboard{transform:rotate(-3deg) translateY(-5px)}.dashboard aside{width:123px;flex-shrink:0;background:#f5f6f2;border-right:1px solid #e8ebe4;padding:20px 10px;border-radius:9px 0 0 9px;display:flex;flex-direction:column;gap:16px;font-size:10px}.flow-logo{font-size:22px;margin:0 0 10px 7px}.dashboard aside>span{padding-left:8px}.aside-selected{background:#e0efc6;border-radius:4px;padding:8px;margin-top:-8px;margin-bottom:-8px}.dashboard aside small{margin-top:35px;color:#969b8d;font-size:9px;line-height:1.7;padding-left:8px}.dash-main{padding:20px 22px;flex:1;min-width:0}.dash-top{font-size:9px;color:#7b7c76;display:flex;justify-content:space-between;gap:12px}.dash-top span{font-size:8px}.dash-main h3{font-size:16px;font-weight:600;margin:18px 0}.dash-stats{display:flex;gap:8px}.dash-stats>div{background:#f7f8f3;padding:10px 12px;flex:1;border-radius:5px}.dash-stats small{font-size:8px;color:#767b6b;display:block}.dash-stats strong{display:block;font-size:21px;margin-top:6px}.dash-stats strong span{font-size:8px;font-weight:400;margin-left:6px}.task-head{font-size:10px;display:flex;justify-content:space-between;margin:17px 0 4px}.task-head span{font-size:8px;color:#7d8374}.task-row{font-size:9px;padding:9px 0;border-bottom:1px solid #eee;display:flex;align-items:center;gap:8px}.task-row i{border:1px solid #dce0d5;width:10px;height:10px;border-radius:50%;font-size:7px;font-style:normal;text-align:center}.task-row em{margin-left:auto;font-style:normal;color:#7b836d;font-size:8px}.task-row.done{color:#aaa}.focus-bar{display:flex;justify-content:space-between;background:#d9edbc;border-radius:3px;padding:8px;font-size:8px;margin-top:12px}.focus-bar b{font-weight:400}.view-circle{position:absolute;bottom:21px;right:21px;width:40px;height:40px;border-radius:50%;background:#fffffff0;display:grid;place-items:center;font-size:23px;transition:transform .2s}.project-visual:hover .view-circle{transform:rotate(45deg)}.habitat-visual{background:#eedccb}.home-type{position:absolute;top:101px;left:25px;font-size:29px;font-weight:500;letter-spacing:-1px;line-height:1.65}.home-type>span{display:block;font-size:9px;line-height:1.8;letter-spacing:1.5px;margin-top:24px;color:#836c58}.phone{position:absolute;top:78px;right:42px;width:180px;background:#fffdf8;border-radius:24px;border:5px solid #fcfcfa;box-shadow:0 15px 35px #88614125;transform:rotate(9deg);padding:11px 9px;height:338px;transition:transform .4s;pointer-events:none}.project-visual:hover .phone{transform:rotate(6deg) translateY(-5px)}.phone-status{font-size:8px;display:flex;justify-content:space-between;font-weight:600}.phone-title{margin-top:20px;font-weight:700;font-size:18px;display:flex;justify-content:space-between}.phone-title span{font-size:20px;font-weight:400}.phone>p{font-size:9px;margin:6px 0 13px;color:#847667}.phone-search{font-size:8px;color:#9a9085;background:#f2eee7;padding:10px;border-radius:5px}.map-panel{height:119px;margin:12px -9px 0;background:#eeeadd;position:relative;overflow:hidden}.map-street{position:absolute;background:#fffdf5;transform:rotate(-25deg)}.street-a{width:200px;height:11px;top:60px;left:-15px}.street-b{width:13px;height:160px;left:78px;top:-15px}.street-c{width:9px;height:160px;left:150px;top:-15px}.park{position:absolute;background:#d5dfbc;padding:18px 10px;left:0;top:0;border-radius:0 0 15px 0;font-size:7px;color:#778d5c}.map-label{position:absolute;padding:5px 8px;background:#fff;border:1px solid #d5c5b0;border-radius:15px;font-size:8px;box-shadow:0 2px 4px #51402712}.label-a{top:43px;left:32px;background:#766046;color:#fff}.label-b{top:16px;right:10px}.label-c{bottom:12px;right:22px}.metro{position:absolute;left:9px;bottom:17px;font-size:7px;color:#8c9275}.home-row{margin-top:10px;font-size:8px}.home-row b{font-size:9px;display:block;margin-bottom:7px}.home-row span{color:#816347;font-weight:700}.home-row small{font-weight:400;font-size:7px}.home-row p{font-size:7px;color:#9b9289}.phone-nav{display:flex;justify-content:space-between;font-size:7px;color:#9e9588;border-top:1px solid #eee7df;padding-top:8px}.phone-nav b{color:#765c45}.project-info{display:flex;justify-content:space-between;gap:12px;padding-top:23px}.project-tag{font-size:12px;color:#81877b}.project-info h3{font-size:21px;font-weight:600;letter-spacing:-.4px;margin:12px 0 9px}.project-info p{font-size:14px;color:#7a7d74;margin:0;line-height:1.8}.concept{font-size:11px;color:#73776b;white-space:nowrap;border:1px solid #dbddd4;border-radius:4px;height:24px;padding:4px 7px;margin-top:3px}.about-section{margin-top:87px;padding-top:62px;padding-bottom:64px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-section h2{font-size:31px;line-height:1.65}.about-section h2 span{color:#7b9d3e}.about-copy>p{font-size:15px;line-height:1.95;color:#70766a;margin:0 0 18px}.skills{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.skills span{border:1px solid #d6dbcf;border-radius:20px;font-size:12px;padding:7px 13px}.approach-section{border-top:1px solid var(--line);padding-top:56px;padding-bottom:72px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:36px}.step{font-size:11px;color:#8d9186;letter-spacing:1px}.approach-grid h3{font-size:19px;font-weight:500;margin:19px 0 13px}.approach-grid p{font-size:14px;line-height:1.9;color:#777e6e;margin:0;max-width:300px}footer{border-top:1px solid var(--line);padding-top:36px}.footer-bottom{padding:22px 0 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:#777c6f}dialog{border:0;border-radius:16px;background:var(--paper);width:min(780px,calc(100% - 32px));max-height:85dvh;padding:58px;color:var(--ink)}dialog::backdrop{background:#1a211bbb;backdrop-filter:blur(6px)}.close-dialog{position:absolute;right:20px;top:12px;background:none;border:0;font-size:34px;cursor:pointer;width:44px;height:44px}.case-label{color:#738842;font-size:12px;letter-spacing:1px}.case-title{font-size:32px;line-height:1.4;margin:20px 0}.case-summary{font-size:17px;color:#73776e;line-height:1.8}.case-facts{display:flex;gap:30px;padding:22px 0;margin:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;line-height:1.7}.case-facts span{display:block;color:#828779;font-size:11px;margin-bottom:6px}.case-body h3{font-size:19px;margin:28px 0 12px}.case-body p,.case-body li{font-size:15px;line-height:1.95;color:#656b5e}.case-body ul{padding-left:21px}.case-disclaimer{margin-top:28px;background:#e8eddc;padding:16px;border-radius:8px;font-size:13px;line-height:1.8;color:#63704e}
@media(min-width:1450px){.hero{min-height:680px}.project-visual{height:430px}.dashboard{top:110px;left:55px;right:-15px;transform:rotate(-5deg) scale(1.08)}.phone{right:65px;top:90px;transform:rotate(9deg) scale(1.15)}.home-type{left:40px;top:120px;font-size:34px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{min-height:560px;padding-top:60px}.hero h1{font-size:43px}.project-grid{gap:22px}.project-visual{height:325px}.dashboard{left:24px;top:80px;right:-90px;transform:rotate(-5deg) scale(.92);transform-origin:top left}.phone{right:18px;top:80px;transform:rotate(9deg) scale(.84);transform-origin:top right}.home-type{font-size:24px;left:20px}.about-section{gap:40px}.section-note{max-width:180px;line-height:1.7}.project-info h3{font-size:18px}.concept{font-size:10px}.hero-art{padding-bottom:55px}.art-caption{bottom:75px;font-size:11px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.topbar{height:88px}.brand{font-size:15px;gap:8px}.brand-icon{width:37px;height:37px;font-size:27px}.brand-caption{font-size:10px}nav{gap:18px;font-size:13px}.nav-contact{display:none}.hero{grid-template-columns:1fr;gap:0;padding-top:48px;min-height:0}.hero h1{font-size:clamp(32px,7.8vw,52px);letter-spacing:-1.5px;line-height:1.5}.eyebrow{font-size:11px;letter-spacing:1.7px;margin-bottom:23px}.intro{font-size:15px}.hero-art{height:270px;max-width:420px;width:100%;margin:8px auto 0;padding:0 25px 25px}.sculpture{height:100%;width:100%}.art-placeholder{padding:12px;border:0}.art-placeholder strong{font-size:36px;line-height:1;margin-top:10px;letter-spacing:-1px}.art-placeholder strong br{display:none}.art-placeholder>span{font-size:11px}.art-caption{bottom:14px;font-size:10px;left:10%;right:10%}.hero-bottom{padding:18px 0;font-size:10px;letter-spacing:0}.work-section{padding-top:40px}.section-heading{display:block;margin-bottom:23px}h2{font-size:25px}.small-count{font-size:12px;margin-left:12px}.section-note{max-width:none;font-size:11px;margin-top:13px}.project-grid{grid-template-columns:1fr;gap:35px}.project-visual{height:350px}.dashboard{right:-20px;left:30px;top:80px;transform:rotate(-5deg) scale(.93)}.phone{right:44px;top:68px;transform:rotate(9deg) scale(.95)}.home-type{top:94px;font-size:27px;left:26px}.project-info{padding-top:18px}.project-info h3{font-size:20px}.project-info p{font-size:13px}.about-section{margin-top:50px;padding-top:38px;padding-bottom:40px;grid-template-columns:1fr;gap:26px}.about-section h2{font-size:27px}.about-copy>p{font-size:15px}.approach-section{padding-top:37px;padding-bottom:45px}.approach-grid{grid-template-columns:1fr;gap:25px;margin-top:27px}.approach-grid article{border-bottom:1px solid var(--line);padding-bottom:23px}.approach-grid article:last-child{border:0;padding:0}.approach-grid h3{margin:13px 0 7px}.approach-grid p{max-width:none}.footer-bottom{gap:15px;font-size:10px;flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}dialog{padding:50px 24px 30px}.case-title{font-size:26px}.case-facts{gap:20px;flex-wrap:wrap}}
@media(max-width:370px){.project-visual{height:300px}.dashboard{transform:rotate(-5deg) scale(.8);right:-90px}.phone{right:18px;transform:rotate(9deg) scale(.82)}.home-type{font-size:22px}.project-info{flex-wrap:wrap}.hero-bottom{font-size:9px}}
.project-visual .visual-overline{position:absolute;top:24px;left:24px;right:24px}.sculpture{border-radius:8px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}