:root{--ink:#29251f;--muted:#6d665e;--paper:#f7f5f0;--white:#fff;--line:#ddd7cd;--accent:#9a7650;--forest:#496255;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;font-size:16px;line-height:1.8}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.6rem;z-index:100}.site-header{height:86px;display:flex;align-items:center;gap:2rem;padding:0 3.2vw;border-bottom:1px solid rgba(0,0,0,.07);position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.brand{width:64px;flex:0 0 auto}.brand img{width:100%}.nav{display:flex;align-items:center;gap:1.7rem;margin-left:auto;font-size:.88rem;font-weight:600;letter-spacing:.03em}.nav>a,.nav-group>a{padding:2rem 0}.nav-group{position:relative}.submenu{display:none;position:absolute;left:-1.2rem;top:70px;min-width:210px;background:#fff;padding:.7rem;border:1px solid var(--line);box-shadow:0 14px 34px rgba(0,0,0,.1)}.submenu a{display:block;padding:.55rem .7rem}.nav-group:hover .submenu,.nav-group:focus-within .submenu{display:block}.header-actions{display:flex;align-items:center;gap:.8rem;font-size:.8rem}.pill,.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--ink);color:#fff;padding:.65rem 1.15rem;font-weight:700;cursor:pointer}.menu-toggle{display:none}.hero{min-height:720px;display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);align-items:center;background:linear-gradient(135deg,#f5f1e9 0%,#fff 62%);overflow:hidden}.hero-copy{padding:7vw 4vw 7vw max(4vw,calc((100vw - var(--max))/2));z-index:1}.eyebrow{font-family:Georgia,serif;letter-spacing:.16em;color:var(--accent);font-size:.78rem;font-weight:700}.hero h1{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(4rem,8vw,8.2rem);font-weight:400;line-height:1;margin:.3rem 0 2rem;letter-spacing:.03em}.hero-lead{font-family:"Noto Serif TC",serif;font-size:clamp(1.15rem,1.8vw,1.65rem);line-height:2}.hero-art{height:100%;display:flex;align-items:center;justify-content:center;padding:5vw;background:radial-gradient(circle,#e8dfd1 0,#f7f2ea 45%,transparent 68%)}.hero-art img{width:min(680px,90%);filter:drop-shadow(0 30px 35px rgba(54,42,28,.16))}.section{width:min(var(--max),92vw);margin:0 auto;padding:7rem 0}.intro{text-align:center;max-width:820px}.intro h2,.section h2,.page-hero h1{font-family:Georgia,"Noto Serif TC",serif;font-weight:500}.intro h2{font-size:clamp(2rem,4vw,3.2rem)}.intro p:last-child{font-size:1.12rem}.section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.section-heading h2{font-size:clamp(2rem,4vw,3.5rem);margin:.2rem 0}.text-link{font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:.25rem}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.category-card{background:var(--paper);overflow:hidden}.category-card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .45s}.category-card:hover img{transform:scale(1.035)}.category-card div{padding:1.7rem}.category-card h3{font-size:1.7rem;margin:.2rem 0}.category-card p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.feature{position:relative;background:#f1eee8;padding-bottom:2rem}.feature img{width:100%;height:360px;object-fit:cover}.feature span,.feature h2,.feature p{display:block;margin-left:2rem;margin-right:2rem}.feature span{margin-top:1.4rem;color:var(--accent);font-size:.78rem;letter-spacing:.14em}.feature h2{font-size:2rem;margin-top:.2rem;margin-bottom:.2rem}.closing{padding:7rem 4vw;text-align:center;background:#ece7dd}.closing img{width:100px;margin:0 auto 1.5rem}.closing p{font-family:"Noto Serif TC",serif;font-size:1.2rem}footer{background:#25231f;color:#eee;padding:4rem max(4vw,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:2rem}footer p{color:#bbb}.footer-links{display:flex;gap:1.2rem;flex-wrap:wrap;align-content:start;justify-content:flex-end;font-size:.85rem}footer small{grid-column:1/-1;border-top:1px solid #4c4943;padding-top:1.5rem;color:#aaa}.page-hero{padding:9rem max(4vw,calc((100vw - 900px)/2));background:var(--paper);text-align:center}.page-hero h1{font-size:clamp(2.8rem,6vw,5rem);margin:.4rem 0 1.2rem;line-height:1.2}.page-hero p:last-child{max-width:760px;margin:0 auto;font-size:1.1rem}.filters{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2.4rem}.filters a{border:1px solid var(--line);border-radius:999px;padding:.45rem 1.1rem}.filters a.active{background:var(--ink);color:#fff;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.product-card{padding-bottom:1.2rem}.product-image{background:var(--paper);overflow:hidden;margin-bottom:1rem}.product-image img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .35s}.product-card:hover img{transform:scale(1.04)}.product-card small{color:var(--accent)}.product-card h2{font-family:inherit;font-size:1.08rem;margin:.25rem 0}.product-card p{color:var(--muted);font-size:.9rem}.product-card span{font-weight:700;font-size:.88rem}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.product-detail-image{background:var(--paper)}.product-detail-image img{width:100%;aspect-ratio:1;object-fit:cover}.product-detail h1{font-family:"Noto Serif TC",serif;font-size:clamp(2.3rem,4vw,4rem);line-height:1.25;margin:.4rem 0}.en-name{color:var(--muted);letter-spacing:.1em}.product-detail h2{font-family:inherit;font-size:1.4rem}.notice{margin:2rem 0;padding:1rem 1.2rem;border-left:3px solid var(--accent);background:var(--paper);font-size:.88rem;color:var(--muted)}.related{padding-top:2rem}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.mini-grid img{background:var(--paper);aspect-ratio:1;object-fit:cover}.mini-grid span{display:block;margin-top:.7rem;font-weight:700}.article{max-width:900px}.article section{padding:2.5rem 0;border-bottom:1px solid var(--line)}.article h2{font-size:1.9rem}.article p{font-size:1.06rem}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw}.contact-grid h2{font-size:2rem}.contact-grid form{display:grid;gap:1.2rem}.contact-grid label{display:grid;gap:.35rem;font-weight:700}.contact-grid input,.contact-grid textarea{font:inherit;border:1px solid var(--line);padding:.8rem;background:#fff}.check{grid-template-columns:auto 1fr!important;align-items:center}.check input{width:1rem;height:1rem}.form-note{font-size:.83rem;color:var(--muted)}
@media(max-width:1050px){.site-header{height:72px}.menu-toggle{display:block;margin-left:auto;border:0;background:none;font:inherit}.nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;padding:1rem 4vw;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav>a,.nav-group>a{display:block;padding:.5rem 0}.submenu{display:block;position:static;box-shadow:none;border:0;padding:.2rem 0 .2rem 1rem}.header-actions{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-top:6rem;padding-bottom:2rem}.hero-art{min-height:420px}.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){body{font-size:16px}.site-header{padding:0 5vw}.brand{width:54px}.hero h1{font-size:3.8rem}.hero-art{min-height:320px}.section{padding:4.5rem 0}.category-grid,.feature-grid,.product-detail,.contact-grid{grid-template-columns:1fr}.feature img{height:260px}.product-grid{grid-template-columns:repeat(2,1fr)}.mini-grid{grid-template-columns:repeat(2,1fr)}.page-hero{padding-top:6rem;padding-bottom:6rem}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.product-detail{gap:2rem}.product-card p{display:none}}