@charset "UTF-8";
:root{--ink:#202823;--muted:#69726c;--green:#173e35;--line:#dde2dd;--surface:#f3f5f2;--white:#fff;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--white);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;letter-spacing:0;font-size:15px;line-height:1.7}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.3}button{border:0;background:none;color:inherit}a,button,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid #658c7a}.skip-link{position:fixed;left:20px;top:-80px;background:white;padding:10px;z-index:200}.skip-link:focus{top:10px}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.brand{display:flex;gap:13px;align-items:center;font-size:26px;font-weight:600;line-height:1.15}.brand-symbol{display:flex;align-items:center;justify-content:center;width:42px;height:45px;background:var(--green);color:white;font-family:Arial;font-size:33px;font-weight:600}.brand-en{display:block;font-size:8px;letter-spacing:1.3px;margin-top:6px;font-weight:500}.header nav{display:flex;gap:34px;font-size:13px}.header nav a{padding:10px 0;transition:color .2s}.header nav a:hover{color:#578573}.header-contact{font-size:13px;border-bottom:1px solid var(--ink);padding:8px 0}.header-contact span{margin-left:23px}.menu-button{display:none}.hero{height:min(670px,calc(100vh - 90px));min-height:540px;position:relative;overflow:hidden;background:#d0d9df}.hero-image{height:100%;object-fit:cover;object-position:center 46%;position:absolute;right:0;top:0;width:58%}.hero-copy{height:100%;width:55%;position:relative;z-index:2;padding:70px 0 30px 7.2%;background:linear-gradient(90deg,#e9eceb 0%,#e9eceb 72%,rgba(233,236,235,0) 100%)}.hero h1{font-size:21px;line-height:1.5}.hero h1 span{display:block;font-size:52px;line-height:1.35;margin-top:17px}.hero-copy>p{color:#56625d;margin-top:24px;font-size:14px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;padding:16px 22px;font-size:13px;min-height:52px;border-radius:0;transition:background .2s,transform .2s}.primary{color:white;background:var(--green)}.primary:hover{background:#285849}.button:hover span{transform:translate(2px,-2px)}.button span{transition:transform .2s}.text-link{display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid currentColor;font-size:13px;padding:6px 0}.hero-bottom{position:absolute;bottom:29px;left:13%;font-size:11px;color:#56625d;display:flex;gap:22px}.hero-caption{position:absolute;bottom:29px;right:35px;z-index:3;font-size:10px;color:#394846;background:rgba(255,255,255,.85);padding:4px 10px}.intro-bar{display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:31px 5%;border-bottom:1px solid var(--line)}.intro-bar p{font-size:19px}.intro-bar span{font-size:12px;color:var(--muted)}.section{max-width:var(--max);margin:auto;padding:100px 5.5%}.section-label{font-size:11px;color:var(--muted);margin-bottom:19px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}h2{font-size:35px;line-height:1.45}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.9}.filters{display:flex;border-bottom:1px solid var(--line);gap:32px;margin-bottom:30px}.filters button{font-size:13px;padding:12px 0 16px;position:relative;color:var(--muted)}.filters button.active{color:var(--green);font-weight:600}.filters button.active:after{position:absolute;content:"";height:2px;background:var(--green);bottom:-1px;left:0;right:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px}.product[hidden]{display:none}.product-image{height:300px;position:relative;background:#f5f6f4;overflow:hidden}.product-image img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;padding:25px 45px;transition:transform .5s}.product-image:hover img{transform:scale(1.04)}.icon-button{display:grid;place-items:center;width:40px;height:40px}.product-inquiry{position:absolute;right:14px;bottom:14px;background:white;border-radius:50%;font-size:23px}.product-inquiry:hover{background:var(--green);color:white}.product-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:18px 0 7px}.product h3{font-size:18px}.product>p{font-size:11px;color:var(--muted);margin-top:8px}.detail-button{border-bottom:1px solid var(--line);display:flex;width:100%;align-items:center;justify-content:space-between;font-size:11px;padding:14px 0 12px}.detail-button span{font-size:18px}.product-note{font-size:11px;color:var(--muted);margin-top:25px}.custom{max-width:none;background:var(--surface);display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:45px;padding:85px max(5.5%,calc((100vw - 1175px)/2))}.custom-intro h2{font-size:40px}.custom-intro>p:not(.section-label){font-size:13px;line-height:2;color:var(--muted);margin:24px 0}.custom-preview{position:relative;display:flex;align-items:center;min-height:430px;flex-direction:column;justify-content:center}.custom-preview img{height:390px;width:100%;object-fit:contain;mix-blend-mode:multiply}.preview-caption{font-size:10px;color:var(--muted);margin-top:12px}.custom-options h3{font-size:18px;margin-bottom:24px}.custom-options fieldset{padding:0;border:0;border-bottom:1px solid #d9dfd9;margin:0 0 20px;padding-bottom:17px}.custom-options legend{font-size:11px;color:#66756b;margin-bottom:14px}.swatches{display:flex;gap:15px}.swatch{width:25px;height:25px;border-radius:50%;outline-offset:4px;border:1px solid #0001}.swatch.selected{outline:1px solid var(--green)}.black{background:#303330}.gray{background:#b3b6b0}.tan{background:#be9b71}.green{background:#7d907d}#color-label{font-size:10px;margin-top:12px}.segmented{display:flex;gap:7px}.segmented button{border:1px solid #cbd3ca;padding:8px 10px;font-size:11px}.segmented button.selected{border-color:var(--green);background:var(--green);color:white}select{color:var(--ink);border:1px solid var(--line);border-radius:0;background:white;padding:10px;width:100%;font-size:12px}#apply-custom{width:100%;padding:14px 18px}.small-note{font-size:10px;color:var(--muted);margin-top:15px;line-height:1.8}.quality{padding-bottom:70px}.quality h2{font-size:32px}.quality-list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid var(--line);padding-top:30px}.quality-list>div>span{font-size:11px;color:#78887c}.quality-list h3{font-size:17px;margin:17px 0 13px}.quality-list p{font-size:12px;color:var(--muted);line-height:1.9}.spaces{padding-top:65px}.space-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:30px}.space-main{grid-row:span 2}.space-main img{height:530px;object-fit:cover;object-position:center 30%}.space-grid>figure:not(.space-main) img{height:280px;object-fit:cover}.space-grid figcaption{padding-top:18px}.space-grid figcaption span{font-size:10px;color:var(--muted)}.space-grid figcaption h3{font-size:20px;margin:7px 0}.space-grid figcaption p{font-size:12px;color:var(--muted)}.space-text{border-top:1px solid var(--line);padding-top:24px}.space-text>p{font-size:22px;line-height:1.7;margin-bottom:12px}.space-text small{display:block;font-size:10px;color:var(--muted);margin-top:18px;line-height:1.8}.process{border-top:1px solid var(--line);padding-top:65px;padding-bottom:70px}.process ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0}.process li{border-left:1px solid var(--line);padding-left:25px}.process li:first-child{padding-left:0;border:0}.process li>span{font-size:28px;font-family:Arial;font-weight:300;color:#81958a}.process li h3{font-size:18px;margin:17px 0 10px}.process li p{font-size:12px;color:var(--muted)}.faq{display:grid;grid-template-columns:.8fr 1.4fr;gap:80px;background:#f7f8f6;max-width:none;padding:80px max(5.5%,calc((100vw - 1175px)/2))}.faq>div>p:not(.section-label){font-size:13px;color:var(--muted);margin-top:25px}.faq details{border-bottom:1px solid #d8dfd8}.faq summary{list-style:none;cursor:pointer;padding:17px 30px 17px 0;font-size:13px;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;font-size:20px;top:12px}.faq details[open] summary:after{content:"−"}.faq details p{font-size:12px;line-height:1.9;color:var(--muted);padding:0 24px 19px 0}.faq-number{font-size:10px;color:#85928a;margin-right:20px}.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-top:100px;padding-bottom:100px}.contact-copy h2{font-size:34px}.contact-copy>p:not(.section-label){margin:24px 0;color:var(--muted);font-size:13px}.contact-phone{font-size:24px;display:block;margin-bottom:7px}.contact-copy>a:not(.contact-phone){font-size:13px;color:var(--muted)}.contact-address{font-size:12px;margin-top:32px;color:var(--muted);line-height:1.9}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}form label{display:block;font-size:11px;margin-bottom:20px}form label>span{color:#65806a}input,textarea{width:100%;display:block;border:1px solid var(--line);background:#fcfdfb;padding:12px;margin-top:8px;resize:vertical;border-radius:0;font-size:12px}input:focus,textarea:focus,select:focus{outline:1px solid var(--green);outline-offset:0}form select{margin-top:8px;height:47px}.consent{display:flex;align-items:start;gap:10px;font-size:10px;line-height:1.8}.consent input{width:14px;height:14px;margin:3px 0 0;accent-color:var(--green)}.consent>span{color:var(--muted)}form>.button{width:100%}.form-hint{font-size:10px;color:var(--muted);margin-top:12px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#form-status{font-size:12px;margin-top:14px;color:var(--green)}.form-fallback{display:flex;gap:25px;margin-top:10px}.form-fallback[hidden]{display:none}footer{background:var(--green);color:white;padding:40px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand-symbol{background:white;color:var(--green)}footer .brand{font-size:23px}footer p{font-size:13px}footer>span,footer>a:last-child{font-size:10px;color:#c1cec5}.whatsapp-float{position:fixed;bottom:25px;right:25px;z-index:60;background:#23894b;color:white;border-radius:32px;padding:14px 19px;display:flex;align-items:center;gap:10px;box-shadow:0 5px 20px #142f2530;font-family:Arial;font-size:12px}.whatsapp-float svg{width:24px;height:24px}.whatsapp-float:hover{background:#16733a}dialog{border:0;padding:45px;max-width:550px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#13291d99}.dialog-close{position:absolute;right:12px;top:12px;font-size:28px}dialog h2{font-size:25px}#dialog-description{font-size:13px;color:var(--muted);margin-top:15px}dialog dl{font-size:12px;display:grid;grid-template-columns:90px 1fr;gap:14px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}dialog dd{margin:0;color:var(--muted)}dialog .button{margin-top:22px;width:100%}
@media(min-width:1600px){.hero-copy{padding-left:calc((100vw - 1320px)/2 + 50px)}.hero-bottom{left:calc((100vw - 1320px)/2 + 50px)}}
@media(max-width:1050px){.header{padding:0 4%;height:78px}.header nav{gap:20px}.brand{font-size:23px}.hero{min-height:520px;height:590px}.hero-copy{padding-top:60px;width:61%;padding-left:6%}.hero h1 span{font-size:43px}.hero-image{width:59%;object-position:60% center}.hero-bottom{left:10%;gap:15px;font-size:10px;flex-direction:column}.section{padding:70px 5%}.custom{gap:24px}.custom-intro h2{font-size:33px}.custom-preview img{height:330px}.custom-preview{min-height:350px}.product-image{height:270px}.product-image img{padding:25px}.faq{gap:45px}.contact{gap:45px}h2{font-size:30px}.space-main img{height:490px}footer p{display:none}}
@media(max-width:760px){html{scroll-padding-top:78px}.header{height:72px;padding:0 5%}.brand{font-size:21px}.brand-symbol{width:33px;height:36px;font-size:27px}.brand-en{font-size:6px}.header-contact{margin-left:auto;margin-right:21px;font-size:10px}.header-contact span{margin-left:7px}.menu-button{display:flex;flex-direction:column;gap:6px;width:23px;height:30px;justify-content:center}.menu-button span{display:block;width:21px;height:1px;background:var(--ink)}.header nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;padding:15px 6% 25px;background:white;gap:0;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.header nav a{padding:13px 0}.hero{min-height:690px;height:calc(100svh - 72px);max-height:820px;background:#e9eceb}.hero-image{top:auto;bottom:0;width:100%;height:49%;object-fit:cover;object-position:center 48%}.hero-copy{width:100%;height:54%;background:#e9eceb;padding:35px 6% 0}.hero h1{font-size:15px}.hero h1 span{font-size:35px;margin-top:9px;line-height:1.35}.hero-copy>p{font-size:12px;line-height:1.8;margin-top:14px}.hero-actions{margin-top:22px;gap:24px}.button{font-size:12px;min-height:46px;padding:12px 18px}.hero-bottom{display:none}.hero-caption{bottom:15px;right:15px;font-size:8px}.intro-bar{padding:22px 6%;flex-wrap:wrap;gap:15px}.intro-bar p{width:100%;font-size:17px}.intro-bar span{font-size:10px}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:26px}.section-heading>p{margin-top:18px;font-size:12px}.section-label{font-size:10px;margin-bottom:14px}h2,.quality h2{font-size:27px}.filters{gap:22px;margin-bottom:22px;white-space:nowrap;overflow:auto}.filters button{font-size:11px}.product-grid{grid-template-columns:repeat(2,1fr);gap:28px 15px}.product-image{height:210px}.product-image img{padding:15px 10px}.product h3{font-size:14px;line-height:1.5}.product-meta{font-size:8px;margin-top:12px}.product>p{font-size:10px;line-height:1.8}.product-inquiry{width:30px;height:30px;right:8px;bottom:8px;font-size:19px}.detail-button{font-size:10px}.product-note{font-size:10px}.custom{grid-template-columns:1fr 1fr;gap:25px 20px}.custom-intro{grid-column:span 2}.custom-intro h2{font-size:30px}.custom-intro>p:not(.section-label){font-size:12px;margin:17px 0}.custom-preview{min-height:340px}.custom-preview img{height:280px}.preview-caption{font-size:8px}.custom-options h3{font-size:14px}.custom-options legend{font-size:10px}.swatches{gap:11px}.swatch{width:22px;height:22px}.segmented{flex-direction:column}.segmented button{font-size:10px}.custom-options select{font-size:10px}#apply-custom{font-size:10px;padding:12px;gap:8px}.small-note{font-size:9px}.quality-list{grid-template-columns:1fr 1fr;gap:28px 20px;padding-top:23px}.quality-list h3{font-size:15px;margin:10px 0}.quality-list p{font-size:11px}.space-grid{grid-template-columns:1fr;gap:30px}.space-main{grid-row:auto}.space-main img{height:360px}.space-grid>figure:not(.space-main) img{height:250px}.space-grid figcaption h3{font-size:18px}.space-text>p{font-size:20px}.process ol{grid-template-columns:1fr 1fr;gap:28px 20px}.process li{padding-left:18px}.process li:nth-child(3){border:0;padding-left:0}.process li>span{font-size:23px}.process li h3{font-size:16px;margin-top:10px}.process li p{font-size:11px}.faq{grid-template-columns:1fr;gap:27px}.faq>div>p:not(.section-label){font-size:12px;margin-top:15px}.faq summary{font-size:12px;line-height:1.8}.faq-number{margin-right:12px}.faq details p{font-size:11px}.contact{grid-template-columns:1fr;gap:35px}.contact-copy h2{font-size:29px}.contact-copy>p:not(.section-label){font-size:12px;margin:17px 0}.contact-phone{font-size:23px}.contact-address{margin-top:20px}.form-row{gap:12px}form label{font-size:10px}input,textarea,select{font-size:12px;padding:11px}footer{padding:30px 6% 85px;display:grid;grid-template-columns:1fr auto;gap:23px}footer .brand{font-size:20px}footer>span{font-size:9px;grid-column:1}footer>a:last-child{grid-row:2;grid-column:2;font-size:9px}.whatsapp-float{right:17px;bottom:17px;padding:12px 15px;font-size:11px}.whatsapp-float svg{width:22px;height:22px}dialog{padding:35px 25px}dialog h2{font-size:22px}}
@media(max-width:370px){.header-contact{font-size:9px;margin-right:12px}.hero h1 span{font-size:32px}.product-image{height:185px}.custom{grid-template-columns:1fr}.custom-intro{grid-column:auto}.custom-preview{min-height:280px}.custom-options{max-width:none}.segmented{flex-direction:row}.form-row{grid-template-columns:1fr;gap:0}.product h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}