:root{--ink:#25352e;--moss:#627a65;--cream:#f7f4ed;--sand:#dfd7cb;--line:#ddd9d0;--muted:#68746d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Plus Jakarta Sans','Microsoft YaHei',sans-serif}.topline{height:31px;background:#26362f;color:#eef0e9;text-align:center;line-height:31px;font-size:10px;letter-spacing:1.4px}header{height:80px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;background:rgba(247,244,237,.93);backdrop-filter:blur(12px)}.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font:600 20px 'Noto Serif SC';letter-spacing:2px}.logo b{border:1px solid var(--ink);font-size:17px;line-height:28px;text-align:center;width:29px;height:29px}.logo i{font-style:normal;font-size:13px;letter-spacing:1px;font-weight:500}nav{display:flex;gap:31px}nav a,.plain-link{color:var(--ink);font-size:12px;text-decoration:none}.nav-button{background:var(--ink);color:#fff;text-decoration:none;font-size:11px;padding:12px 17px}.nav-button span{margin-left:8px}.hero{min-height:660px;display:grid;grid-template-columns:47% 53%;overflow:hidden}.hero-copy{padding:105px 7vw 55px 12vw;align-self:center}.kicker{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#6d806e;margin:0 0 21px}.hero h1,h2,h3{font-family:'Noto Serif SC','Microsoft YaHei',serif;font-weight:600}.hero h1{font-size:51px;letter-spacing:-2px;line-height:1.27;margin:0}.hero h1 em{font-style:normal;color:#829881}.lede{max-width:370px;font-size:13px;line-height:2;color:var(--muted);margin:26px 0}.hero-actions{display:flex;align-items:center;gap:26px}.button{padding:15px 19px;text-decoration:none;font-size:12px;display:inline-block}.button span{margin-left:17px;font-size:16px}.dark{background:var(--ink);color:white}.hero-points{display:flex;gap:27px;margin-top:62px}.hero-points div{display:grid;gap:5px}.hero-points b{font:600 22px 'Noto Serif SC'}.hero-points span{font-size:9px;color:#78837d}.hero-scene{background:#dce5d6;position:relative;overflow:hidden;min-height:550px}.sun{position:absolute;width:295px;height:295px;border-radius:50%;background:#f2edcf;right:5%;top:7%}.view{position:absolute;bottom:16%;background:#a3c0be}.view-one{width:65%;height:54%;right:11%;clip-path:polygon(0 40%,25% 23%,43% 40%,67% 10%,100% 37%,100% 100%,0 100%)}.view-two{width:80%;height:40%;right:2%;opacity:.6;clip-path:polygon(0 55%,20% 20%,45% 53%,65% 0,100% 38%,100% 100%,0 100%)}.window{position:absolute;inset:11% 10% 13% 8%;border:13px solid #f6f1e9;box-shadow:inset 0 0 0 1px #849b94}.window i{position:absolute;width:50%;height:50%;background:rgba(203,224,223,.38);border:2px solid #f6f1e9}.window i:nth-child(2){left:50%}.window i:nth-child(3){top:50%}.window i:nth-child(4){top:50%;left:50%}.screen{position:absolute;inset:0;background-image:linear-gradient(#546e681d 1px,transparent 1px),linear-gradient(90deg,#546e681d 1px,transparent 1px);background-size:7px 7px}.curtain{position:absolute;top:4%;height:78%;width:18%;background:#eee8dcaa}.curtain-l{left:-6%;clip-path:polygon(0 0,100% 0,50% 100%,0 100%)}.curtain-r{right:-10%;clip-path:polygon(0 0,100% 0,100% 100%,40% 100%)}.bench{position:absolute;bottom:9%;left:5%;width:86%;height:23px;background:#e4d8ca;transform:skew(-20deg)}.pot{position:absolute;bottom:12%;left:8%;width:74px;height:58px;background:#be927a;border-radius:5px 5px 22px 22px}.pot span,.pot:before,.pot:after{content:'';position:absolute;bottom:39px;width:45px;height:90px;border-radius:100% 0;background:#4f765d;transform:rotate(-42deg);transform-origin:bottom}.pot span{left:29px;transform:rotate(35deg)}.pot:before{left:-12px;transform:rotate(-76deg)}.pot:after{left:18px;transform:rotate(2deg)}.scene-label{position:absolute;right:8%;bottom:13%;background:#f9f6ee;padding:12px 15px;font-size:10px}.scene-label b{display:inline-block;width:8px;height:8px;border-radius:50%;background:#9bb96f;margin-right:8px}.route{border-bottom:1px solid var(--line);padding:34px 8vw;display:flex;align-items:center;justify-content:space-between}.route p{margin:0;font:500 18px 'Noto Serif SC'}.route div{display:flex;gap:22px}.route a{font-size:11px;color:var(--ink);text-decoration:none;border-bottom:1px solid #afb7af;padding-bottom:3px}.wrap{max-width:1240px;margin:auto}.products{padding:105px 30px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-title h2,h2{font-size:37px;line-height:1.35;letter-spacing:-1.5px;margin:0}.section-title>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:320px;margin:0}.tabs{display:flex;gap:10px;margin-bottom:26px}.tabs button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 15px;font:500 11px 'Plus Jakarta Sans';cursor:pointer}.tabs button.active{background:var(--ink);border-color:var(--ink);color:#fff}.tabs small{opacity:.7;margin-left:5px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{min-width:0}.card-art{height:245px;position:relative;overflow:hidden}.card-copy{padding:17px 3px 30px}.card-copy p{font-size:9px;letter-spacing:1.2px;color:#77817b;margin:0 0 9px}.card-copy h3{font-size:20px;line-height:1.45;margin:0 0 17px}.card-copy div{display:flex;justify-content:space-between;gap:8px;align-items:center}.card-copy strong{font-size:10px;color:#5d6b63;font-weight:500}.card-copy a{font-size:10px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);white-space:nowrap}.grid-window{background:#dbe2db}.grid-window:before{content:'';position:absolute;inset:15% 20%;border:10px solid #f8f6ef;background:linear-gradient(90deg,transparent 48%,#f8f6ef 48% 52%,transparent 52%),linear-gradient(transparent 48%,#f8f6ef 48% 52%,transparent 52%),#a9c5c6}.grid-window:after{content:'';position:absolute;inset:15% 20%;background-image:linear-gradient(#5b756a2c 1px,transparent 1px),linear-gradient(90deg,#5b756a2c 1px,transparent 1px);background-size:6px 6px}.grid-window span{position:absolute;right:9%;bottom:7%;font-size:38px;color:#7f987c;font-weight:700;z-index:1}.protect-art{background:#c7d5c4}.protect-art:before{content:'';position:absolute;width:55%;height:79%;left:22%;bottom:-1px;border:11px solid #f8f4ec;border-bottom:0;border-radius:150px 150px 0 0}.protect-art i{position:absolute;width:66px;height:66px;background:#66846c;border-radius:48% 48% 50% 50%;right:14%;top:22%;clip-path:polygon(50% 0,100% 20%,90% 75%,50% 100%,10% 75%,0 20%)}.protect-art span{position:absolute;left:10%;bottom:11%;font-size:10px;color:#4d6653;letter-spacing:1.5px}.scenic-art{background:#d4e1dc}.scenic-art:before{content:'';position:absolute;inset:12% 13%;border:10px solid #faf7ef;z-index:2}.mountain{position:absolute;bottom:0;width:100%;height:80%;background:linear-gradient(140deg,transparent 43%,#72907e 44%,#91a893 67%,transparent 68%),linear-gradient(36deg,transparent 38%,#a0b3a1 39%,#76907d 69%,transparent 70%)}.scenic-art i{position:absolute;right:10%;top:11%;font-size:10px;font-style:normal;letter-spacing:1.3px;color:#537263}.lock-art{background:#d8c9b7}.lock-art:before{content:'';position:absolute;inset:14% 20%;border:9px solid #faf5ea;background:#acc5c5}.lock-art span{position:absolute;z-index:2;left:42%;top:28%;width:48px;height:57px;background:#bd8b55;color:#fff;text-align:center;line-height:57px;font-size:28px;border-radius:7px}.lock-art i{position:absolute;bottom:12%;left:9%;font-size:10px;color:#705a48;font-style:normal;letter-spacing:2px}.balcony-art{background:#becfca}.balcony-art:before{content:'';position:absolute;inset:11% 9%;border:10px solid #f4f1e9;background:linear-gradient(140deg,#dce9dc 0 48%,#94ad9a 49% 70%,#adc2c1 71%)}.balcony-lines{position:absolute;z-index:2;inset:11% 9%;background:repeating-linear-gradient(90deg,transparent 0 16%,#f4f1e9 16.5% 17.5%,transparent 18% 32%)}.balcony-art i{position:absolute;z-index:3;right:8%;bottom:8%;background:#f8f5ec;padding:8px 10px;font-size:9px;font-style:normal;line-height:1.5}.door-art{background:#d9d7cf}.door-art:before{content:'';position:absolute;inset:11% 23%;border:10px solid #f7f4eb;background:#9bb4b2}.door-art:after{content:'';position:absolute;inset:11% 23%;background-image:linear-gradient(#526e6629 1px,transparent 1px),linear-gradient(90deg,#526e6629 1px,transparent 1px);background-size:7px 7px}.door-art span{position:absolute;z-index:2;right:8%;bottom:8%;font:600 28px 'Noto Serif SC';color:#657a6d}.fold:before{clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}.swing:before{transform-origin:left;transform:perspective(300px) rotateY(-11deg)}.slide:before{left:16%;right:13%;background:linear-gradient(90deg,#9bb4b2 49%,#f7f4eb 49% 53%,#9bb4b2 53%)}.roll:before{border-top-width:19px}.price-note{font-size:10px;color:#7e8781;margin:10px 0 0}.balcony{display:grid;grid-template-columns:50% 50%;background:#2d4238;color:#f6f4ed}.balcony-visual{min-height:550px;position:relative;overflow:hidden;background:#92a99f}.balcony-sky{position:absolute;inset:0;background:linear-gradient(145deg,#dbe6dc 0 47%,#94ae9e 48% 69%,#879d8e 70%)}.balcony-window{position:absolute;inset:10% 12% 14% 9%;border:13px solid #f3eee3;z-index:1}.balcony-window i{position:absolute;width:33.33%;height:100%;border-right:3px solid #f3eee3}.balcony-window i:nth-child(2){left:33.33%}.balcony-window i:nth-child(3){left:66.66%}.balcony-window i:nth-child(4){display:none}.balcony-window span{position:absolute;inset:0;background-image:linear-gradient(#536c6220 1px,transparent 1px),linear-gradient(90deg,#536c6220 1px,transparent 1px);background-size:7px 7px}.rail{position:absolute;z-index:2;bottom:15%;left:5%;width:90%;height:25px;border-top:7px solid #ede8dd;border-bottom:7px solid #ede8dd}.balcony-plant{position:absolute;z-index:3;bottom:8%;left:15%;width:86px;height:55px;background:#b38b74;border-radius:4px 4px 20px 20px}.balcony-plant:before{content:'';position:absolute;bottom:37px;left:0;width:95px;height:100px;background:radial-gradient(ellipse at 25% 80%,#47735c 0 25%,transparent 26%),radial-gradient(ellipse at 60% 50%,#47735c 0 25%,transparent 26%),radial-gradient(ellipse at 80% 90%,#47735c 0 25%,transparent 26%)}.balcony-visual p{position:absolute;z-index:3;right:9%;top:9%;font-size:10px;line-height:1.6;letter-spacing:1.4px;color:#536b5b}.balcony-copy{padding:95px 12%;align-self:center}.balcony .kicker{color:#b5c9b8}.balcony-copy>p:not(.kicker){font-size:13px;line-height:2;color:#d1dbd2;max-width:375px;margin:25px 0}.checklist{margin:27px 0}.checklist span{display:block;border-bottom:1px solid #ffffff24;padding:12px 0;font-size:11px}.checklist span:before{content:'✓';color:#b4ca8e;margin-right:10px}.light{background:#f4f1e9;color:var(--ink)}.service{padding:103px 30px;text-align:center}.service h2{margin-bottom:57px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:left;border-top:1px solid var(--line)}.service-grid article{padding:25px 25px;min-height:190px;border-right:1px solid var(--line)}.service-grid article:first-child{padding-left:0}.service-grid article:last-child{border-right:0}.service-grid b{font:600 20px 'Noto Serif SC';color:#8da28d}.service-grid h3{font-family:inherit;font-size:13px;margin:27px 0 12px}.service-grid p{font-size:11px;line-height:1.8;color:#78827c;margin:0}.cases{background:#e8e3d9;padding:85px 0}.case-heading{display:flex;justify-content:space-between;align-items:end;padding:0 30px 35px}.case-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:16px;padding:0 6vw}.case{height:300px;position:relative;overflow:hidden}.case span{position:absolute;bottom:14px;left:14px;background:#273a31b8;color:#fff;padding:8px 10px;font-size:10px}.c1{background:linear-gradient(0deg,#315e4e88,transparent 54%),linear-gradient(135deg,#d8ceb6 0 34%,#a9c9ca 35% 68%,#eadfce 69%)}.c2{background:linear-gradient(145deg,#dfc5a6 0 35%,#f5eee2 36% 48%,#88a589 49%)}.c3{background:linear-gradient(130deg,#eecb97 0 28%,#d4e3e2 29% 67%,#81a087 68%)}.contact{margin:90px auto;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:75px 9%;background:#d7e0d3}.contact>div>p:not(.kicker){max-width:310px;font-size:13px;line-height:1.9;color:#637268}.contact form{display:grid;gap:13px}.contact label{font-size:10px;color:#6b776f}.contact input{display:block;border:0;border-bottom:1px solid #8d9c91;background:transparent;width:100%;padding:10px 0;font:12px 'Plus Jakarta Sans';outline:0}.contact button{background:var(--ink);border:0;color:white;padding:15px;text-align:left;font:12px 'Plus Jakarta Sans';cursor:pointer;margin-top:8px}.contact button span{float:right;font-size:16px}.contact small{font-size:9px;color:#768179}footer{border-top:1px solid var(--line)}.footer-inner{padding:35px 30px;display:flex;align-items:center;justify-content:space-between}.footer-inner p{font-size:10px;color:#77817b}
@media(max-width:760px){header{height:67px;padding:0 5vw}nav{display:none}.nav-button{font-size:10px;padding:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:64px 8vw 44px}.hero h1{font-size:40px}.hero-scene{min-height:410px}.route{padding:27px 7vw;display:block}.route p{font-size:16px}.route div{gap:14px;flex-wrap:wrap;margin-top:18px}.products{padding:72px 6vw}.section-title{display:block}.section-title h2,h2{font-size:30px}.section-title>p{margin-top:20px}.product-grid{grid-template-columns:1fr 1fr;gap:12px}.card-art{height:185px}.card-copy h3{font-size:17px}.card-copy div{display:block}.card-copy a{display:inline-block;margin-top:10px}.balcony{grid-template-columns:1fr}.balcony-visual{min-height:405px}.balcony-copy{padding:65px 8vw}.service{padding:72px 6vw}.service-grid{grid-template-columns:1fr 1fr}.service-grid article{padding:22px!important;border-bottom:1px solid var(--line)}.case-heading{padding:0 6vw 30px;display:block}.case-heading a{display:inline-block;margin-top:20px}.case-grid{grid-template-columns:1fr;padding:0 6vw}.case{height:230px}.contact{margin:60px 6vw;grid-template-columns:1fr;padding:50px 8%;gap:37px}.footer-inner{display:grid;gap:8px;padding:30px 6vw}.hero-points{gap:18px}.hero-points b{font-size:18px}}
@media(max-width:440px){.product-grid{grid-template-columns:1fr}.card-art{height:220px}.topline{font-size:8px}.hero-points{justify-content:space-between}.hero-points span{font-size:8px}}
.simple-detail{display:grid;grid-template-columns:50% 50%;min-height:540px;background:#d9e2d5}.simple-detail>div:first-child{padding:75px 12% 65px 18%;align-self:center}.simple-detail h1{font:600 44px/1.3 'Noto Serif SC';letter-spacing:-2px;margin:0}.simple-detail #intro{font-size:13px;line-height:2;color:#617168;max-width:350px;margin:22px 0 10px}.simple-detail strong{display:block;font-size:11px;color:#607a65;margin-bottom:18px}.simple-detail-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#d6e5dc 0 50%,#93ab9a 51% 72%,#829b8b 73%)}.simple-detail-art:before{content:'';position:absolute;inset:12% 14%;border:13px solid #f7f2e8;z-index:1}.simple-detail-art:after{content:'';position:absolute;inset:12% 14%;z-index:2;background-image:linear-gradient(#526c6320 1px,transparent 1px),linear-gradient(90deg,#526c6320 1px,transparent 1px);background-size:7px 7px}.simple-detail-art span{position:absolute;z-index:3;right:14%;top:17%;width:75px;height:75px;border-radius:50%;background:#f0e8c7}.simple-detail-art i{position:absolute;z-index:3;bottom:11%;left:11%;width:110px;height:22px;background:#e8d9c6}.simple-cases{padding:96px 30px}.simple-cases>p:not(.kicker){font-size:13px;line-height:2;color:#67746b;max-width:410px;margin:18px 0 35px}.simple-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-photo{height:275px;position:relative;overflow:hidden}.case-photo span{position:absolute;top:13px;left:13px;padding:7px 9px;background:#faf7ef;font-size:9px;color:#5a705f}.p1{background:linear-gradient(0deg,#39654d77,transparent 60%),linear-gradient(135deg,#d8ceb7 0 34%,#a9c7c7 35% 70%,#eadfce 71%)}.p2{background:linear-gradient(135deg,#e2c5a2 0 30%,#f4ede1 31% 50%,#8ca68a 51%)}.p3{background:linear-gradient(130deg,#f0d0a0 0 28%,#d2e2e0 29% 66%,#809e85 67%)}.simple-case-grid h3{font-size:17px;margin:14px 0 12px}.simple-case-grid a{font-size:10px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px}@media(max-width:760px){.simple-detail{grid-template-columns:1fr}.simple-detail>div:first-child{padding:55px 8vw}.simple-detail h1{font-size:38px}.simple-detail-art{min-height:320px}.simple-cases{padding:70px 7vw}.simple-case-grid{grid-template-columns:1fr}.case-photo{height:240px}}
.detail-hero{min-height:590px;background:#d5e0d3;display:grid;grid-template-columns:50% 50%}.detail-hero>div:first-child{padding:78px 10% 70px 18%;align-self:center}.back{display:inline-block;margin-bottom:48px;color:var(--ink);text-decoration:none;font-size:11px}.detail-hero h1{font:600 48px/1.28 'Noto Serif SC';letter-spacing:-2px;margin:0}.detail-hero h1 em{color:#738f75;font-style:normal}.detail-hero>div:first-child>p:not(.kicker){font-size:13px;line-height:2;color:#637269;max-width:340px;margin:24px 0}.detail-hero-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#dbe8de 0 48%,#96ad9d 49% 70%,#839b8a 71%)}.detail-hero-art:before{content:'';position:absolute;inset:11% 10%;border:14px solid #f6f1e7;z-index:2}.detail-hero-art span{position:absolute;inset:11% 10%;z-index:3;background:repeating-linear-gradient(90deg,transparent 0 15%,#f6f1e7 15.5% 16.5%,transparent 17% 31%)}.detail-hero-art i{position:absolute;bottom:10%;left:12%;width:82px;height:56px;background:#bd9279;border-radius:4px 4px 22px 22px;z-index:4}.detail-hero-art i:before{content:'';position:absolute;bottom:39px;left:-14px;width:103px;height:105px;background:radial-gradient(ellipse at 25% 75%,#4d765c 0 25%,transparent 26%),radial-gradient(ellipse at 62% 45%,#4d765c 0 25%,transparent 26%),radial-gradient(ellipse at 80% 85%,#4d765c 0 25%,transparent 26%)}.detail-hero-art b{position:absolute;z-index:4;right:10%;bottom:12%;background:#faf7ef;padding:12px;font:500 11px/1.7 'Noto Serif SC'}.detail-intro{padding:105px 30px 80px;display:grid;grid-template-columns:1fr 1fr;column-gap:12%;align-items:end}.detail-intro h2{grid-column:1;font-size:38px}.detail-intro>p:last-child{grid-column:2;grid-row:1 / span 2;font-size:13px;line-height:2;color:#65736a;max-width:370px}.case-list{padding:10px 30px 105px}.case-list article{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:11%;margin:0 0 85px}.case-list article.reverse .detail-case{grid-column:2}.case-list article.reverse>div:last-child{grid-column:1;grid-row:1}.detail-case{height:390px;position:relative;overflow:hidden}.detail-case span{position:absolute;top:18px;left:18px;background:#f7f4ed;color:#344b3d;padding:8px 10px;font-size:9px;letter-spacing:1.2px}.case-a{background:linear-gradient(0deg,#2f604c80,transparent 58%),linear-gradient(135deg,#d8d0b9 0 33%,#9fc4c7 34% 69%,#eadfcf 70%)}.case-b{background:linear-gradient(130deg,#d9c39f 0 31%,#f1eadc 32% 47%,#8ba589 48%)}.case-c{background:linear-gradient(125deg,#f1d1a1 0 26%,#d5e3e2 27% 65%,#83a189 66%)}.case-list article>div:last-child>p:first-child{font-size:10px;letter-spacing:1.5px;color:#6b806d;margin:0}.case-list h3{font-size:29px;line-height:1.4;margin:12px 0}.case-text{font-size:13px;line-height:2;color:#6c7870}.case-list ul{list-style:none;padding:0;margin:20px 0}.case-list li{border-bottom:1px solid var(--line);padding:9px 0;font-size:11px}.case-list li:before{content:'—';margin-right:8px;color:#7d987c}.detail-note{background:#2c4237;color:#f4f2eb;padding:78px 0}.detail-note>div{padding:0 30px}.detail-note .kicker{color:#afc5b0}.detail-note h2{font-size:37px}.detail-note p:last-child{font-size:13px;line-height:2;color:#cfdbd1;max-width:480px;margin:18px 0 0}@media(max-width:760px){.detail-hero{grid-template-columns:1fr}.detail-hero>div:first-child{padding:55px 8vw}.detail-hero h1{font-size:39px}.detail-hero-art{min-height:360px}.detail-intro{padding:70px 7vw;display:block}.detail-intro h2{font-size:30px;margin-bottom:20px}.case-list{padding:0 7vw 70px}.case-list article,.case-list article.reverse{grid-template-columns:1fr;gap:27px;margin-bottom:58px}.case-list article.reverse .detail-case,.case-list article.reverse>div:last-child{grid-column:auto;grid-row:auto}.detail-case{height:270px}.case-list h3{font-size:25px}.detail-note{padding:60px 0}.detail-note>div{padding:0 7vw}.detail-note h2{font-size:30px}}