:root{--ink:#171717;--muted:#7c7c80;--line:#dedee2;--paper:#f5f5f7;--white:#fff;--blue:#0071e3;--warm:#a9724b}*{box-sizing:border-box}html{scroll-behavior:smooth}#showroom,#configurator,#service,#stores{scroll-margin-top:92px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;border:0;background:none;cursor:pointer}.announcement{height:32px;background:#1d1d1f;color:#d5d5d7;display:flex;align-items:center;justify-content:center;gap:34px;font-size:10px;letter-spacing:.11em}.site-header{height:58px;background:#f5f5f7dd;backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 7vw;position:sticky;top:0;z-index:10;border-bottom:1px solid #d6d6d8aa}.brand{display:flex;gap:10px;align-items:center}.brand-mark{width:24px;height:24px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:15px;font-style:italic;border-radius:6px}.brand b{display:block;font-size:15px;letter-spacing:.16em}.brand small{display:block;color:var(--muted);font-size:7px;letter-spacing:.2em;margin-top:1px}nav{display:flex;gap:38px;font-size:12px;color:#545458}nav a{transition:.2s}nav a.active,nav a:hover{color:var(--ink)}.header-order{font-size:12px}.header-order span{display:inline-grid;place-items:center;background:var(--ink);color:#fff;border-radius:50%;width:18px;height:18px;margin-left:7px;font-size:10px}.hero{min-height:660px;display:grid;grid-template-columns:43% 57%;position:relative}.hero-copy{padding:135px 7vw 80px 11vw;background:#f5f5f7}.eyebrow{color:var(--warm);font-size:10px;letter-spacing:.18em;margin:0 0 20px;font-weight:600}.hero h1{font-family:"Playfair Display","Noto Sans SC",serif;font-size:58px;line-height:1.18;font-weight:500;margin:0 0 28px;letter-spacing:.01em}.hero h1 em,h2 em{color:#a66d45;font-style:normal}.hero-desc{font-size:14px;line-height:2;color:#68686b;max-width:355px;margin-bottom:36px}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:14px 20px;font-size:12px;letter-spacing:.08em;transition:.25s;border-radius:980px}.button.dark{background:var(--ink);color:#fff}.button.dark:hover{background:#3c3c40;transform:translateY(-2px)}.button.outline{border:1px solid var(--ink)}.button.outline:hover{background:var(--ink);color:#fff}.button.full{width:100%;margin-top:20px}.text-link{font-size:12px;color:#5d5d61}.text-link span{margin-left:9px;font-size:17px}.hero-image{background:linear-gradient(90deg,rgba(0,0,0,.08),transparent),url('./assets/hero-main.jpg') center/cover;position:relative;min-height:660px;overflow:hidden}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#1115);animation:heroLight 5s ease-in-out infinite alternate}.hero-image-label{position:absolute;bottom:43px;right:10%;color:#fff;display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.12em;z-index:1}.hero-image-label b{font-family:Georgia,serif;font-size:27px;font-weight:400}.hero-image-label span{border-left:1px solid #fff8;padding-left:16px}.hero-scroll{position:absolute;bottom:25px;left:11vw;font-size:9px;letter-spacing:.18em;color:#929298}.hero-scroll span{display:inline-block;width:35px;border-top:1px solid #929298;margin:0 0 3px 12px}.section-pad{padding:115px 10vw}.section-heading,.config-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.section-heading h2,.config-head h2{font-family:"Playfair Display","Noto Sans SC",serif;font-weight:500;font-size:40px;margin:0}.section-heading>p{font-size:13px;line-height:2;color:var(--muted);margin:0}.collection-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:16px}.collection-card{background:#e9e9eb;overflow:hidden}.card-image{height:330px;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.2,.8,.2,1);filter:saturate(.9)}.collection-card:hover .card-image{transform:scale(1.05)}.image-entry{background-image:url('./assets/collection-entry.jpg')}.image-villa{background-image:url('./assets/collection-villa.jpg')}.image-system{background-image:url('./assets/collection-system.jpg')}.card-footer{display:flex;justify-content:space-between;align-items:flex-end;padding:20px 22px}.card-footer small{font-size:9px;color:var(--muted);letter-spacing:.15em}.card-footer h3{font-size:20px;font-weight:500;margin:7px 0 0}.card-footer a{font-size:11px}.configurator{background:#e9e9eb}.config-head{align-items:center}.config-subtitle{color:var(--muted);font-size:13px;margin:14px 0 0}.step-indicator{display:flex;align-items:center;gap:14px;color:#a1a1a6;font-size:11px}.step{display:flex;gap:8px;align-items:center}.step.active{color:var(--ink);font-weight:600}.step small{font-size:10px;font-weight:400}.step-indicator i{width:30px;border-top:1px solid #c1c1c5}.config-layout{display:grid;grid-template-columns:32% 68%;min-height:680px;background:var(--paper);border-radius:22px;overflow:hidden;box-shadow:0 20px 60px #0000000c}.config-panel{padding:34px 36px;border-right:1px solid var(--line);background:#f5f5f7}.panel-title{display:flex;justify-content:space-between;font-size:14px;margin-bottom:22px}.panel-title span:last-child{font-size:10px;color:var(--muted)}.option-group{border-top:1px solid var(--line);padding:17px 0 15px}.option-label{display:flex;justify-content:space-between;margin-bottom:12px;font-size:12px}.option-label small{color:var(--muted);font-size:10px}.option-options{display:flex;gap:7px;flex-wrap:wrap}.option{border:1px solid var(--line);padding:10px 11px;min-width:70px;text-align:center;font-size:11px;color:#66666b;border-radius:10px;transition:.2s}.option small{display:block;color:#99999d;font-size:9px;margin-top:4px}.option:hover,.option.selected{border-color:var(--ink);color:var(--ink);background:#fff}.option.selected{box-shadow:inset 0 -2px var(--warm)}.swatch{padding:0;width:61px;height:55px;background-size:cover;background-position:center;font-size:0;position:relative;border-radius:8px}.swatch.selected:after{content:'✓';position:absolute;right:5px;top:3px;background:#fff;border-radius:50%;font-size:10px;width:16px;height:16px;display:grid;place-items:center}.dimension-fields{border-top:1px solid var(--line);padding-top:18px;margin-top:3px}.dimension-title{display:flex;justify-content:space-between;font-size:12px;margin-bottom:14px}.dimension-title small,.dimension-hint{font-size:9px;color:var(--muted)}.dimension-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dimension-inputs label{font-size:10px;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px}.dimension-inputs input{width:58px;border:0;outline:0;background:transparent;font-size:13px;color:var(--ink);font-weight:600}.dimension-inputs em{font-size:9px;font-style:normal}.dimension-hint{margin-top:8px}.panel-note,.drawer-note{font-size:10px;line-height:1.8;color:#96969b;margin:16px 0}.preview-wrap{display:flex;flex-direction:column}.preview-top{display:flex;justify-content:space-between;padding:18px 26px;color:#7c7c82;font-size:11px;border-bottom:1px solid var(--line)}.preview-code{letter-spacing:.12em;font-size:10px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#2db76e;margin:0 7px 1px 0;box-shadow:0 0 0 4px #2db76e22}.door-scene{flex:1;min-height:520px;background:radial-gradient(circle at 48% 31%,#fff 0,#f0f0f1 39%,#d5d5d8 100%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:1200px;cursor:grab}.door-scene:after{content:'';position:absolute;bottom:-25px;left:-10%;right:-10%;height:26%;background:linear-gradient(7deg,#a8a8ab88,transparent);transform:skewY(-4deg)}.door-scene:active{cursor:grabbing}.scene-glow{position:absolute;width:520px;height:520px;background:radial-gradient(circle,rgba(255,255,255,.95),transparent 67%);top:-120px;left:15%;pointer-events:none}.scene-copy{position:absolute;left:26px;top:24px;color:#88888d;font-size:10px;letter-spacing:.09em;z-index:2}.scene-copy i{font-style:normal;font-size:17px;margin-left:5px}.door-stage{height:440px;width:330px;position:relative;z-index:1;transform-style:preserve-3d;transform:rotateY(-12deg);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.wall-shadow{position:absolute;bottom:3px;left:15px;width:300px;height:34px;background:#55555a44;filter:blur(14px);border-radius:50%;transform:rotateX(70deg);transform-origin:center}.door-frame{height:430px;width:270px;position:absolute;left:28px;bottom:0;display:flex;justify-content:center;transform-style:preserve-3d;filter:drop-shadow(20px 22px 15px rgba(65,65,70,.3));transition:.6s}.door-preview{height:430px;width:200px;background:var(--door-texture);background-size:cover;background-position:center;border:14px solid var(--door-frame);position:relative;transition:.6s;box-shadow:inset 0 0 0 1px #ffffff55,0 0 0 1px #0003;transform-style:preserve-3d}.door-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(104deg,#fff5,transparent 25%,transparent 74%,#0004);pointer-events:none}.door-preview:before{content:'';position:absolute;inset:18px;border:1px solid #ffffff3a}.door-panel{position:absolute;inset:28px;border:1px solid #fff4;box-shadow:inset 0 0 38px #0003}.door-handle{position:absolute;right:18px;top:50%;height:76px;width:6px;background:linear-gradient(90deg,#131313,#6d6d6d,#111);border-radius:5px;box-shadow:2px 3px 5px #0006}.door-handle span{position:absolute;left:-4px;top:7px;width:14px;height:3px;background:#d3c5aa}.door-lock{position:absolute;right:13px;top:calc(50% - 23px);width:15px;height:13px;border:1px solid #cab08e;background:#1c1b18}.door-side{position:absolute;top:18px;width:40px;height:412px;background:var(--door-frame);opacity:.88;display:none;transform-style:preserve-3d}.left-side{left:-34px;transform:rotateY(10deg)}.right-side{right:-34px;transform:rotateY(-10deg)}.door-frame.has-left .left-side,.door-frame.has-right .right-side,.door-frame.has-double .left-side,.door-frame.has-double .right-side{display:block}.door-frame.has-double .left-side,.door-frame.has-double .right-side{width:48px}.door-frame.has-double .door-preview{width:145px}.dimension{position:absolute;font-size:9px;letter-spacing:.12em;color:#77777c;z-index:2}.dimension-width{bottom:34px}.dimension-height{right:17%;top:40%}.scene-controls{position:absolute;right:24px;bottom:23px;display:flex;gap:7px;z-index:3}.scene-controls button{width:29px;height:29px;border:1px solid #b6b6bb;border-radius:50%;font-size:15px;color:#747479;background:#f5f5f780;backdrop-filter:blur(10px)}.scene-controls button:hover{background:#fff;color:var(--ink)}.preview-bottom{padding:19px 26px;display:flex;justify-content:space-between;border-top:1px solid var(--line);background:#f5f5f7}.preview-bottom small,.price small{display:block;font-size:9px;color:var(--muted);margin-bottom:7px}.preview-bottom strong{font-size:14px;font-weight:500}.price{text-align:right}.price strong{font-family:"Playfair Display",serif;font-size:23px;font-weight:500}.service{background:#1d1d1f;color:#e7e7e9;display:grid;grid-template-columns:1fr 1fr;gap:11vw}.service h2{font-family:"Playfair Display","Noto Sans SC",serif;font-weight:500;font-size:42px;line-height:1.38;margin:0 0 42px}.service .eyebrow{color:#c28d66}.service .outline{border-color:#aaaab0;color:#eeeef0}.service-list{border-top:1px solid #444448}.service-item{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:23px 0;border-bottom:1px solid #444448}.service-item>b{font-family:Georgia,serif;font-size:20px;color:#c28d66;font-weight:400}.service-item h3{font-size:15px;font-weight:500;margin:0 0 7px}.service-item p{font-size:11px;color:#9b9ba1;margin:0;line-height:1.8}.stores{background:#e9e9eb}.store-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.store-feature{background:var(--paper);overflow:hidden}.store-image{height:265px;background:url('./assets/store-hangzhou.jpg') center/cover}.store-meta{display:flex;justify-content:space-between;align-items:flex-end;padding:22px}.store-meta small{color:var(--muted);font-size:10px}.store-meta h3{font-size:18px;font-weight:500;margin:8px 0}.store-meta p{margin:0;color:var(--muted);font-size:11px}.store-meta>a{font-size:11px}.store-side{background:#d8d8dc;padding:42px 38px;display:flex;flex-direction:column;justify-content:space-between}.store-side p{font-size:16px;line-height:1.7;margin:0}.store-side strong{font-family:"Playfair Display";font-size:82px;line-height:1;font-weight:500}.store-side strong span{font-size:35px;color:#a87045}footer{padding:35px 5vw;display:flex;align-items:center;justify-content:space-between;background:#111;color:#b5b5b8;font-size:10px}footer .brand{color:#fff}footer p{letter-spacing:.12em}.drawer-backdrop{position:fixed;inset:0;background:#0008;z-index:20;opacity:0;visibility:hidden;transition:.3s}.order-drawer{position:fixed;right:0;top:0;bottom:0;width:min(420px,100vw);z-index:21;background:var(--paper);padding:62px 40px 35px;transform:translateX(100%);transition:.35s;overflow:auto}.drawer-backdrop.open{opacity:1;visibility:visible}.order-drawer.open{transform:translateX(0)}.drawer-close{position:absolute;top:23px;right:30px;font-size:28px;color:#777}.order-drawer h2{font-family:"Playfair Display","Noto Sans SC",serif;font-size:32px;font-weight:500;margin:0 0 24px}.order-visual{height:170px;background:linear-gradient(135deg,#d9d9dc,#eeece6);position:relative;margin-bottom:26px;overflow:hidden}.order-visual:after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(8deg,#8a7966aa,transparent);transform:skewY(-4deg)}.order-visual .mini-door{height:145px;width:92px;position:absolute;left:calc(50% - 46px);bottom:0;border:8px solid var(--door-frame);background:var(--door-texture);background-size:cover;z-index:1}.order-summary{border-top:1px solid var(--line)}.order-summary div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.order-summary span{color:var(--muted)}.order-summary b{font-weight:500}.order-price{display:flex;justify-content:space-between;align-items:center;padding:25px 0 0}.order-price span{font-size:12px}.order-price strong{font-family:"Playfair Display";font-size:27px;font-weight:500}.contact-fields{display:grid;gap:10px;margin-top:22px}.contact-fields label{font-size:10px;color:var(--muted)}.contact-fields input{display:block;width:100%;margin-top:6px;border:1px solid var(--line);background:#fff;padding:12px;border-radius:9px;font:inherit;font-size:12px;outline:none}.contact-fields input:focus{border-color:var(--ink)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#1d1d1f;color:#fff;padding:12px 22px;font-size:11px;border-radius:980px;opacity:0;visibility:hidden;transition:.3s;z-index:30}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}@keyframes heroLight{from{transform:translateX(-3%);opacity:.6}to{transform:translateX(3%);opacity:1}}@media(max-width:900px){nav{gap:15px}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 8vw}.hero-image{min-height:430px}.config-layout,.service,.store-grid{grid-template-columns:1fr}.config-panel{border-right:0;border-bottom:1px solid var(--line)}.door-scene{min-height:500px}.collection-grid{grid-template-columns:1fr 1fr}.collection-card.large{grid-column:span 2}.section-pad{padding:75px 6vw}}@media(max-width:600px){.announcement span:last-child,nav{display:none}.site-header{height:60px;padding:0 5vw}.hero h1{font-size:42px}.hero-copy{padding:65px 7vw}.section-heading,.config-head{display:block}.section-heading>p{margin-top:16px}.step-indicator{margin-top:24px}.collection-grid{grid-template-columns:1fr}.collection-card.large{grid-column:auto}.card-image{height:270px}.config-panel{padding:28px 22px}.preview-bottom{padding:16px}.door-stage{transform:scale(.82) rotateY(-12deg)}.service h2{font-size:36px}.store-side{min-height:270px;padding:30px}.store-meta{display:block}.store-meta>a{display:block;margin-top:20px}footer{display:block;text-align:center}footer .brand{justify-content:center}footer p{margin:20px 0}}