@charset "UTF-8";
:root{--paper:#f3efe7;--ink:#262824;--orange:#bd673d;--line:#d5d0c5;--muted:#74776d;--serif:"Noto Serif TC","PMingLiU",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:100}.skip-link:focus{top:10px}.header{position:absolute;top:0;left:0;width:100%;height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;color:white;z-index:20;border-bottom:1px solid #ffffff30}.brand{display:flex;align-items:center;gap:14px}.brand-mark{font-size:56px;line-height:1;font-weight:800;letter-spacing:-6px}.brand-mark>span{color:#dc9669;letter-spacing:0}.brand-text{font-size:14px;letter-spacing:3px}.brand-text small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:5px}.header nav{display:flex;gap:35px;align-items:center;font-size:13px}.header nav a:hover{color:#edbf9c}.nav-shop{padding:13px 20px;border:1px solid #ffffff60}.nav-shop span{margin-left:18px}.menu-toggle{display:none}.hero{position:relative;height:100svh;min-height:700px;max-height:1150px;overflow:hidden;background:#4b4a41}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover;object-position:64% 62%}.hero-media{transform:scale(var(--hero-scale,1.02));transform-origin:65% 68%;will-change:transform}.hero-shade{background:linear-gradient(90deg,rgba(22,28,25,.88),rgba(22,28,25,.6) 36%,rgba(22,28,25,.15) 70%),linear-gradient(0deg,#1b211b80,transparent 45%)}.hero-content{position:relative;z-index:2;color:white;padding:clamp(180px,23vh,260px) 7% 100px;max-width:850px}.eyebrow{font-size:10px;line-height:1.7;letter-spacing:2.4px;font-weight:500;margin:0 0 28px}.hero .eyebrow{color:#e7c6ad}.hero h1{font-family:var(--serif);font-size:clamp(48px,5.5vw,80px);font-weight:400;line-height:1.35;letter-spacing:3px;margin:0 0 24px}.hero h1 span{color:#dc9669}.hero-description{font-size:15px;line-height:2.1;letter-spacing:1px;color:#f2f0e4}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:19px 25px;font-size:13px;letter-spacing:1px;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:#fff}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#464b3f}.hero-secondary{font-size:13px;border-bottom:1px solid #ffffff70;padding-bottom:10px}.hero-secondary span{margin-left:18px}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;color:#eee9dc;font-size:9px;letter-spacing:1.5px;z-index:2}.hero-bottom a{font-size:12px}.hero-bottom a span{display:inline-block;margin-left:20px}.category-strip{display:flex;justify-content:center;align-items:center;gap:6%;padding:32px 5%;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:3px}.category-strip i{width:3px;height:3px;background:var(--orange);border-radius:50%}.section{padding:110px 7%}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:58px}h2{font-family:var(--serif);font-size:clamp(32px,3.2vw,49px);font-weight:400;line-height:1.5;letter-spacing:1.5px;margin:0}h3{font-weight:500}.section .eyebrow{color:var(--orange)}.heading-aside{max-width:420px}.heading-aside p,.planning-intro>p:not(.eyebrow),.showroom-copy>p:not(.eyebrow){font-size:14px;line-height:2.1;color:var(--muted)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;border-bottom:1px solid var(--ink);padding:16px 0 12px;font-size:13px}.text-link:hover{color:var(--orange);border-color:var(--orange)}.equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.equipment-art{position:relative;aspect-ratio:4/4.7;overflow:hidden;display:flex;align-items:center}.equipment-art svg{width:100%;transition:transform .5s}.equipment-card:hover svg{transform:translateY(-7px) scale(1.04)}.clay{background:#e6d5c7;--seat:#ab694d;--seat-dark:#8e503b}.stone{background:#dedfd7;--seat:#5e685d;--seat-dark:#455243}.oat{background:#e8e1d1;--seat:#b99870;--seat-dark:#997748}.charcoal{background:#d6d6cf}.art-number{position:absolute;top:21px;left:22px;font-size:10px;color:#777869}.art-label{position:absolute;bottom:20px;left:22px;font-size:8px;letter-spacing:2px}.shadow{fill:#4b4535;opacity:.12}.metal{fill:#b2b0a5;stroke:#85877e;stroke-width:1}.metal-line{fill:none;stroke:#898d83;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.upholstery{fill:var(--seat)}.upholstery-dark{fill:var(--seat-dark)}.stitch{fill:none;stroke:#ffffff40;stroke-width:1.5}.base{fill:#979e90}.ceramic{fill:#f5f4ec;stroke:#c6c6b9;stroke-width:2}.basin{fill:#838d80;stroke:#fff;stroke-width:5}.trolley-body{fill:#484b45}.trolley-top{fill:#353832}.drawer{fill:#60645b;stroke:#858779}.handle{stroke:#c7c4b8;stroke-width:3;stroke-linecap:round}.wheel{fill:#292c28}.card-copy h3{font-size:17px;display:flex;justify-content:space-between;margin:22px 0 12px}.card-copy h3 span{font-size:17px;color:var(--orange)}.card-copy p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.illustration-note{font-size:10px;color:var(--muted);margin-top:30px}.statement{background:#e8e4d9;text-align:center;padding:95px 20px}.statement .eyebrow{color:#7d806e}.statement-text{font-family:var(--serif);font-size:clamp(26px,3.1vw,44px);line-height:1.8;font-weight:400;margin:0 0 34px;letter-spacing:2px}.statement-text span{color:var(--orange)}.statement-signature{font-size:11px;letter-spacing:2px;color:var(--muted)}.planning{display:grid;grid-template-columns:1fr 1fr;gap:10%}.planning-intro .button{margin-top:23px}.planning-intro>p:not(.eyebrow){margin-top:27px}.planning-steps article{display:flex;gap:28px;padding:30px 0;border-top:1px solid var(--line)}.planning-steps article:last-child{border-bottom:1px solid var(--line)}.planning-steps article>span{font-family:Georgia,serif;font-size:26px;color:var(--orange)}.planning-steps h3{font-size:18px;margin:0 0 12px}.planning-steps p{font-size:13px;line-height:1.9;color:var(--muted);margin:0;max-width:340px}.showroom{display:grid;grid-template-columns:1.15fr 1fr;background:#e2ddd1}.showroom-photo{min-height:570px;overflow:hidden}.showroom-photo img{height:100%;width:100%;object-fit:cover;object-position:57% center}.showroom-copy{padding:85px 12%;align-self:center}.showroom-copy .eyebrow{color:var(--orange)}.showroom-copy>p:not(.eyebrow){margin:25px 0 15px}.showroom-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;border-top:1px solid #bcb9ad;padding-top:24px;margin-top:65px;font-size:9px;letter-spacing:1px;color:#717369}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{padding:26px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font-size:15px;line-height:1.7}summary::-webkit-details-marker{display:none}summary>span{color:var(--orange);font-size:23px;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details p{font-size:13px;line-height:2;color:var(--muted);margin:0 0 26px}details p a{text-decoration:underline;color:var(--ink)}.contact{background:#303a32;color:var(--paper);padding:90px 7%;text-align:center}.contact .eyebrow{color:#c8b9a3}.contact h2{font-size:clamp(30px,3.7vw,51px)}.contact>div{display:flex;justify-content:center;align-items:center;gap:45px;margin-top:38px}.contact-phone{font-family:Georgia,serif;font-size:23px;letter-spacing:1px}.contact-phone span{font:16px sans-serif;margin-left:15px}footer{padding:50px 7% 25px}footer>.brand .brand-mark{font-size:48px}footer>p{font-size:11px;color:var(--muted);letter-spacing:1px;margin-top:26px}footer>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:30px;font-size:10px;color:var(--muted)}.mobile-shop{display:none}.js-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.js-ready .reveal.visible{opacity:1;transform:none}
.hero-media video{position:absolute;inset:0}.hero-media video[hidden]{display:none}
@media(min-width:1800px){.section{padding-left:max(7%,calc((100% - 1500px)/2));padding-right:max(7%,calc((100% - 1500px)/2))}}
@media(max-width:1050px){.header nav{gap:22px}.equipment-grid{grid-template-columns:repeat(2,1fr);gap:38px 24px}.equipment-art{aspect-ratio:1.1}.section{padding:80px 6%}.showroom-copy{padding:55px 9%}.showroom-photo{min-height:510px}.planning{gap:7%}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:82px;padding:0 6%}.brand-mark{font-size:44px;letter-spacing:-5px}.brand-text{font-size:12px;letter-spacing:2px}.brand-text small{font-size:7px}.menu-toggle{display:flex;flex-direction:column;gap:7px;padding:14px 5px;border:0;background:transparent;color:inherit;z-index:22}.menu-toggle span{height:1px;width:26px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.header nav{display:none;position:absolute;top:82px;left:0;right:0;background:#303a32;padding:25px 6% 35px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #ffffff30}.header nav.open{display:flex}.header nav a{padding:18px 5px}.header nav .nav-shop{margin-top:14px;padding:16px}.hero{min-height:670px;height:93svh;max-height:900px}.hero-media img{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#162019c7,#1620194a),linear-gradient(0deg,#162019d9,transparent 70%)}.hero-content{padding:180px 7% 105px}.hero h1{font-size:49px;letter-spacing:1px}.hero .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:24px}.hero-description{font-size:13px}.hero-actions{gap:20px;flex-wrap:wrap;margin-top:30px}.button{padding:17px 20px;gap:26px;font-size:12px}.hero-secondary{font-size:12px}.hero-bottom{bottom:24px;left:7%;right:7%;font-size:8px;letter-spacing:1px}.hero-bottom .hero-location{display:none}.category-strip{gap:13px;padding:23px 5%;font-size:10px;letter-spacing:0}.category-strip i{flex-shrink:0;width:2px;height:2px}.section{padding:65px 7%}.section-heading{display:block;margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:20px}h2{font-size:33px;letter-spacing:0}.heading-aside{margin-top:24px}.heading-aside p{font-size:12px}.text-link{font-size:12px}.equipment-grid{gap:32px 14px}.equipment-art{aspect-ratio:4/5}.art-label{font-size:6px;letter-spacing:1px;left:13px;bottom:15px}.art-number{left:13px;top:15px;font-size:8px}.card-copy h3{font-size:14px;margin:17px 0 8px}.card-copy p{font-size:11px;line-height:1.8}.illustration-note{font-size:9px;line-height:1.8}.statement{padding:65px 7%}.statement-text{font-size:28px;letter-spacing:0}.planning{grid-template-columns:1fr;gap:45px}.planning-intro>p:not(.eyebrow){font-size:13px}.planning-steps article{padding:25px 0;gap:22px}.planning-steps h3{font-size:16px}.showroom{grid-template-columns:1fr}.showroom-photo{min-height:0;height:380px}.showroom-photo img{object-position:55% 65%}.showroom-copy{padding:55px 7%}.showroom-copy>p:not(.eyebrow){font-size:13px}.showroom-caption{margin-top:35px}.faq{grid-template-columns:1fr;gap:32px}summary{font-size:13px;padding:21px 0}.contact{padding:65px 7%}.contact>div{flex-direction:column;gap:27px}.contact-phone{font-size:22px}footer{padding:40px 7% 95px}footer>p{font-size:10px;line-height:1.9}.mobile-shop{position:fixed;bottom:15px;left:7%;right:7%;background:var(--ink);color:var(--paper);padding:16px 22px;display:flex;justify-content:space-between;font-size:12px;z-index:15;box-shadow:0 6px 25px #0003}.mobile-shop.at-contact{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.hero-media{transform:none}.js-ready .reveal{opacity:1;transform:none}}
/* 實拍滾動導覽：停駐首屏，離開後回到設備內容。 */
.scroll-tour{height:420svh;position:relative;background:#202720}
.scroll-tour .hero{position:sticky;top:0;height:100svh;max-height:none;min-height:600px}
.scroll-tour .hero-media{transform:none;will-change:auto}
.scroll-tour .hero-media img,.scroll-tour .hero-media video{object-position:center}
.scroll-tour .hero-content{opacity:var(--tour-copy-opacity,1);transition:none}
.scroll-tour .hero-shade{background:linear-gradient(90deg,rgba(20,27,22,calc(.22 + var(--tour-copy-opacity,1)*.57 - var(--tour-equipment-light,0)*.16)),rgba(20,27,22,calc(.1 - var(--tour-equipment-light,0)*.07)) 85%),linear-gradient(0deg,#111a14b3,transparent 30%)}
.tour-controls{position:absolute;right:5%;bottom:83px;display:flex;gap:24px;align-items:center;z-index:3;color:#fff;font-size:11px}
.tour-controls button{border:1px solid #ffffff70;color:white;background:#1c271e70;padding:13px 18px;cursor:pointer;font-size:11px;letter-spacing:1px}
.tour-controls button[hidden]{display:none}.tour-controls button:hover{background:#1c271ed9}
.tour-controls button span{margin-left:13px}.tour-controls a{border-bottom:1px solid #ffffff80;padding:10px 0}
.tour-scene{display:none}
.workshop{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;background:#e8e4d9}.workshop-image img{display:block;width:100%;height:auto}.workshop-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:2.1;margin:24px 0}.workshop-tag{display:inline-block;font-size:10px;letter-spacing:1.5px;border-top:1px solid var(--line);padding-top:20px}
@media(max-width:700px){.workshop{grid-template-columns:1fr;gap:32px}.workshop-copy>p:not(.eyebrow){font-size:13px}}
.tour-progress{position:absolute;left:0;bottom:0;width:100%;height:3px;background:#ffffff35;z-index:3}.tour-progress>span{display:block;transform-origin:left;transform:scaleX(var(--tour-progress,0));background:#dea16e;width:100%;height:100%}
.video-unavailable{height:auto}.video-unavailable .hero{position:relative}
html:not(.js-ready) .scroll-tour{height:auto}html:not(.js-ready) .scroll-tour .hero{position:relative}
@media(max-width:700px){.scroll-tour{height:390svh}.scroll-tour .hero{min-height:650px;background:#202720}.scroll-tour .hero-media{background:#202720}.scroll-tour .hero-media img{filter:blur(12px);opacity:.25;transform:scale(1.1)}.scroll-tour .hero-media video{top:50%;height:auto;aspect-ratio:16/9;transform:translateY(-35%);object-fit:contain}.scroll-tour .hero-content{padding-top:120px}.scroll-tour .hero h1{font-size:41px}.scroll-tour .hero-description{font-size:12px}.scroll-tour .hero-actions{margin-top:23px}.scroll-tour .hero-shade{background:linear-gradient(0deg,#172219 3%,transparent 48%,#17221988)}.tour-controls{bottom:116px;left:7%;right:7%;gap:16px;justify-content:space-between;font-size:10px}.tour-controls button{font-size:10px;padding:12px}.scroll-tour .hero-bottom{bottom:89px;font-size:8px;flex-wrap:wrap;gap:12px}.scroll-tour .hero-bottom #tour-hint{font-size:10px}.scroll-tour .tour-progress{bottom:73px;left:7%;width:86%}}
@media(prefers-reduced-motion:reduce){.scroll-tour{height:auto}.scroll-tour .hero{position:relative}.scroll-tour .hero-content{opacity:1}.scroll-tour .hero-media img{filter:none;opacity:1;transform:none}}
@media(max-width:700px){.tour-scene{display:block;position:absolute;top:16%;left:7%;right:7%;color:var(--paper);pointer-events:none;opacity:calc(1 - var(--tour-copy-opacity,1))}.tour-scene small{font-size:9px;letter-spacing:2px;color:#d7b08e}.tour-scene p{font-family:var(--serif);font-size:32px;line-height:1.6;margin-top:22px}}