:root{--c-bg:#fff;--c-bg-alt:#faf8f5;--c-ink:#2e2a25;--c-muted:#8a8179;--c-accent:#a8865c;--c-line:#e8e2d9;--c-line-strong:#d8d0c4;--font-sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif:Georgia, "Times New Roman", "Songti SC", "SimSun", serif;--maxw:1240px;--gutter:clamp(20px, 5vw, 64px);--gap:clamp(16px, 2.2vw, 32px);--radius:2px;--header-h:68px;--ease:cubic-bezier(.22, .61, .36, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--c-bg);color:var(--c-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.75}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,h4,p,figure{margin:0}ul{margin:0;padding:0;list-style:none}.wrap{width:100%;max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--c-accent);margin-bottom:14px;font-size:11px}.display{font-family:var(--font-serif);letter-spacing:-.01em;font-weight:400;line-height:1.18}h1.display{font-size:clamp(32px,5.2vw,60px)}h2.display{font-size:clamp(26px,3.4vw,40px)}h3.display{font-size:clamp(20px,2.2vw,26px)}.section-title{letter-spacing:.01em;font-size:clamp(24px,3.2vw,38px);font-weight:500;line-height:1.3}.lede{color:var(--c-muted);max-width:62ch;font-size:clamp(15px,1.3vw,17px)}.small{color:var(--c-muted);font-size:13px}.btn{border:1px solid var(--c-ink);border-radius:var(--radius);letter-spacing:.08em;text-transform:uppercase;background:var(--c-ink);color:#fff;transition:background .25s var(--ease), color .25s var(--ease);align-items:center;gap:10px;padding:13px 26px;font-size:13px;display:inline-flex}.btn:hover,.btn--ghost{color:var(--c-ink);background:0 0}.btn--ghost:hover{background:var(--c-ink);color:#fff}.btn--light{color:var(--c-ink);background:#fff;border-color:#fff}.btn--light:hover{color:#fff;background:0 0}.link-arrow{letter-spacing:.06em;color:var(--c-accent);transition:border-color .25s var(--ease);border-bottom:1px solid #0000;align-items:center;gap:8px;font-size:13px;display:inline-flex}.link-arrow:hover{border-color:var(--c-accent)}.header{z-index:50;backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--c-line);background:#ffffffeb;position:sticky;top:0}.header__inner{height:var(--header-h);align-items:center;gap:24px;display:flex}.brand{flex-direction:column;margin-right:auto;line-height:1.1;display:flex}.brand__en{font-family:var(--font-serif);letter-spacing:.14em;text-transform:uppercase;font-size:20px}.brand__zh{letter-spacing:.3em;color:var(--c-muted);font-size:11px}.nav{align-items:center;gap:30px;display:flex}.nav a{letter-spacing:.04em;padding:6px 0;font-size:14px;position:relative}.nav a:after{content:"";background:var(--c-accent);transform-origin:0;width:100%;height:1px;transition:transform .3s var(--ease);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav a:hover:after,.nav a[aria-current=page]:after{transform:scaleX(1)}.lang{letter-spacing:.1em;color:var(--c-muted);border-left:1px solid var(--c-line);align-items:center;gap:6px;padding-left:18px;font-size:12px;display:flex}.lang a{padding:4px 2px}.lang a[aria-current=true]{color:var(--c-ink)}.nav-toggle{cursor:pointer;background:0 0;border:0;padding:8px;display:none}.nav-toggle span{background:var(--c-ink);width:22px;height:1.5px;transition:transform .3s var(--ease), opacity .3s var(--ease);margin:5px 0;display:block}.hero{background:#1c1a17;align-items:flex-end;min-height:min(82vh,760px);display:flex;position:relative;overflow:hidden}.hero__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(#0000001f 0%,#0000000d 42%,#0000009e 100%);position:absolute;inset:0}.hero__body{z-index:2;color:#fff;padding:0 var(--gutter) clamp(48px, 7vw, 92px);max-width:var(--maxw);width:100%;margin:0 auto;position:relative}.hero__body h1{max-width:20ch;margin-bottom:20px}.hero__body p{color:#ffffffdb;max-width:56ch;margin-bottom:30px}.section{padding:clamp(64px,9vw,128px) 0}.section--alt{background:var(--c-bg-alt)}.section__head{max-width:720px;margin-bottom:clamp(32px,4vw,56px)}.section__head--center{text-align:center;margin-left:auto;margin-right:auto}.rule{background:var(--c-line);border:0;height:1px;margin:0}.manifesto{text-align:center;max-width:860px;margin:0 auto}.manifesto p{color:var(--c-ink);font-size:clamp(17px,1.9vw,22px);line-height:1.85}.cats{gap:var(--gap);grid-template-columns:repeat(4,1fr);display:grid}.cat{background:var(--c-bg-alt);display:block;position:relative;overflow:hidden}.cat__img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .7s var(--ease)}.cat:hover .cat__img{transform:scale(1.045)}.cat__body{justify-content:space-between;align-items:baseline;gap:10px;padding:16px 4px 0;display:flex}.cat__name{letter-spacing:.02em;font-size:15px}.cat__count{color:var(--c-muted);font-size:12px}.grid-products{columns:3;column-gap:var(--gap)}.card{break-inside:avoid;margin:0 0 var(--gap);display:block}.card__media{background:var(--c-bg-alt);position:relative;overflow:hidden}.card__img{width:100%;transition:transform .8s var(--ease)}.card:hover .card__img{transform:scale(1.035)}.card__body{padding:14px 2px 0}.card__name{font-size:15px;line-height:1.5}.card__meta{color:var(--c-muted);letter-spacing:.04em;margin-top:3px;font-size:12px}.split{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(32px,6vw,80px);display:grid}.split--reverse .split__media{order:2}.split__media img{width:100%}.detail{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);align-items:start;gap:clamp(28px,5vw,72px);padding-top:clamp(28px,4vw,48px);display:grid}.detail__media{gap:var(--gap);flex-direction:column;display:flex}.detail__media img{background:var(--c-bg-alt);width:100%}.detail__info{top:calc(var(--header-h) + 32px);position:sticky}.detail__name{font-size:clamp(24px,2.6vw,32px);font-weight:500;line-height:1.3}.detail__en{font-family:var(--font-serif);color:var(--c-muted);letter-spacing:.04em;margin-top:6px;font-size:15px}.detail__copy{border-top:1px solid var(--c-line);margin:26px 0;padding-top:26px}.detail__copy p{font-size:16px;line-height:1.95}.detail__copy .en{color:var(--c-muted);margin-top:16px;font-size:15px;line-height:1.85}.meta-list{border-top:1px solid var(--c-line);grid-template-columns:auto 1fr;gap:8px 18px;padding:22px 0;font-size:13px;display:grid}.meta-list dt{color:var(--c-muted);letter-spacing:.06em}.meta-list dd{margin:0}.breadcrumb{letter-spacing:.08em;color:var(--c-muted);flex-wrap:wrap;gap:8px;padding-top:clamp(24px,3vw,40px);font-size:12px;display:flex}.breadcrumb a:hover{color:var(--c-ink)}.filters{border-top:1px solid var(--c-line);flex-wrap:wrap;gap:8px 22px;padding:20px 0 0;display:flex}.filters a{color:var(--c-muted);transition:color .2s var(--ease), border-color .2s var(--ease);border-bottom:1px solid #0000;padding:4px 0;font-size:14px}.filters a:hover,.filters a[aria-current=page]{color:var(--c-ink);border-color:var(--c-accent)}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(32px,6vw,80px);display:grid}.contact-list{gap:0;display:grid}.contact-list__row{border-bottom:1px solid var(--c-line);grid-template-columns:110px 1fr;gap:18px;padding:18px 0;font-size:15px;display:grid}.contact-list__row dt{color:var(--c-muted);letter-spacing:.08em;font-size:13px}.contact-list__row dd{margin:0}.qr-row{flex-wrap:wrap;gap:28px;display:flex}.qr-row figure{text-align:center}.qr-row img{object-fit:contain;border:1px solid var(--c-line);background:#fff;width:150px;height:150px;padding:10px}.qr-row figcaption{color:var(--c-muted);letter-spacing:.06em;margin-top:10px;font-size:12px}.footer{border-top:1px solid var(--c-line);background:var(--c-bg-alt);padding:clamp(48px,6vw,80px) 0 40px}.footer__grid{grid-template-columns:1.6fr 1fr 1fr;gap:clamp(28px,5vw,64px);display:grid}.footer h4{letter-spacing:.16em;text-transform:uppercase;color:var(--c-muted);margin-bottom:16px;font-size:12px;font-weight:500}.footer ul{gap:9px;font-size:14px;display:grid}.footer a:hover{color:var(--c-accent)}.footer__bottom{border-top:1px solid var(--c-line);color:var(--c-muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:clamp(36px,5vw,56px);padding-top:24px;font-size:12px;display:flex}.pagehead{padding:clamp(48px,7vw,96px) 0 clamp(28px,4vw,48px)}.pagehead p{margin-top:16px}.empty{text-align:center;color:var(--c-muted);padding:80px 0}@media (width<=1024px){.cats{grid-template-columns:repeat(3,1fr)}.grid-products{columns:2}}@media (width<=860px){.nav{inset:var(--header-h) 0 auto 0;border-bottom:1px solid var(--c-line);padding:8px var(--gutter) 20px;transition:transform .35s var(--ease);background:#fff;flex-direction:column;align-items:flex-start;gap:0;position:fixed;transform:translateY(-140%)}.nav[data-open=true]{transform:translateY(0)}.nav a{border-bottom:1px solid var(--c-line);width:100%;padding:14px 0}.nav-toggle{display:block}.lang{border-left:0;padding-left:0}.detail,.split,.contact-grid{grid-template-columns:1fr}.split--reverse .split__media{order:0}.detail__info{position:static}.footer__grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.cats{grid-template-columns:repeat(2,1fr)}.grid-products{columns:1}.footer__grid{grid-template-columns:1fr}.contact-list__row{grid-template-columns:1fr;gap:4px}}