:root{--paper:#f7f5f0;--white:#fff;--ink:#302e29;--muted:#68645d;--line:#d5d0c6;--sand:#e9e4da;--wood:#756149;--dark:#353c34;--max:1320px;--serif:"Noto Serif TC","Songti TC","PMingLiU",serif;--sans:"Microsoft JhengHei","PingFang TC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #866b43;outline-offset:5px}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:500;line-height:1.4;letter-spacing:.055em}h1{font-size:clamp(2.25rem,4.1vw,4.3rem)}h2{font-size:clamp(1.9rem,3vw,3.2rem)}h3{font-size:1.25rem;font-weight:500;line-height:1.5}p+p{margin-top:1em}.wrap{width:min(calc(100% - 112px),var(--max));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:12px}.test-banner{text-align:center;background:#e9e4da;color:#534a3e;font-size:.75rem;letter-spacing:.12em;padding:5px 18px}.site-header{position:sticky;top:0;z-index:30;background:rgba(247,245,240,.98);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:94px}.brand{display:flex;flex-direction:column;line-height:1.3;white-space:nowrap}.brand strong{font-size:1.4rem;letter-spacing:.18em;font-weight:500}.brand small{font-size:.7rem;letter-spacing:.21em;margin-top:7px;color:var(--muted)}.desktop-nav{display:flex;align-items:center;gap:28px;font-size:.875rem}.desktop-nav a{padding:14px 0;border-bottom:1px solid transparent}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{border-color:var(--wood)}.header-cta{border:1px solid var(--ink);padding:9px 18px!important;line-height:1.5}.menu-toggle{display:none;background:none;border:0;padding:12px;color:var(--ink)}.hero{position:relative;min-height:650px;height:calc(100svh - 124px);max-height:880px;display:flex;align-items:flex-end;isolation:isolate;color:white;background:#5e6154;overflow:hidden}.hero picture{position:absolute;inset:0;z-index:-2}.hero img{height:100%;object-fit:cover;object-position:center 53%}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(21,27,19,.56),rgba(21,27,19,.05) 78%),linear-gradient(0deg,rgba(21,27,19,.35),transparent 60%)}.hero-content{padding-block:92px 76px}.eyebrow{display:block;font-size:.75rem;letter-spacing:.19em;line-height:1.6;margin-bottom:25px;color:var(--wood)}.hero .eyebrow{color:#fff}.hero h1{max-width:800px}.hero p{max-width:550px;margin-top:24px;font-size:1rem;letter-spacing:.06em}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:52px;border:1px solid var(--ink);padding:12px 25px;background:var(--ink);color:white;font-size:.875rem;letter-spacing:.05em;transition:background .2s,color .2s}.button:hover{background:var(--wood);border-color:var(--wood)}.button.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button.outline{background:transparent;color:var(--ink)}.hero .text-link{color:white}.text-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid currentColor;padding:9px 0;font-size:.875rem;line-height:1.6}.hero-note{position:absolute;right:32px;bottom:22px;font-size:.75rem;color:#fff}.section{padding-block:110px}.intro{display:grid;grid-template-columns:.8fr 1fr;gap:12%;align-items:start}.intro p{color:var(--muted);max-width:650px}.intro .text-link{margin-top:25px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:45px}.section-top .eyebrow{margin-bottom:16px}.feature-split{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:8%}.feature-split .photo{aspect-ratio:1/1.05;object-fit:cover}.feature-copy{padding-block:40px}.feature-copy>p{margin-top:24px;color:var(--muted)}.feature-list{margin-top:28px}.feature-row{display:grid;grid-template-columns:35px 1fr;gap:16px;padding:23px 0;border-top:1px solid var(--line)}.feature-row span{font-size:.75rem;color:var(--wood)}.feature-row p{font-size:.875rem;color:var(--muted);margin-top:7px}.sand{background:var(--sand)}.dark{background:var(--dark);color:var(--paper)}.dark .eyebrow,.dark p{color:#dbd8cc}.gallery-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:36px}.gallery-item img{aspect-ratio:1.42;object-fit:cover;transition:transform .5s}.gallery-item .image-frame{overflow:hidden}.gallery-item:hover img{transform:scale(1.025)}.gallery-item:nth-child(2){margin-top:85px}.gallery-item:nth-child(2) img{aspect-ratio:1}.gallery-caption{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.gallery-caption small{font-size:.75rem;color:var(--muted)}.cta-section{padding-block:82px}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.cta-inner h2{font-size:clamp(1.8rem,3vw,2.7rem)}.cta-inner p{margin-top:17px;font-size:.875rem}.site-footer{padding-block:65px 22px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:45px}.footer-grid h3{font-size:.875rem;margin-bottom:20px}.footer-grid a:not(.brand){display:block;color:var(--muted);font-size:.875rem;padding-block:5px}.footer-grid p{color:var(--muted);font-size:.875rem;margin-top:22px;max-width:300px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:55px;padding-top:22px;color:var(--muted);font-size:.75rem}.mobile-cta{display:none}.breadcrumb{display:flex;gap:10px;color:var(--muted);font-size:.75rem;padding-top:28px;flex-wrap:wrap}.page-intro{padding-block:66px 65px}.page-intro .lead{max-width:680px;color:var(--muted);margin-top:25px;font-size:1.0625rem}.page-hero-image{max-height:620px;aspect-ratio:2.2;object-fit:cover}.content-section{padding-block:65px}.content-section+.content-section{border-top:1px solid var(--line)}.prose{max-width:790px}.prose h2{font-size:2rem;margin-bottom:24px}.prose h3{margin-top:28px;margin-bottom:12px}.prose p,.prose li{color:var(--muted)}.prose ul{padding-left:22px}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.editorial-grid article{border-top:1px solid var(--line);padding-top:25px}.editorial-grid p{font-size:.9375rem;color:var(--muted);margin-top:16px}.editorial-grid .number{font-family:Georgia,serif;font-size:2rem;color:var(--wood);display:block;margin-bottom:20px}.related{display:flex;flex-wrap:wrap;gap:20px 40px;padding-top:32px}.notice{padding:23px 28px;border-left:2px solid var(--wood);background:#eee9df;color:#5d5346;font-size:.875rem;margin-top:30px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;position:relative;padding:25px 50px 25px 0;font-size:1.0625rem;line-height:1.6}summary::-webkit-details-marker{display:none}summary:after{content:"＋";position:absolute;right:8px;top:25px;font-size:1.2rem;font-weight:400}details[open] summary:after{content:"−"}.answer{padding:0 45px 26px 0;color:var(--muted);max-width:950px}.answer a{text-decoration:underline}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-block:25px 36px}.filter{border:1px solid var(--line);background:transparent;padding:9px 23px;color:var(--ink)}.filter[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.empty{padding:60px 30px;background:var(--sand);text-align:center}.empty p{max-width:600px;margin:18px auto 0;color:var(--muted)}.empty .actions{justify-content:center}.swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.swatch img{aspect-ratio:1;object-fit:cover}.swatch h3{margin-top:15px}.swatch small{display:block;color:var(--muted)}.steps{counter-reset:steps;list-style:none;padding:0;margin:35px 0}.steps li{counter-increment:steps;display:grid;grid-template-columns:50px 1fr;gap:20px;padding:25px 0;border-top:1px solid var(--line)}.steps li:before{content:"0" counter(steps);color:var(--wood);font-family:Georgia,serif;font-size:1.6rem}.steps p{margin-top:8px;color:var(--muted)}.mobile-menu{position:fixed;inset:0;border:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;background:var(--paper);padding:28px;z-index:100}.mobile-menu::backdrop{background:#302e2966}.menu-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.close-menu{background:none;border:1px solid var(--line);padding:6px 14px}.mobile-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:2px 25px;padding-block:25px}.mobile-menu nav a{border-bottom:1px solid var(--line);padding:16px 0;font-size:1rem}.lightbox{border:0;padding:20px;background:var(--paper);max-width:min(1000px,95vw);max-height:94dvh}.lightbox::backdrop{background:#171b16d9}.lightbox img{max-height:70dvh;object-fit:contain}.lightbox form{text-align:right;margin-bottom:15px}.lightbox button{padding:6px 18px;background:transparent;border:1px solid var(--line)}.zoom{padding:0;border:0;background:none;width:100%;text-align:left;color:inherit}.zoom img{cursor:zoom-in}.caption{font-size:.75rem;color:var(--muted);margin-top:12px}.sources{font-size:.8125rem;color:var(--muted);margin-top:35px}.sources a{text-decoration:underline}.contact-panel{border:1px solid var(--line);padding:40px;background:#fff}.contact-panel .line-id{font-family:Georgia,serif;font-size:2rem;letter-spacing:.04em}.space-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 38px}.space-grid img{aspect-ratio:1.4;object-fit:cover}.space-grid h3{margin-top:22px}.space-grid p{margin-top:14px;color:var(--muted)}.space-grid .text-link{margin-top:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1700px){.hero-content{padding-bottom:100px}}@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:18px}.desktop-nav a:nth-child(4){display:none}.header-inner{gap:16px}.gallery-grid{gap:25px}.footer-grid{gap:28px}.swatch-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:block}.header-inner{height:78px}.hero{min-height:630px;height:calc(90svh - 110px)}.intro{gap:7%;grid-template-columns:1fr 1fr}.feature-split{gap:6%}.section{padding-block:80px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.cta-inner{gap:30px}.editorial-grid{gap:25px}.swatch-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}body{padding-bottom:62px}.test-banner{font-size:.7rem;letter-spacing:.04em}.brand strong{font-size:1.22rem}.brand small{font-size:.625rem}.header-inner{height:72px}.hero{min-height:620px;max-height:820px;height:calc(100svh - 165px)}.hero img{object-position:58% center}.hero:after{background:linear-gradient(0deg,rgba(20,27,18,.7),rgba(20,27,18,.02) 95%)}.hero-content{padding-block:180px 56px}.hero h1{font-size:2.55rem;line-height:1.45;letter-spacing:.025em}.hero p{font-size:.9375rem;max-width:340px}.hero .eyebrow{margin-bottom:16px;font-size:.6875rem}.hero-note{bottom:12px;right:15px;font-size:.625rem}.actions{gap:20px;margin-top:27px}.button{padding:12px 19px;gap:24px;min-height:50px}.section{padding-block:65px}.intro,.feature-split{grid-template-columns:1fr;gap:28px}.intro h2{font-size:1.9rem}.feature-copy{padding-block:8px}.feature-split .photo{aspect-ratio:1.2}.section-top{align-items:start;flex-direction:column;gap:18px;margin-bottom:30px}.gallery-grid{grid-template-columns:1fr;gap:38px}.gallery-item:nth-child(2){margin-top:0}.gallery-item:nth-child(2) img{aspect-ratio:1.42}.cta-inner{align-items:start;flex-direction:column;gap:25px}.cta-section{padding-block:55px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px;margin-top:32px}.site-footer{padding-top:45px}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--dark);color:white;z-index:40;justify-content:space-between;align-items:center;padding:14px 22px calc(14px + env(safe-area-inset-bottom));font-size:.875rem;min-height:58px}.mobile-cta small{font-size:.75rem;color:#d4d4c8}.page-intro{padding-block:40px}.page-intro h1{font-size:2.1rem}.page-intro .lead{font-size:1rem}.page-hero-image{aspect-ratio:1.25}.editorial-grid{grid-template-columns:1fr;gap:28px}.content-section{padding-block:45px}.prose h2{font-size:1.7rem}.space-grid{grid-template-columns:1fr;gap:38px}.contact-panel{padding:26px}.empty{padding:38px 20px}.empty h2{font-size:1.65rem}.filters{gap:8px}.filter{padding:7px 15px}.swatch-grid{gap:16px}.swatch h3{font-size:1rem}summary{font-size:1rem}.answer{padding-right:15px}.notice{padding:19px}.mobile-menu nav a{font-size:.9375rem}.breadcrumb{padding-top:22px}.related{gap:18px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.material-diagram{display:flex;align-items:center;justify-content:space-between;gap:22px;background:var(--sand);padding:45px}.material-diagram div{flex:1}.material-diagram strong{display:block;font:1.6rem var(--serif)}.material-diagram span{display:block;font-size:.875rem;margin-top:14px;color:var(--muted)}.material-diagram b{font-weight:400;color:var(--wood)}.small-heading{font-family:var(--serif);font-size:1.6rem;font-weight:500;margin-top:20px}.section-heading{font-size:2rem;margin-bottom:32px}.library-note{max-width:780px}.color-library{padding-top:10px}.color-library .swatch-grid{margin-top:22px}.compare-label{display:flex;align-items:center;gap:9px;font-size:.8125rem;margin-top:12px;cursor:pointer;padding-block:8px}.compare-label input{accent-color:var(--dark);width:18px;height:18px}.compare-label:has(input:disabled){color:var(--muted)}.compare-bar{position:sticky;bottom:15px;background:var(--paper);border:1px solid var(--line);box-shadow:0 4px 25px #302e2912;padding:18px 24px;display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:35px;z-index:10}.compare-dialog{border:0;background:var(--paper);max-width:1000px;width:92vw;padding:35px;max-height:90dvh}.compare-dialog::backdrop{background:#171b16cc}.compare-dialog form{text-align:right;margin-bottom:20px}.compare-dialog h2{font-size:1.8rem}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:30px}.compare-grid img{aspect-ratio:1;object-fit:cover}.compare-grid h3{margin-top:15px}.compare-grid p{font-size:.875rem}.compare-grid a{display:inline-block;margin-top:15px;font-size:.875rem;text-decoration:underline}.specs{margin-top:28px}.specs>div{display:grid;grid-template-columns:115px 1fr;gap:20px;border-top:1px solid var(--line);padding-block:15px;font-size:.9375rem}.specs dt{color:var(--muted)}.specs dd{margin:0}.color-name{font-size:.53em;letter-spacing:.02em}.share-button,.text-copy{background:transparent;border:0;border-bottom:1px solid var(--ink);color:var(--ink);padding:8px 0;font-size:.875rem}.inquiry-context{margin-top:30px;border-top:1px solid var(--line);padding-top:22px}.inquiry-context p{font-size:.875rem}.image-unavailable{background:var(--sand);min-height:180px}.home-swatches{grid-template-columns:repeat(4,1fr)}
@media(max-width:640px){.material-diagram{flex-direction:column;align-items:start;padding:28px;gap:18px}.material-diagram b{transform:rotate(90deg)}.home-swatches{grid-template-columns:1fr 1fr}.compare-bar{bottom:72px;gap:12px;padding:13px;flex-wrap:wrap}.compare-bar p{font-size:.875rem;flex-basis:100%}.compare-bar .button{padding:8px 18px;min-height:44px}.compare-dialog{padding:23px}.compare-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compare-grid p{font-size:.75rem;overflow-wrap:anywhere}.compare-dialog h2{font-size:1.4rem}.hero{min-height:550px}.hero-content{padding-top:140px;padding-bottom:48px}.specs>div{grid-template-columns:105px 1fr;gap:12px}}
/* Kitchen visualizer and migrated accessory catalogue */
.sim-entry{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px;background:var(--sand);margin-bottom:45px}.sim-entry h2{font-size:1.7rem;margin:8px 0}.sim-entry p{font-size:.9375rem}.simulator-intro{padding-bottom:38px}.simulator{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);gap:38px;align-items:start;padding-bottom:65px}.sim-scene-column{position:sticky;top:130px}.sim-scene{position:relative;isolation:isolate;overflow:hidden;background:var(--sand)}.sim-scene>img{display:block;width:100%;height:auto}.sim-overlay{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:multiply;opacity:.96;pointer-events:none}.show-original .sim-overlay{visibility:hidden}.sim-stamp{position:absolute;bottom:18px;left:18px;background:#f7f5f0e8;padding:8px 13px;font-size:.75rem;letter-spacing:.1em}.sim-controls h2{font-family:var(--serif);font-weight:500;font-size:1.65rem;margin:10px 0 24px}.sim-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sim-choice{background:transparent;border:1px solid var(--line);padding:5px;cursor:pointer;color:var(--ink);font:inherit;min-height:72px}.sim-choice img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.sim-choice span{display:block;font-size:.75rem;padding:5px 0 0}.sim-choice[aria-pressed=true]{outline:2px solid var(--dark);outline-offset:2px}.sim-selected{border-top:1px solid var(--line);margin-top:24px;padding:18px 0;display:flex;flex-direction:column;gap:4px}.sim-selected strong{font-size:1.5rem;font-weight:500}.sim-selected span{font-size:.875rem}.sim-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.sim-actions button{font-size:.75rem;padding:9px 12px;min-height:44px}.sim-controls>.button{width:100%;justify-content:space-between}.sim-controls>.text-link,.sim-controls>.share-button{display:block;width:fit-content;margin-top:16px}.accessory-library{padding-top:5px}.accessory-tools{display:flex;gap:25px;align-items:end;margin-bottom:26px}.accessory-tools label{display:block;font-size:.875rem;margin-bottom:8px}.accessory-tools input,.accessory-tools select{font:inherit;padding:12px 15px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:0;min-height:48px}.accessory-tools input{width:320px;max-width:100%}.accessory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px;margin-block:25px 45px}.accessory-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#f0eeeb}.accessory-card .eyebrow{display:block;font-size:.6875rem;margin-top:20px}.accessory-card h2{font-family:var(--serif);font-size:1.35rem;font-weight:500;margin-top:8px}.accessory-card .text-link{font-size:.8125rem;margin-top:14px}.accessory-photo img{object-fit:contain;max-height:650px}.sim-choice:focus-visible,.filter:focus-visible{outline:3px solid var(--wood);outline-offset:4px}
@media(max-width:1100px){.simulator{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:25px}.sim-controls h2{font-size:1.4rem}}
@media(max-width:800px){.simulator{grid-template-columns:1fr}.sim-scene-column{position:static}.sim-choices{grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.sim-controls>.button{width:fit-content;gap:35px}.accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-entry{align-items:start;flex-direction:column}}
@media(max-width:500px){.simulator{width:100%;gap:22px}.sim-scene-column>.caption,.sim-controls{margin-inline:20px}.sim-stamp{left:10px;bottom:10px;font-size:.625rem;padding:5px 8px}.sim-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sim-choice img{max-height:66px}.sim-entry{padding:25px}.accessory-tools{align-items:stretch;flex-direction:column;gap:14px}.accessory-tools input,.accessory-tools select{width:100%}.accessory-grid{gap:32px 16px}.accessory-card h2{font-size:1.1rem}.accessory-card .eyebrow{font-size:.6rem}.sim-controls h2{font-size:1.65rem}.sim-controls>.button{width:100%}}
@media(max-width:800px){.sim-scene-column{position:sticky;top:78px;z-index:20;background:var(--paper);padding-bottom:8px}.sim-controls{min-width:0}.sim-choices{scroll-margin-top:360px}}
@media(max-width:640px){.sim-scene-column{top:72px}}