*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fafaf7;color:#222a28;font-family:Arial,"Microsoft YaHei",sans-serif}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fafaf7f5;position:sticky;top:0;z-index:10;border-bottom:1px solid #deded6}.logo{font-size:34px;font-weight:800;letter-spacing:3px;display:flex;align-items:center;gap:18px}.logo span{font-size:12px;font-weight:400;letter-spacing:2px;border-left:1px solid #b9beb9;padding-left:18px}nav{display:flex;gap:40px;font-size:13px}nav a:hover,.text-link:hover{color:#548b7c}nav a:last-child{margin-left:20px}nav span{margin-left:20px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:660px}.hero-copy{padding:78px 9% 30px 10%;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:#648278;margin:0 0 30px}h1{font-size:clamp(40px,4.3vw,70px);line-height:1.3;font-weight:500;letter-spacing:-2px;margin:0 0 25px}h1 span{color:#7a9a8d}.intro{font-size:15px;color:#727a75;line-height:2}.button{border:0;background:#243d34;color:white;display:inline-flex;align-items:center;justify-content:space-between;gap:55px;padding:18px 25px;font-size:13px;margin-top:25px}.button:hover{background:#466658}.hero-bottom{width:100%;display:flex;justify-content:space-between;font-size:10px;color:#80877f;margin-top:auto;padding-top:60px}.scene{background:linear-gradient(100deg,#d4cbbd,#eae5db 70%,#c5bcac);position:relative;overflow:hidden;min-height:600px}.wall-lines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 32%,#b4ab9b44 32.2%,transparent 32.5%)}.cabinet{position:absolute;left:22%;top:0;width:52%;height:100%;background:linear-gradient(90deg,#a99d89,#c0b4a1 75%,#b0a38d);border-left:2px solid #81766555;box-shadow:15px 0 40px #574d3920}.appliance{position:absolute;top:25%;left:8%;width:84%;height:42%;background:linear-gradient(120deg,#343935,#131916 70%);border:5px solid #3c4039;box-shadow:5px 8px 15px #3d39273d;color:#c4cfc6}.device-brand{font-size:10px;letter-spacing:3px;position:absolute;top:14px;left:18px}.display{position:absolute;top:21%;left:15%;font-size:35px;font-weight:100;color:#d3e6db}.display span{font-size:11px}.display small{font-size:7px;display:block;margin-top:5px;color:#9da99f}.spout{position:absolute;left:48%;top:43%;width:15%;height:12px;background:linear-gradient(#aab1a6,#4b524c);border-radius:2px}.cup{position:absolute;left:47%;bottom:14%;width:20%;height:24%;border:1px solid #dae4d16e;border-top:2px solid #e0e8d5a8;border-radius:2px 2px 12px 12px;background:linear-gradient(90deg,#b5c3b322,#f2fff335,#7e967c20)}.tray{position:absolute;bottom:9%;left:23%;width:61%;height:5%;background:repeating-linear-gradient(90deg,#394139 0 3px,#60695c 4px 5px);transform:skewX(-12deg)}.cabinet-bottom{position:absolute;top:74%;width:100%;border-top:2px solid #81766555}.counter{position:absolute;bottom:0;left:0;width:100%;height:9%;background:#dad5c9;box-shadow:0 -6px 15px #6c5e4220}.vase{position:absolute;right:5%;bottom:9%;width:55px;height:95px;border-radius:30% 30% 18% 18%;background:linear-gradient(90deg,#706e5c,#a6a18c,#797764)}.scene-label{position:absolute;top:7%;left:8%;font-size:13px}.scene-label span{display:block;font-size:8px;letter-spacing:2px;margin-top:9px}.illustration{position:absolute;bottom:18px;right:20px;font-size:9px;color:#746d61}.strip{display:flex;justify-content:space-between;padding:26px 5%;font-size:11px;letter-spacing:1px;border-bottom:1px solid #deded6}.section{padding:100px 6%}.section-top{display:flex;justify-content:space-between;align-items:end}h2{font-size:clamp(28px,2.7vw,42px);font-weight:400;line-height:1.5;margin:0}p{line-height:1.9}.section-top>p{font-size:13px;color:#788078}.filters{display:flex;gap:12px;margin:40px 0 30px;flex-wrap:wrap}.filters button,.space-tabs button{background:none;border:1px solid #d5dbd4;padding:11px 22px;font-size:12px;color:#697269}.filters .active{background:#263e34;color:white;border-color:#263e34}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product{text-align:left;border:0;background:none;padding:0;color:inherit}.product[hidden]{display:none}.product-art{height:340px;background:#eceee8;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-art>span{position:absolute;top:22px;left:22px;color:#8d968b;font-size:11px}.tint{background:#e5ebe7}.warm{background:#ece8df}.mini{height:205px;width:190px;background:linear-gradient(130deg,#444b46,#1b221e);position:relative;box-shadow:18px 22px 25px #2a352227;border:6px solid #4c514a;transition:transform .4s}.product:hover .mini{transform:translateY(-7px)}.mini b{position:absolute;top:12px;left:14px;letter-spacing:2px;font-size:8px;color:#d9dfd6}.mini i{position:absolute;top:42px;left:35px;font-style:normal;color:#dae9d9;font-size:22px}.mini em{position:absolute;bottom:20px;left:28%;width:45%;height:65px;background:linear-gradient(#111710,#303b2f);border-bottom:5px solid #747c6c;border-top:5px solid #626b5e}.pure{width:140px;height:220px;border:1px solid #d0d6cb;background:linear-gradient(95deg,#c6cfc5,#f8faf5 20%,#e7ede4 85%,#acb9aa);border-radius:12px 12px 5px 5px;transform:perspective(400px) rotateY(-15deg)}.pure b{color:#465a4b}.pure i{color:#78947b}.pure em{height:3px;border:0;bottom:25px;left:15%;width:70%;background:#c6cec0}.pipe{width:125px;height:235px;border-radius:16px;border:5px solid #a9b0a2;background:linear-gradient(110deg,#303930,#121a14)}.pipe em{height:90px;left:15%;width:70%}.product-title{display:flex;justify-content:space-between;align-items:center;margin-top:20px}h3{font-size:19px;font-weight:500}.product-title h3{margin:0}.product p{font-size:12px;color:#6c776c}.product small{font-size:9px;letter-spacing:1px;color:#7a847a}.note{font-size:11px;color:#889085;margin-top:28px}.spaces{display:grid;grid-template-columns:1fr 1fr;background:#e9eee7}.space-art{position:relative;min-height:510px;overflow:hidden;background:linear-gradient(120deg,#aaa38e,#ddd8c8 65%,#bdb6a3)}.window{position:absolute;left:0;top:0;height:75%;width:75%;background:linear-gradient(125deg,#e7e5d1aa,#f5f3d555);border-right:10px solid #b4ae97;transform:skewY(-20deg);box-shadow:70px 50px 0 #f9f5dc44}.table{position:absolute;left:10%;bottom:-20%;width:110%;height:60%;background:linear-gradient(120deg,#a5957a,#c9bca4);transform:rotate(-12deg);box-shadow:0 -2px 0 #e5dbc6}.glass{position:absolute;bottom:20%;left:50%;height:115px;width:75px;border:2px solid #ffffff88;border-radius:5px 5px 20px 20px;background:linear-gradient(90deg,#d8e3cc33,#fafff677,#b5c4ab44);box-shadow:25px 25px 20px #776c4b33}.space-art>span{position:absolute;bottom:25px;left:35px;font-size:9px;letter-spacing:3px;color:#fff}.space-copy{padding:65px 13%}.space-tabs{display:flex;gap:20px;margin:25px 0}.space-tabs button{padding:10px 0;border:0;border-bottom:1px solid transparent;white-space:nowrap}.space-tabs .active{border-color:#283e30;color:#283e30}.space-copy h3{font-size:16px}.space-copy>p:not(.eyebrow){font-size:13px;color:#74806f;min-height:78px}.text-link{border:0;background:none;padding:0;font-size:12px;border-bottom:1px solid #5c715e;padding-bottom:7px}.about{display:grid;grid-template-columns:1fr 1fr;gap:12%}.about>div>p:not(.eyebrow){font-size:14px;color:#727b70}.about-tags{display:flex;gap:25px;margin-top:32px;font-size:12px}.partner{margin:0 5% 80px;padding:65px 6%;background:#2a4035;color:#eff3e9;display:flex;align-items:center;justify-content:space-between;gap:40px}.partner .eyebrow{color:#a3b8a4}.partner p{font-size:12px;color:#b2c0ad}.light{background:#e8eddf;color:#2a4035}.light:hover{background:#fff}.partner-action small{display:block;font-size:10px;color:#a5b69f;margin-top:18px}.contact-details{margin-top:18px;font-size:13px;color:#dbe5d8;line-height:1.8}.contact-details p{margin:3px 0;color:#dbe5d8}.contact-details b{display:inline-block;min-width:48px;color:#a3b8a4;font-weight:500}.contact-details a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.42)}.contact-details a:hover{border-bottom-color:#fff}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 5%;border-top:1px solid #dce1d6;font-size:10px;color:#6e796b}footer .logo{color:#283e30;font-size:28px}footer p{font-size:11px}footer p span{font-size:10px}dialog{border:0;padding:45px;max-width:540px;width:calc(100% - 30px);background:#fafaf7;color:#2a4035;max-height:90vh}dialog::backdrop{background:#13221999;backdrop-filter:blur(4px)}dialog h2{font-size:28px}dialog p,dialog li{font-size:13px;line-height:1.9}dialog ul{padding-left:20px}.close{position:absolute;top:10px;right:15px;border:0;background:none;font-size:28px;color:#536c56}label{display:block;font-size:12px;margin-top:18px}select,textarea{width:100%;padding:12px;background:white;border:1px solid #cbd4c6;color:#2b4232;margin-top:8px;font:inherit}textarea{resize:vertical}#result{margin-top:20px}:focus-visible{outline:3px solid #8aaa89;outline-offset:5px}@media(max-width:900px){nav{gap:20px}.hero-copy{padding-top:55px}.hero{min-height:560px}.scene{min-height:560px}.hero-bottom{display:none}.product-art{height:280px}.space-copy{padding:50px 9%}.about{gap:7%}footer{flex-wrap:wrap}footer .logo span{display:none}}@media(max-width:640px){header{height:75px}.logo{font-size:29px}.logo span{font-size:10px}.menu{display:block;border:0;background:none;font-size:24px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fafaf7;padding:25px;flex-direction:column;border-bottom:1px solid #ddd}nav.open{display:flex}nav a:last-child{margin:0}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7% 45px}h1{font-size:45px}.intro{font-size:13px}.hero .button{margin-top:15px}.scene{min-height:440px}.cabinet{width:46%;left:28%}.strip{flex-wrap:wrap;gap:18px;font-size:9px}.section{padding:60px 7%}.section-top{display:block}.section-top>p{margin-top:20px}.eyebrow{margin-bottom:20px}.filters{gap:7px;margin:25px 0}.filters button{padding:9px 11px;font-size:11px}.products{grid-template-columns:1fr;gap:35px}.product-art{height:310px}.spaces{grid-template-columns:1fr}.space-art{min-height:330px}.space-copy{padding:45px 7%}.about{grid-template-columns:1fr;gap:20px}.partner{margin:0 5% 45px;padding:38px 7%;display:block}.partner-action{margin-top:35px}.partner .button{margin-top:10px}footer{padding:30px 7%;gap:20px}footer .logo{width:100%}dialog{padding:30px 24px}html{scroll-padding-top:80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.video-section{padding-top:20px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:35px}.video-grid article{min-width:0}.video-grid video{display:block;width:100%;aspect-ratio:9/16;max-height:560px;background:#17251f;object-fit:contain}.video-grid h3{font-size:14px;color:#68786a}@media(max-width:640px){.video-grid{grid-template-columns:1fr;gap:30px}.video-grid video{max-height:70vh}}
.hero .scene{min-height:0;aspect-ratio:16/9;align-self:center;background:#e8e5de}.hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.scene>*:not(.hero-photo){display:none}.product-photo{display:block;max-width:78%;max-height:88%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(14px 16px 18px rgba(35,48,39,.18));transition:transform .4s}.product-photo-embedded{max-width:84%;max-height:92%}.product-photo-pipeline{max-width:80%;max-height:91%}.product:hover .product-photo{transform:translateY(-7px)}.product-art>span{z-index:2}.product-art{height:380px;display:block;padding:0;isolation:isolate;background:#dfe4df}.product-art::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.18),transparent 46%),radial-gradient(circle at 18% 82%,rgba(255,255,255,.24),transparent 35%);z-index:0}.product-art::after{content:attr(data-series);position:absolute;left:22px;bottom:20px;font-size:10px;letter-spacing:2.4px;color:rgba(255,255,255,.58);z-index:1}.product-art-embedded{background:linear-gradient(145deg,#71807a,#2c3834 68%,#1d2824)}.product-art-purifier{background:linear-gradient(145deg,#e5e3dc,#acb8b1 68%,#82928a)}.product-art-pipeline{background:linear-gradient(145deg,#3d4541,#161c1a 72%,#111715)}.product-art .product-photo{position:absolute;z-index:2;right:7%;bottom:-5%;width:68%;height:94%;max-width:none;max-height:none;object-fit:contain;object-position:center bottom;filter:drop-shadow(20px 24px 22px rgba(0,0,0,.28));transition:transform .45s cubic-bezier(.2,.7,.25,1)}.product-art-embedded .product-photo{right:6%;bottom:-4%;width:67%;height:95%}.product-art-purifier .product-photo{right:7%;bottom:-7%;width:60%;height:94%}.product-art-pipeline .product-photo{right:5%;bottom:-5%;width:70%;height:96%}.product-art .art-index{position:absolute;top:20px;left:22px;z-index:3;font-size:11px;letter-spacing:1px;color:rgba(255,255,255,.64)}.product-art-purifier .art-index{color:rgba(36,56,48,.58)}.product-art .art-type{position:absolute;top:21px;right:22px;z-index:3;font-size:10px;letter-spacing:1px;color:rgba(255,255,255,.68)}.product-art-purifier .art-type{color:rgba(36,56,48,.64)}.product:hover .product-photo{transform:translateY(-10px) scale(1.015)}@media(max-width:640px){.product-art{height:330px}.product-art .product-photo{width:66%;height:95%}}.hero .scene{aspect-ratio:4/5;background:#d7d4ce}.hero .scene::before{content:"";position:absolute;inset:-28px;background:url("images/hero-embedded-living-space.png") center/cover no-repeat;filter:blur(24px);opacity:.22;transform:scale(1.08);z-index:0}.hero .scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,242,236,.14),rgba(25,28,26,.06));z-index:1}.hero .scene .hero-photo{position:relative;z-index:2;object-fit:contain;object-position:center}