@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;600;700&display=swap');
:root{--ink:#203b32;--paper:#f5f3ed;--line:#d9ddd3;--muted:#758078;--accent:#ba8d60}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC",sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #ba8d60;outline-offset:6px}.preview{height:29px;background:var(--ink);color:#f5f3ed;text-align:center;font-size:10px;letter-spacing:2px;line-height:29px}.preview span{margin-left:25px;opacity:.7}header{height:102px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:600;letter-spacing:3px;line-height:1.3}.brand small{font-size:9px;letter-spacing:3px;display:block;margin-top:7px}.brand-icon{font:44px Georgia;letter-spacing:-11px;border-left:2px solid var(--ink);padding-left:4px;width:51px}.brand-icon span{font-size:32px}nav{display:flex;align-items:center;gap:25px;font-size:12px}nav a:hover,nav a.active{color:#a77748}nav sup{display:block;font-size:8px;line-height:1;opacity:.6}nav .nav-cta{padding:11px 19px;border:1px solid #a7b3aa}nav .nav-cta span{margin-left:22px}.menu{display:none}.wrap{max-width:1320px;margin:auto;padding:0 7%}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:24px;height:1px;background:currentColor}.hero{min-height:650px;display:grid;grid-template-columns:48% 52%;position:relative}.hero-copy{padding:82px 4% 60px 14%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero h1{font-family:"Noto Serif TC",serif;font-size:clamp(38px,4.2vw,66px);font-weight:500;line-height:1.48;letter-spacing:3px;margin:24px 0}.hero h1 em{font-style:normal;color:#8c765d}.hero-copy p{color:#778078;max-width:335px;font-size:13px;line-height:2.1}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;background:var(--ink);color:#fff;padding:14px 25px;font-size:12px;border:1px solid var(--ink);cursor:pointer;margin-top:20px}.button.light{background:transparent;color:var(--ink)}.button:hover{background:#3d5b4b;color:white}.hero-art{position:relative;overflow:hidden;background:linear-gradient(115deg,#b8b5a8,#ded9ca 65%);min-height:600px}.room-wall{position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#ffffff25 65%,transparent 65.3%),linear-gradient(20deg,#0000000c,transparent);}.room-floor{position:absolute;bottom:0;left:0;right:0;height:25%;background:linear-gradient(10deg,#c7bfab,#e5dece);border-top:1px solid #b8b19f}.cabinet{position:absolute;top:15%;left:10%;width:77%;height:64%;display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:3px;padding:9px;background:#706452;box-shadow:18px 24px 35px #2e302733;transform:perspective(1500px) rotateY(-7deg);border-right:10px solid #8e7960;border-bottom:8px solid #5c5144}.door{position:relative;background:repeating-linear-gradient(90deg,#b89872 0,#b89872 2px,#b29471 3px,#c5a47d 6px,#b89974 9px);box-shadow:inset -3px 0 8px #55422c12}.door:after{content:"";position:absolute;right:8%;top:48%;width:3px;height:37px;background:#5c5445}.shelf{background:#84735e;display:flex;flex-direction:column;justify-content:space-evenly;border:7px solid #ab8d68}.shelf div{height:25%;border-bottom:5px solid #c3a17a;background:linear-gradient(#695b4d55,transparent);position:relative}.shelf div:before{content:"";position:absolute;bottom:0;left:20%;width:28%;height:55%;background:#d9d4c3;border-radius:40% 40% 9% 9%;box-shadow:19px 0 #4a5b46}.shelf div:nth-child(2):before{width:32%;height:70%;border-radius:0;background:repeating-linear-gradient(90deg,#ccc4b1 0 6px,#a5967c 7px 10px);box-shadow:none}.shelf div:nth-child(3):before{height:30%;width:60%;border-radius:0;background:#b3b29d;box-shadow:none}.art-caption{position:absolute;bottom:25px;left:28px;color:#605d50;font-size:9px;letter-spacing:2px}.art-number{position:absolute;right:27px;top:27px;font-size:10px;writing-mode:vertical-rl;letter-spacing:3px}.floating-label{position:absolute;bottom:55px;right:30px;padding:12px 22px;background:#f7f5eddd;backdrop-filter:blur(10px);font-size:10px;letter-spacing:2px}.hero-bottom{display:flex;gap:40px;font-size:9px;letter-spacing:2px;margin-top:48px;color:#788277}.strip{padding:24px 7%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:2px}.strip span:before{content:"+";margin-right:15px;color:#aa8c6b}.section{padding:94px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section h2,.page h1,.cta h2{font-family:"Noto Serif TC",serif;font-weight:500;letter-spacing:2px;line-height:1.5;font-size:36px;margin:16px 0}.section-head p,.intro{color:var(--muted);font-size:13px;max-width:400px}.text-link{font-size:11px;border-bottom:1px solid #9ba99c;padding-bottom:5px;white-space:nowrap}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{border-top:1px solid #829788;padding:25px 0}.service-card .num{color:#a68a69;font-family:Georgia;font-size:13px}.service-card h3{font-size:20px;font-weight:500;margin:25px 0 12px}.service-card p{font-size:12px;color:var(--muted);margin-bottom:25px}.service-card .tag{font-size:9px;letter-spacing:1px;background:#e9ece4;padding:5px 8px;margin-right:5px}.dark{background:var(--ink);color:#f7f3e9}.dark p{color:#bdc9bc}.material-feature{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px}.swatch-stack{height:330px;position:relative}.slab{width:70%;height:190px;position:absolute;transform:skewY(-7deg);box-shadow:0 15px 22px #0003;border-right:9px solid #817051;border-bottom:8px solid #635b4a}.slab:nth-child(1){left:0;top:0;background:repeating-linear-gradient(90deg,#c5aa82 0 2px,#bea17b 3px 5px,#c3a77e 6px 10px)}.slab:nth-child(2){left:15%;top:65px;background:#b6b5aa;border-color:#8b8e82}.slab:nth-child(3){left:30%;top:130px;background:repeating-linear-gradient(90deg,#927758 0 2px,#8b6f4f 3px 6px,#a28662 7px 9px)}.dark .button{background:#eceee3;color:#213d32;border-color:#eceee3}.micro{font-size:10px;color:var(--muted);letter-spacing:1px}.cta{background:#e8eadf;padding:60px 7%;display:flex;justify-content:space-between;align-items:center}.cta p{font-size:13px;color:var(--muted)}footer{padding:58px 7% 20px;background:#eceee6}.footer-brand{font-size:24px;letter-spacing:4px}.footer-brand small{font-size:9px;display:block;letter-spacing:3px}footer p{font-size:12px;color:var(--muted)}footer>div:nth-of-type(2){display:flex;gap:28px;margin:25px 0;font-size:11px}.footer-bottom{border-top:1px solid #cdd4c8;padding-top:20px;margin-top:35px;display:flex;justify-content:space-between;font-size:9px;color:#778276}.page{padding:75px 0 85px;min-height:65vh}.page h1{font-size:48px;margin:22px 0}.page-lead{max-width:600px;color:#778277;font-size:14px;margin-bottom:46px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.panel{padding:35px;background:#e9ece3;border:1px solid #d9dfd2}.panel h3{font-size:20px;font-weight:500;margin-top:0}.panel p{font-size:13px;color:#788275}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:50px 0}.fact-grid div{padding:30px 10px}.fact-grid strong{font:32px Georgia;display:block}.fact-grid small{font-size:11px;color:var(--muted)}.process{margin-top:60px}.step{padding:25px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:60px 180px 1fr;gap:15px;align-items:start}.step span{font:20px Georgia;color:#a48c70}.step h3{font-size:15px;margin:0}.step p{margin:0;color:var(--muted);font-size:12px}.filters{display:flex;gap:8px;margin:30px 0;flex-wrap:wrap}.filter{border:1px solid #bfcabd;background:transparent;padding:9px 22px;font-size:12px;cursor:pointer;color:var(--ink)}.filter.active{background:var(--ink);color:#fff}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.swatch{border:1px solid var(--line);background:#f9f8f3}.swatch-visual{height:210px;background:var(--tone);position:relative}.swatch-visual.wood{background:repeating-linear-gradient(90deg,var(--tone) 0 3px,#ffffff20 4px 6px,#00000009 7px 10px)}.swatch-visual:after{content:"材質示意";position:absolute;bottom:10px;right:12px;font-size:9px;background:#ffffffa0;padding:1px 7px;color:#585e52}.swatch-body{padding:23px}.swatch h3{margin:0;font-size:16px;font-weight:500}.swatch p{font-size:11px;color:var(--muted);margin:8px 0}.notice{padding:16px 20px;background:#ebe8dd;border-left:2px solid #b49b78;font-size:12px;color:#777264;margin:25px 0}.case-visual{height:230px;background:linear-gradient(120deg,#d3ccbc,#f0ebe0);position:relative;overflow:hidden}.case-visual:before{content:"";position:absolute;width:65%;height:64%;left:18%;top:18%;background:repeating-linear-gradient(90deg,#b59c77 0 30%,#75674f 30.4% 31%,#b59c77 31.4% 62%);border:7px solid #927b5d;box-shadow:15px 15px 0 #6c68511a}.case-visual.second{background:#b1b6a7}.case-visual.second:before{background:repeating-linear-gradient(0deg,#dbd6c7 0 30%,#8c8b7b 30.4% 32%)}.case-visual.third{background:#e4dfd2}.case-visual.third:before{top:35%;height:40%;background:#7b8975;border-color:#657260}.case-card h3{font-size:18px;font-weight:500;margin-bottom:5px}.case-card p{color:var(--muted);font-size:12px}.pill{border:1px solid #afbaaa;font-size:9px;letter-spacing:2px;padding:3px 9px;display:inline-block}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.portal-card{padding:45px;border:1px solid var(--line);background:#ebeee5;min-height:350px}.portal-card .icon{font-size:40px;font-family:Georgia;color:#899881}.portal-card h2{font-family:"Noto Serif TC";font-size:27px;font-weight:500}.portal-card p{font-size:13px;color:var(--muted)}.portal-card button{padding:12px 20px;background:transparent;border:1px solid #b8c1b1;color:#899184;margin-top:20px}.contact-list{list-style:none;padding:0;margin-top:28px}.contact-list li{padding:15px 0;border-top:1px solid var(--line);font-size:13px}.contact-list span{color:var(--muted);font-size:11px;display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{font-size:11px;display:block}input,textarea,select{width:100%;padding:12px;border:1px solid #d0d7ca;background:#f8f9f3;color:#777;margin-top:6px;font-size:12px}.full{grid-column:1/-1}textarea{min-height:120px;resize:vertical}button:disabled{cursor:not-allowed;opacity:.5}.reveal{animation:rise .45s ease-out}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.hero-copy{padding-left:20%}.hero-art{min-height:700px}.hero{min-height:700px}}@media(max-width:1100px){nav{gap:14px;font-size:11px}.brand{font-size:20px}.hero-copy{padding-left:10%;padding-top:55px}.hero{min-height:570px}.hero-art{min-height:570px}.material-feature{gap:35px}}@media(max-width:800px){header{height:80px;padding:0 6%;position:relative;z-index:5}.preview{font-size:8px;letter-spacing:1px}.preview span{margin-left:10px}.menu{display:block;background:transparent;border:0;color:var(--ink);font-size:22px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);padding:25px 6%;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:19px}nav.open{display:flex}nav sup{display:inline;margin-left:7px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 7%}.hero h1{font-size:45px}.hero-copy p{max-width:100%}.hero-bottom{margin-top:35px}.hero-art{min-height:420px}.strip{display:grid;grid-template-columns:1fr 1fr;font-size:9px;padding:22px 7%;gap:15px}.section{padding:60px 0}.section h2{font-size:29px}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:10px}.grid3,.swatches{grid-template-columns:1fr}.material-feature,.two-col,.portal-grid{grid-template-columns:1fr;gap:30px}.swatch-stack{height:310px;max-width:460px}.cta{display:block;padding:40px 7%}.cta h2{font-size:28px}.footer-bottom{gap:12px;flex-direction:column}.page{padding-top:45px}.page h1{font-size:36px}.step{grid-template-columns:40px 1fr;gap:10px}.step p{grid-column:2}.fact-grid strong{font-size:26px}.fact-grid small{font-size:9px}.panel{padding:25px}.portal-card{padding:30px}.form-grid{grid-template-columns:1fr}.hero-art .cabinet{top:12%;height:68%}.swatch-visual{height:230px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}