:root{--ink:#172e35;--muted:#56676b;--accent:#765523;--paper:#fafaf7;--surface:#f0f1ed;--line:#d5dcd8;--white:#fff;--radius:3px;--max:1280px;--space:clamp(24px,5vw,72px);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-size:16px}
/* All languages share the existing layout; only the language control is new. */
.language-picker{position:relative;flex-shrink:0;border-left:1px solid var(--line);padding-left:20px}
.language-picker summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;font-size:.875rem;white-space:nowrap;list-style:none}
.language-picker summary::-webkit-details-marker{display:none}
.language-options{position:absolute;right:0;top:calc(100% + 12px);min-width:180px;padding:8px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 24px #172e3514;z-index:20}
.language-options a{display:block;padding:12px 16px;font-size:.9rem;white-space:nowrap}
.language-options a:hover,.language-options a[aria-current]{background:var(--surface);color:var(--ink)}
:is(html[lang=ja],html[lang=ko]) :is(h1,h2){line-height:1.35;letter-spacing:-.025em}
html[lang=ko]{word-break:keep-all}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%;height:auto;display:block}figure{margin:0}h1,h2,h3,p{margin-top:0}p{line-height:1.7;color:var(--muted)}h1{font-size:clamp(2.6rem,4.5vw,4.5rem);line-height:1.05;letter-spacing:-.055em;font-weight:500;margin-bottom:26px}h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.16;letter-spacing:-.035em;font-weight:500;margin-bottom:24px}h3{font-size:1.2rem;line-height:1.35;font-weight:500}html[lang=zh-CN] h1{line-height:1.25;letter-spacing:-.04em}html[lang=zh-CN] h2{line-height:1.4}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:32px}.eyebrow{font-size:.8rem;letter-spacing:.13em;font-weight:600;color:var(--accent);margin-bottom:24px}.small{font-size:.875rem}.section{padding-block:84px}.preview-bar{background:#e9edf0;color:#354a51;font-size:.75rem;text-align:center;padding:8px 16px;line-height:1.4}.header{border-bottom:1px solid var(--line);background:var(--paper)}.nav-wrap{display:flex;align-items:center;min-height:100px;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.6rem;letter-spacing:.07em;flex-shrink:0}.brand img{width:33px;height:38px;object-fit:contain}.brand small{display:block;font-size:.6rem;letter-spacing:.25em;font-weight:400;margin-top:4px}.nav-wrap #main-nav{display:flex;margin-left:auto;gap:26px;align-items:center}.nav-wrap #main-nav a{padding:15px 0;font-size:.875rem;border-bottom:1px solid transparent}.nav-wrap #main-nav a:hover,.nav-wrap #main-nav a[aria-current]{border-color:var(--accent)}.language{border-left:1px solid var(--line);padding:14px 0 14px 23px;font-size:.875rem;white-space:nowrap}.menu-toggle{min-width:48px;min-height:44px;background:none;border:1px solid var(--line);border-radius:var(--radius)}.skip{position:absolute;top:-100px;left:16px;padding:16px;background:var(--ink);color:white;z-index:10}.skip:focus{top:10px}:focus-visible{outline:3px solid #ad761a;outline-offset:5px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:60px;padding-block:46px 54px;align-items:center}.hero-copy{padding-block:16px}.hero-copy>p:not(.eyebrow){max-width:460px}.hero-subtitle{font-size:1.1rem;font-weight:600;color:var(--ink);line-height:1.5}.hero-photo{height:560px;position:relative;background:#d7d8d5;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 54%}.hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:var(--ink);color:#fff;display:flex;justify-content:space-between;padding:16px 20px;font-size:.75rem;letter-spacing:.08em}.hero-origin{display:flex;gap:12px;align-items:center;margin-top:45px;color:var(--muted);font-size:.8rem}.origin-line{width:44px;border-top:1px solid var(--accent)}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:17px 22px;min-height:52px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:var(--radius);font-size:.9rem;line-height:1.4}.button:hover{background:#2d4d57}.button.secondary{color:var(--ink);background:transparent}.text-link{font-size:.9rem;border-bottom:1px solid var(--ink);padding:8px 0;display:inline-block}.text-link span{margin-left:12px}.section-heading{display:flex;gap:70px;justify-content:space-between;align-items:end;margin-bottom:32px}.section-heading h2{max-width:600px;margin:0}.section-heading>p{max-width:310px;margin-bottom:0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.category-image{aspect-ratio:4/4.5;overflow:hidden;background:var(--surface)}.category-image img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}.category-image.typographic{padding:32px;background:var(--ink);color:white;display:flex;flex-direction:column;justify-content:space-between}.category-type{font-size:clamp(1.8rem,3vw,3rem);line-height:1.16;letter-spacing:-.03em;font-weight:500}.category-sub{font-size:.75rem;line-height:1.7;letter-spacing:.06em;color:#c3d1d3}.card-title{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:12px}.card-title h3{margin:0}.card-title>span{font-size:1.3rem}.category>p{font-size:.95rem;margin-top:10px}.category:hover h3{text-decoration:underline;text-underline-offset:5px}.manufacturing{background:var(--surface);padding-block:76px}.manufacturing-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.stats{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);padding-top:28px}.stats strong{font-size:clamp(2.5rem,4vw,3.6rem);font-weight:400;letter-spacing:-.055em;display:block}.stats span{font-size:.9rem;line-height:1.6;display:block;margin-top:12px}.stats+.small{margin-top:24px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:38px 0 25px}.steps li{border-top:1px solid var(--line);padding-top:18px}.step-no{color:var(--accent);font-size:.9rem}.steps h3{margin-top:36px;margin-bottom:12px}.steps p{font-size:.95rem}.cta{border-top:1px solid var(--line);padding-block:54px 72px;display:flex;align-items:center;gap:80px;justify-content:space-between}.cta>div{max-width:700px}.cta h2{font-size:2rem}.cta .button{flex-shrink:0}.footer{background:var(--ink);color:white;padding-block:40px 24px}.footer p{color:#c4d1d2}.footer-top{display:flex;align-items:center;gap:45px;padding-bottom:42px}.footer-top p{margin:0}.footer-top nav{display:flex;gap:28px;margin-left:auto;font-size:.9rem}.footer-bottom{border-top:1px solid #466067;padding-top:20px;display:flex;justify-content:space-between;color:#c4d1d2;font-size:.8rem}.hero-fallback{padding:60px;font-size:2rem;line-height:1.5}
@media(max-width:1000px){.nav-wrap{gap:18px}.nav-wrap #main-nav{gap:16px}.nav-wrap #main-nav a{font-size:.8rem}.brand{font-size:1.4rem}.hero{gap:32px}.hero-photo{height:490px}.hero h1{font-size:3.1rem}.manufacturing-grid{gap:40px}.category-image.typographic{padding:24px}.cta{gap:40px}.steps{gap:22px}}
@media(max-width:800px){.wrap{padding-inline:24px}.nav-wrap{min-height:80px;flex-wrap:wrap;gap:12px;padding-block:14px}.menu-toggle:not([hidden]){display:block;margin-left:auto}.language{padding-left:15px}.nav-wrap #main-nav{width:100%;order:4;justify-content:space-between;margin:0;gap:6px;flex-wrap:wrap}.js .nav-wrap #main-nav:not(.open){display:none}.hero{gap:28px}.hero h1{font-size:2.6rem}.hero-photo{height:465px}.hero-origin{margin-top:26px}.hero .actions{gap:14px}.section{padding-block:58px}.section-heading{gap:30px;align-items:start}.category-grid{gap:18px}.category-type{font-size:1.65rem}.category-image.typographic{padding:20px}.category-sub{font-size:.75rem}.manufacturing{padding-block:56px}.manufacturing-grid{grid-template-columns:1fr;gap:35px}.steps{grid-template-columns:repeat(2,1fr)}.cta{align-items:start;flex-direction:column;gap:16px}.footer-top{gap:20px;flex-wrap:wrap}.footer-top nav{margin-left:0}.footer-bottom{gap:20px;line-height:1.7}}
@media(max-width:600px){.wrap{padding-inline:20px}.hero{grid-template-columns:1fr;padding-top:32px;gap:30px}.hero h1{font-size:2.85rem}.hero-photo{height:470px}.hero-copy{padding:0}.hero-origin{display:none}.category-grid{grid-template-columns:1fr}.category-image{aspect-ratio:4/4.4}.category-image.typographic{min-height:280px;aspect-ratio:auto;padding:30px}.category-type{font-size:2.6rem}.section-heading{display:block}.section-heading>p{margin-top:20px}.category{margin-bottom:20px}.stats{gap:20px}.stats strong{font-size:3rem}.steps{gap:24px 20px}.steps h3{margin-top:26px;font-size:1.08rem}.cta h2{font-size:1.85rem}.footer-top{display:block}.footer-top p{margin-block:20px}.footer-bottom{flex-direction:column;gap:6px}.hero-subtitle{font-size:1rem}}
.menu-toggle{display:none}[hidden]{display:none!important}.page-intro{padding-block:70px 46px}.page-intro h1{max-width:880px;font-size:clamp(2.6rem,4vw,3.8rem)}.lead{font-size:1.1rem;line-height:1.8;max-width:760px}.about-main{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-bottom:65px}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-bottom:70px}.roles article{border-top:1px solid var(--line);padding-top:20px}.roles h2{font-size:1.4rem;margin-top:28px}.photo-pending{border:1px dashed #9aa8a8;background:var(--surface);min-height:200px;padding:42px;margin-bottom:65px}.photo-pending p{max-width:620px}.factory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--line);padding-bottom:28px}.filter-bar button{padding:13px 20px;border:1px solid var(--line);background:transparent;border-radius:var(--radius);cursor:pointer;font-size:.95rem}.filter-bar button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.filter-bar button:hover{border-color:var(--ink)}.no-js-categories{display:flex;gap:25px;flex-wrap:wrap}.js .no-js-categories{display:none}.product-group{padding-block:45px 60px;scroll-margin-top:30px}.group-heading{display:flex;gap:25px;margin-bottom:28px}.group-heading h2{font-size:2rem;margin-bottom:12px}.group-heading p{margin-bottom:0}.group-heading .step-no{padding-top:8px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 28px}.product-image{aspect-ratio:2/2.6;background:var(--surface);overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain}.product-card .card-title{margin-top:8px}.product-card p{font-size:.95rem}.product-card .product-code{font-size:.75rem;letter-spacing:.12em;margin:18px 0 0;color:var(--accent)}.product-card .card-title+p{margin-top:12px}.product-card:hover h3{text-decoration:underline;text-underline-offset:5px}.category-enquiry{padding:36px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:40px}.category-enquiry p{max-width:620px;margin:0}.category-enquiry .button{flex-shrink:0}.detail{padding-block:35px 85px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:30px;align-items:start}.detail-grid figure img{width:100%;max-height:750px;object-fit:contain;background:var(--surface)}.detail-grid figcaption{padding-top:18px;color:var(--muted);line-height:1.6}.detail h1{font-size:clamp(2.3rem,3.4vw,3.4rem)}.detail-copy{padding-block:26px}.detail h2{font-size:1.3rem;margin-top:36px}.checklist{padding:0;list-style:none;margin-bottom:30px}.checklist li{padding:13px 0;border-bottom:1px solid var(--line);line-height:1.5}.terms{margin-top:25px}.process-page{padding-bottom:60px}.process-page .steps{margin-top:10px}.scope{padding-block:48px 60px;background:var(--surface);margin-bottom:70px}.scope ul{display:grid;grid-template-columns:1fr 1fr;gap:18px 70px;list-style:none;padding:0}.scope li{border-bottom:1px solid var(--line);padding:14px 0}.scope p{max-width:850px;margin-top:25px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:90px}.email{font-size:clamp(1.05rem,2vw,1.6rem);color:var(--ink);overflow-wrap:anywhere;user-select:all}.draft-contact{padding-bottom:28px;border-bottom:1px solid var(--line)}.location{padding-top:34px}.location h2{font-size:1.6rem}.enquiry-list{background:var(--surface);padding:35px}.enquiry-list h2{font-size:1.8rem}.enquiry-list ol{list-style:none;padding:0;margin:0}.enquiry-list li{display:flex;gap:18px;padding:20px 0;border-top:1px solid var(--line);line-height:1.6}.enquiry-list li span{color:var(--accent);font-size:.8rem;padding-top:3px}.selected-product{padding:14px;border:1px solid var(--line)}.error-page{min-height:60vh}.error-page .text-link{margin-left:25px}
@media(max-width:800px){.menu-toggle:not([hidden]){display:block}.about-main{gap:35px}.roles{gap:24px}.roles h2{font-size:1.2rem}.product-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{gap:35px}.category-enquiry{display:block}.category-enquiry .button{margin-top:20px}.contact-grid{gap:30px}.enquiry-list{padding:25px}.detail h1{font-size:2.2rem}}
@media(max-width:600px){.page-intro{padding-block:42px 30px}.page-intro h1{font-size:2.6rem}.about-main,.roles,.contact-grid,.detail-grid{grid-template-columns:1fr;gap:28px}.roles{padding-bottom:42px}.photo-pending{padding:26px}.product-grid{gap:28px 18px}.product-card h3{font-size:1rem}.product-card p{font-size:.875rem}.product-image{aspect-ratio:2/3}.product-card .card-title>span{display:none}.product-group{padding-bottom:35px}.group-heading{gap:15px}.group-heading h2{font-size:1.6rem}.filter-bar{gap:8px}.filter-bar button{font-size:.85rem;padding:13px}.detail-grid{margin-top:25px}.detail-copy{padding-top:0}.scope ul{grid-template-columns:1fr;gap:0}.scope{padding-block:30px}.contact-grid{padding-bottom:55px}.scope h2{font-size:1.8rem}.factory-grid{grid-template-columns:1fr}}
.wrap{overflow-wrap:anywhere}.hero>*,.category-grid>*,.manufacturing-grid>*,.product-grid>*,.detail-grid>*,.contact-grid>*,.steps>*{min-width:0}.button{max-width:100%;min-width:0}.stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}
@media(max-width:600px){.steps,.product-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}}
/* A quiet, image-free opening; imagery starts with the product categories. */
.hero.hero-centered{display:block;text-align:center;padding-block:clamp(58px,7vw,96px) clamp(50px,6vw,80px);border-bottom:1px solid var(--line)}
.hero-centered .hero-copy{max-width:1020px;margin-inline:auto;padding:0}
.hero-centered .eyebrow{margin-bottom:26px}
.hero-centered h1{max-width:980px;margin:0 auto 30px;font-size:clamp(2.5rem,5.2vw,4.6rem);line-height:1.12;letter-spacing:-.045em;text-wrap:balance}
.hero-centered .hero-copy>p:not(.eyebrow){max-width:660px;margin-inline:auto;text-wrap:balance}
.hero-centered .hero-subtitle{font-size:1.12rem;margin-bottom:14px}
.hero-centered .actions{justify-content:center;gap:28px;margin-top:28px}
.category-image{position:relative}
.category-image.concept-image{background:#e9e7e2}
.category-image.concept-image img{object-fit:contain}
@media(max-width:600px){.hero.hero-centered{padding-block:48px 44px}.hero-centered h1{font-size:2.55rem;margin-bottom:24px}.hero-centered .hero-subtitle{font-size:1rem}.hero-centered .actions{gap:14px 22px}.hero-centered .eyebrow{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Accessories and independent design share the same restrained visual system. */
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.roles{grid-template-columns:repeat(2,minmax(0,1fr))}
.studio .section-heading>p{max-width:470px}
.studio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:40px 0 24px}
.studio-grid article{border-top:1px solid var(--line);padding-top:20px}
.studio-grid h3{margin-top:30px;font-size:1.2rem}
.studio-grid p{font-size:.95rem}
.studio-scope{max-width:940px;margin:30px 0 0}
.product-image{position:relative}
.product-image.accessory-image{aspect-ratio:1;background:#f3f2ee}
.partnership{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);padding-block:60px 80px;scroll-margin-top:24px}
.partnership h2{font-size:2.2rem}
.partnership .checklist{margin-top:0}
.group-heading .step-no{flex-shrink:0;white-space:nowrap}
@media(max-width:1000px){.category-grid,.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partnership{gap:40px}}
@media(max-width:600px){.category-grid,.roles,.studio-grid,.partnership{grid-template-columns:1fr}.studio-grid{gap:20px;margin-top:28px}.studio-grid h3{margin-top:18px}.partnership{gap:15px;padding-block:40px 55px}.product-image.accessory-image{aspect-ratio:auto;background:transparent}.product-image.accessory-image img{height:auto;aspect-ratio:1}.footer-bottom a{padding-block:8px}}