:root{--ink:#202522;--muted:#69716c;--paper:#f4f1ea;--white:#fffefa;--forest:#23352d;--deep:#15221c;--gold:#c6a66f;--line:rgba(35,53,45,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;width:100%}.wrap{width:min(1160px,calc(100% - 60px));margin:auto}
.preview-note{position:fixed;z-index:30;right:18px;bottom:18px;padding:9px 14px;color:#fff;background:rgba(20,27,23,.86);border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:12px;letter-spacing:.08em;backdrop-filter:blur(8px)}
.site-header{position:absolute;z-index:20;inset:0 0 auto;color:#fff}.nav{display:flex;align-items:center;justify-content:space-between;width:min(1220px,calc(100% - 60px));margin:auto;padding:28px 0}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.68);border-radius:50%;font:20px Georgia,serif}.brand-name{font-weight:600;letter-spacing:.16em}.brand-sub{display:block;opacity:.72;font-size:10px;letter-spacing:.2em}.nav-links{display:flex;gap:27px;font-size:14px;letter-spacing:.06em}.nav-links a{position:relative}.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--gold);transition:.25s}.nav-links a:hover::after,.nav-links a.active::after{right:0}.mobile-menu{display:none}.mobile-menu summary{list-style:none;cursor:pointer;border:1px solid rgba(255,255,255,.5);padding:7px 12px}.mobile-menu div{position:absolute;right:22px;top:76px;display:grid;min-width:180px;background:#fff;color:var(--ink);box-shadow:0 16px 40px rgba(0,0,0,.22)}.mobile-menu a{padding:11px 16px;border-bottom:1px solid var(--line)}
.hero{position:relative;min-height:790px;display:grid;align-items:end;color:#fff;background-position:center;background-size:cover}.hero::before,.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,24,18,.78),rgba(13,24,18,.26)),linear-gradient(0deg,rgba(13,24,18,.62),transparent 55%)}.hero-inner{position:relative;z-index:2;padding:0 0 100px}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:12px;letter-spacing:.28em}.eyebrow::before{content:"";width:42px;height:1px;background:var(--gold)}h1{max-width:850px;margin:0;font:400 clamp(52px,8vw,108px)/.97 Georgia,"Noto Serif TC",serif;letter-spacing:-.03em}.hero-copy{max-width:570px;margin-top:28px;color:rgba(255,255,255,.86);font-size:17px}
.page-hero{position:relative;min-height:540px;display:grid;align-items:end;color:#fff;background-position:center;background-size:cover}.page-hero .hero-inner{padding-bottom:70px}.page-hero h1{font-size:clamp(44px,6vw,78px)}.breadcrumb{margin-bottom:20px;color:rgba(255,255,255,.72);font-size:13px;letter-spacing:.08em}
.section{padding:104px 0}.section.white{background:var(--white)}.section.dark{background:var(--deep);color:#fff}.kicker{color:#9a7a48;font-size:12px;letter-spacing:.25em}.title{margin:10px 0 28px;font:500 clamp(33px,4vw,54px)/1.25 "Noto Serif TC",Georgia,serif}.lead{margin:0;color:var(--forest);font:400 25px/1.65 "Noto Serif TC",serif}.muted{color:var(--muted)}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:start}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:65px;background:var(--line);border:1px solid var(--line)}.fact{padding:32px 27px;background:var(--white)}.fact strong{display:block;color:var(--forest);font:400 38px Georgia,serif}.fact span{color:var(--muted);font-size:13px;letter-spacing:.07em}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.card{position:relative;min-height:400px;overflow:hidden;background:#31463b;color:#fff}.card img{height:100%;object-fit:cover;transition:transform .55s}.card:hover img{transform:scale(1.03)}.card::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(10,15,12,.9))}.card-label{position:absolute;z-index:2;inset:auto 25px 22px}.card-label small{color:#d8c7a7;letter-spacing:.15em}.card-label h2,.card-label h3{margin:5px 0 0;font:500 25px "Noto Serif TC",serif}.card-label p{margin:6px 0 0;color:rgba(255,255,255,.72);font-size:13px}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:44px}.feature{padding:44px;border:1px solid var(--line);background:#fff}.feature .num{color:var(--gold);font:15px Georgia,serif}.feature h3{margin:25px 0 12px;font:500 26px "Noto Serif TC",serif}.feature p{margin:0;color:var(--muted)}
.product-detail{display:grid;grid-template-columns:1.08fr .92fr;gap:7vw;align-items:center}.product-photo{aspect-ratio:4/3;object-fit:cover}.specs{margin:30px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.specs li{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.specs strong{color:var(--forest)}.back-link{display:inline-flex;margin-top:28px;color:#846638;border-bottom:1px solid #b99a65}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gallery img{height:390px;object-fit:cover}.gallery img:first-child{grid-column:1/-1;height:520px}.news-list{display:grid;gap:20px;margin-top:45px}.news-item{display:grid;grid-template-columns:180px 1fr;gap:35px;padding:32px;background:#fff;border:1px solid var(--line)}.news-date{color:#9a7a48;font:26px Georgia,serif}.news-item h2{margin:0 0 8px;font:500 26px "Noto Serif TC",serif}.news-item p{margin:0;color:var(--muted)}
.contact{background:var(--forest);color:#fff}.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;align-items:end}.contact-details{border-top:1px solid rgba(255,255,255,.22)}.contact-row{display:grid;grid-template-columns:80px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.14)}.contact-row span:first-child{color:#cdb88f;font-size:13px}.contact-row span:last-child{color:rgba(255,255,255,.84)}
.certs{display:grid;grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:28px}.certs img{height:600px;object-fit:contain;background:#eee}.sustain{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.sustain img{height:470px;object-fit:cover}.quote{padding:40px;border-left:2px solid var(--gold);background:#fff;color:var(--forest);font:24px/1.7 "Noto Serif TC",serif}
.cta{padding:72px 0;background:#d7c5a3;color:var(--forest)}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0;font:500 clamp(28px,4vw,44px) "Noto Serif TC",serif}.button{display:inline-block;padding:12px 23px;border:1px solid var(--forest);font-size:14px;letter-spacing:.08em}
footer{padding:32px 30px;color:#9fa7a2;background:#111a15;text-align:center;font-size:12px;letter-spacing:.07em}.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:8px;color:#d4d9d5}
@media(max-width:900px){.nav-links{display:none}.mobile-menu{display:block}.hero{min-height:680px}.split,.contact-grid,.product-detail,.sustain{grid-template-columns:1fr;gap:44px}.card-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.gallery img:first-child{height:420px}}
@media(max-width:620px){.wrap,.nav{width:calc(100% - 40px)}.section{padding:74px 0}.brand-sub{display:none}.hero-inner{padding-bottom:72px}.page-hero{min-height:450px}.facts,.card-grid{grid-template-columns:1fr}.card{min-height:380px}.news-item{grid-template-columns:1fr;gap:8px}.gallery{grid-template-columns:1fr}.gallery img,.gallery img:first-child{grid-column:auto;height:300px}.certs{grid-template-columns:1fr}.certs img{height:auto}.cta-row{align-items:flex-start;flex-direction:column}.preview-note{right:10px;bottom:10px}.specs li{grid-template-columns:88px 1fr}}