:root{--ink:#24221e;--paper:#f4f1ea;--sand:#ddd6c8;--clay:#8b7662;--forest:#2f4038}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans TC",sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;background:#f9f7f2;position:sticky;top:0;z-index:5}.brand{display:flex;gap:12px;align-items:center;line-height:1.15}.brand-mark{font-family:"DM Serif Display",serif;font-size:21px;border:1px solid;padding:5px 7px;letter-spacing:-1px}.brand b{display:block;font-family:"Noto Serif TC",serif;font-size:17px;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:1px;color:#7a7469}.nav{display:flex;gap:32px;font-size:14px}.nav a{padding:28px 0;position:relative}.nav a:hover:after,.nav a.active:after{content:"";position:absolute;height:1px;background:var(--ink);left:0;right:0;bottom:20px}.menu-toggle{display:none;background:none;border:0;font-size:21px}.hero{height:min(760px,calc(100vh - 82px));min-height:540px;position:relative;color:#fff;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,23,19,.64),rgba(25,23,19,.16) 65%,rgba(0,0,0,.08))}.hero-copy{position:absolute;left:10vw;top:50%;transform:translateY(-50%)}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:600;color:#806e5d;margin:0 0 15px}.light{color:#e4ddd1}.hero h1,h2,h3{font-family:"Noto Serif TC",serif;font-weight:500}.hero h1{font-size:clamp(36px,5vw,68px);letter-spacing:4px;line-height:1.28;margin:0 0 18px}.hero-copy>p:not(.eyebrow){font-size:17px;letter-spacing:1px}.outline-button{border:1px solid rgba(255,255,255,.7);display:inline-flex;gap:35px;align-items:center;padding:13px 18px;margin-top:20px;font-size:13px}.outline-button span,.text-link span{font-size:20px}.hero-index{position:absolute;right:6vw;bottom:32px;font-size:12px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.hero-index i{width:64px;height:1px;background:#fff;display:block}.section-pad{padding:115px 10vw}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;align-items:end}.intro h2,.about h2,.contact h2{font-size:clamp(31px,3.8vw,52px);line-height:1.45;letter-spacing:2px;margin:0}.intro p:not(.eyebrow),.about-copy>p{color:#625d54;margin:0 0 26px}.text-link{display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid #978d7e;padding-bottom:7px;font-size:13px}.dark-section{background:var(--forest);color:#f6f2e9}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:48px}.section-heading h2{font-size:42px;letter-spacing:3px;margin:0}.light-link{border-color:#bfc5b9}.product-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:290px 290px;gap:16px}.product-card{overflow:hidden;position:relative;min-height:0;background:#6c5b4d}.product-card.wide{grid-row:span 2}.product-card.detail{grid-column:span 2}.product-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.product-card:hover img{transform:scale(1.04)}.product-card.material{background:linear-gradient(125deg,#a68b6a,#443b31 57%,#d0bc9f)}.product-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.56))}.product-card>div{position:absolute;bottom:24px;left:25px;z-index:1;color:#fff}.product-card span{font-size:11px;letter-spacing:1px}.product-card h3{font-size:25px;margin:3px 0 0;letter-spacing:2px}.product-card p{margin:0;font-family:serif;font-style:italic;font-size:12px;opacity:.8}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;align-items:center}.about-photo{height:560px}.about-photo img{height:100%;width:100%;object-fit:cover}.about-copy{max-width:560px}.about-copy h2{margin-bottom:27px}.values{border-top:1px solid #c8c0b3;margin-top:38px;padding-top:18px;display:flex;gap:25px;font-size:13px;letter-spacing:1px}.statement{background:#dcd4c6;padding:100px 10vw;text-align:center}.statement p{font-size:11px;letter-spacing:3px;color:#806e5d}.statement h2{font-size:clamp(30px,4vw,50px);line-height:1.5;letter-spacing:3px;margin:18px 0 0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact h2{margin-bottom:34px}.fb-button{display:inline-flex;gap:30px;padding:12px 17px;background:var(--ink);color:#fff;font-size:13px}address{font-style:normal;border-top:1px solid #c8c0b3}address>div{padding:18px 0;border-bottom:1px solid #c8c0b3}address small{letter-spacing:2px;font-size:10px;color:#887d6e}address p{font-size:17px;line-height:1.6;margin:5px 0 0}address a:hover{text-decoration:underline}footer{color:#dad5ca;background:#272924;padding:20px 5.5vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}@media(max-width:700px){.site-header{height:68px;padding:0 22px}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#f9f7f2;padding:8px 25px 20px;box-shadow:0 10px 15px rgba(0,0,0,.08)}.nav.open{display:block}.nav a{display:block;padding:8px 0}.nav a:hover:after,.nav a.active:after{display:none}.menu-toggle{display:block}.hero{min-height:560px;height:calc(100vh - 68px)}.hero-copy{left:26px;right:20px}.hero-copy>p:not(.eyebrow){font-size:14px}.section-pad{padding:72px 25px}.intro-grid,.about,.contact{grid-template-columns:1fr;gap:35px}.product-grid{grid-template-columns:1fr 1fr;grid-template-rows:230px 220px 220px}.product-card.wide{grid-column:span 2;grid-row:auto}.product-card.detail{grid-column:span 1}.product-card h3{font-size:20px}.about-photo{height:390px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:32px}.section-heading .text-link{display:none}.statement{padding:75px 25px}.hero-index{right:25px}.contact h2{margin-bottom:0}.values{gap:12px;justify-content:space-between}}
.product-card img