@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--bg:#141310;--surface:#211f1a;--surface-raised:#302b22;--accent:#dfc38c;--text:#f5f0e7;--muted:#bbb2a3;--line:rgba(223,195,140,.22);--control-line:#897a60;--font-body:Manrope,'PingFang SC','Microsoft YaHei',sans-serif;--container:1184px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.8;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{max-width:100%;display:block}button,a,input,textarea,select,summary{touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.3;text-wrap:balance}p{text-wrap:pretty}.section-wrap{width:min(var(--container),calc(100% - 80px));margin-inline:auto}
.site-header{height:80px;width:min(1360px,100%);padding:0 40px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:50}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand img{width:100%;height:100%;object-fit:contain;opacity:0}.brand>span:not(.brand-symbol){font-size:21px;font-weight:600;letter-spacing:.12em;line-height:1.3}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:.1em;margin-top:6px;line-height:1.2}#navigation{display:flex;align-items:center;gap:36px;font-size:15px;line-height:1.5}#navigation>a{padding-block:12px;white-space:nowrap;color:var(--muted)}#navigation>a:hover,#navigation>a[aria-current=page]{color:var(--text)}#navigation .nav-contact{padding:11px 20px;border:1px solid #a58e64;border-radius:4px;color:var(--accent)}.nav-contact span{margin-left:14px}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:7px}.menu-toggle span{width:24px;height:1.5px;background:var(--text);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.25px) rotate(-45deg)}
.product-menu{position:relative}.product-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:44px;color:var(--muted)}.product-menu summary::-webkit-details-marker{display:none}.product-menu[open] summary,.product-menu summary:hover{color:var(--text)}.product-menu-panel{position:absolute;top:calc(100% + 12px);left:-24px;min-width:330px;background:var(--surface);border:1px solid #897657;border-radius:8px;padding:8px;box-shadow:0 18px 50px #0006}.product-menu-panel>a{display:block;position:relative;padding:17px;border-radius:4px}.product-menu-panel>a:hover{background:var(--surface-raised)}.product-menu-panel strong{display:block;font-size:16px;font-weight:500}.product-menu-panel small{display:block;color:var(--muted);font-size:13px;margin-top:5px}.product-menu-panel>a>span{position:absolute;right:18px;top:18px;color:var(--accent)}.product-menu-panel .all-products{border-top:1px solid var(--line);font-size:14px;color:var(--accent);border-radius:0;margin-top:7px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:13px 24px;border:1px solid transparent;border-radius:4px;font-size:15px;font-weight:600;line-height:1.5;transition:background .18s,color .18s,border-color .18s}.button.primary{color:var(--bg);background:var(--accent);border-color:var(--accent)}.button.primary:hover{background:#eed8ab;border-color:#eed8ab}.button:active{transform:translateY(1px)}.button.secondary{background:transparent;border-color:#a58e64;color:var(--text)}.button.secondary:hover{background:var(--surface)}.text-link{display:inline-flex;align-items:center;min-height:44px;gap:22px;font-size:15px;color:var(--accent);border:0;border-bottom:1px solid #9e875f;background:none;padding:4px 0}.text-link:hover{color:var(--text);border-color:var(--text)}.eyebrow{font-size:14px;font-weight:500;line-height:1.6;color:var(--accent)}
.site-footer{width:min(var(--container),calc(100% - 80px));margin:0 auto;padding:48px 0 25px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}.footer-brand{font-size:22px;font-weight:500;letter-spacing:.08em;line-height:1.4}.footer-brand>span{font-size:13px;letter-spacing:0;margin-left:12px}.site-footer p{color:var(--muted);font-size:14px;margin-top:10px}.footer-links{display:flex;gap:25px;align-items:flex-start;flex-wrap:wrap;font-size:14px}.footer-links a,.footer-links button{min-height:44px;display:inline-flex;align-items:center}.footer-links button{border:0;background:none;padding:0;font-size:14px;color:inherit}.footer-links a:hover,.footer-links button:hover{color:var(--accent)}.footer-bottom{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:24px;font-size:13px;color:var(--muted);padding-top:27px;border-top:1px solid var(--line);margin-top:10px}.footer-bottom a{margin-left:auto;min-height:44px;display:flex;align-items:center}.skip-link{position:fixed;left:20px;top:-100px;z-index:1000;padding:12px 20px;background:var(--accent);color:var(--bg);border-radius:4px}.skip-link:focus{top:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:14px 22px;background:var(--accent);color:var(--bg);border-radius:6px;font-size:14px;line-height:1.6;text-align:center;max-width:calc(100% - 40px);z-index:1000;transition:opacity .18s,transform .18s}#toast.visible{transform:translate(-50%,0);opacity:1}
@media(min-width:1440px){.site-header{padding-inline:48px}}
@media(max-width:990px){.site-header{height:76px;padding-inline:32px}.menu-toggle{display:flex}#navigation{display:none;position:absolute;left:24px;right:24px;top:72px;padding:18px 24px;flex-direction:column;align-items:stretch;gap:8px;background:var(--surface);border:1px solid #897657;border-radius:6px;box-shadow:0 20px 40px #0006}#navigation.is-open{display:flex}#navigation .nav-contact{width:fit-content;margin-block:8px}.product-menu summary{justify-content:space-between}.product-menu-panel{position:static;min-width:0;margin-top:8px;box-shadow:none;background:var(--bg)}.footer-links{gap:16px 24px}}
@media(max-width:640px){body{font-size:16px}.section-wrap{width:calc(100% - 40px)}.site-header{height:76px;padding-inline:20px;gap:15px}.brand-symbol{width:44px;height:44px}.brand>span:not(.brand-symbol){font-size:19px}.brand small{font-size:8px}#navigation{left:12px;right:12px;padding:16px 20px}.button{font-size:14px;min-height:50px;padding:12px 21px;gap:22px}.site-footer{width:calc(100% - 40px);padding-top:32px;gap:22px}.footer-links{gap:8px 20px;font-size:13px}.footer-links button{font-size:13px}.footer-bottom{gap:4px 20px;font-size:12px;margin-top:0;padding-top:16px}.footer-bottom>span:first-child{width:100%}.footer-bottom a{margin-left:0}.footer-brand>span{display:block;margin:6px 0 0}.eyebrow{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Color variant: exact original logo silhouette, recolored with an alpha mask. */
.brand-symbol,.logo-symbol{display:block;background:var(--accent);-webkit-mask:url('/assets/wenxiang-mark.png') center/contain no-repeat;mask:url('/assets/wenxiang-mark.png') center/contain no-repeat;flex-shrink:0}.brand .brand-symbol{width:48px;height:48px;letter-spacing:0}.logo-symbol{width:100%;aspect-ratio:1}.logo-symbol img{opacity:0}.brand small{color:var(--muted)}@media(max-width:640px){.brand .brand-symbol{width:44px;height:44px}}

/* Language navigation remains visible beside the brand on small screens. */
.site-header{gap:24px}.site-header #navigation{margin-left:auto;gap:26px}
.language-menu{position:relative;flex-shrink:0;order:2}
.language-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:78px;padding:8px 10px;border:1px solid var(--control-line);border-radius:4px;font-size:13px;line-height:1.4;color:var(--accent);cursor:pointer}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary>span:last-child{font-size:12px}
.language-menu[open] summary,.language-menu summary:hover{background:var(--surface-raised)}
.language-options{position:absolute;right:0;top:calc(100% + 10px);min-width:165px;padding:7px;background:var(--surface);border:1px solid var(--control-line);border-radius:6px;box-shadow:0 18px 40px #0006}
.language-options a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 13px;font-size:14px;border-radius:3px;color:var(--muted)}
.language-options a:hover{background:var(--surface-raised);color:var(--text)}
.language-options a[aria-current]{color:var(--accent);background:var(--surface-raised)}
.language-options a[aria-current]::after{content:'✓';margin-left:18px}
@media(max-width:1100px){
  .site-header{gap:16px}.brand{margin-right:auto}.menu-toggle{display:flex;order:3}
  .site-header #navigation{display:none;position:absolute;left:24px;right:24px;top:72px;padding:18px 24px;flex-direction:column;align-items:stretch;gap:8px;background:var(--surface);border:1px solid var(--control-line);border-radius:6px;box-shadow:0 20px 40px #0006;margin-left:0}
  .site-header #navigation.is-open{display:flex}#navigation .nav-contact{width:fit-content;margin-block:8px}
  .product-menu summary{justify-content:space-between}.product-menu-panel{position:static;min-width:0;margin-top:8px;box-shadow:none;background:var(--bg)}
}
@media(max-width:640px){
  .site-header{padding-inline:16px;gap:6px}.brand{gap:9px}.brand .brand-symbol{width:34px;height:34px}.brand>span:not(.brand-symbol){font-size:17px}.brand small{font-size:7px;letter-spacing:.06em}
  .language-menu summary{min-width:68px;padding-inline:7px;gap:5px;font-size:12px}.language-options{min-width:155px;right:-42px}
  .site-header #navigation{left:12px;right:12px;padding:16px 20px}
}

:lang(en) .brand>span:not(.brand-symbol){letter-spacing:.01em}:lang(en) .brand small{letter-spacing:.07em}