:root{--ink:#171a1c;--muted:#747873;--line:#e2e4e0;--silver:#f2f3f2;--accent:#856b3c;--body:'Segoe UI','Microsoft YaHei',Arial,sans-serif;--page:1420px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--body);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
p{margin:0 0 20px}
h1,h2,h3{font-family:var(--body);font-weight:400;letter-spacing:-1.4px;line-height:1.15;margin:0}
h2{font-size:clamp(32px,3.3vw,46px)}
h3{font-size:20px;letter-spacing:-.4px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
button:disabled{cursor:default;opacity:.35}
.preview-bar{padding:6px max(5%,calc((100% - var(--page))/2));display:flex;justify-content:space-between;gap:15px;background:#f6f7f5;font-size:10px;color:#6e746b;line-height:1.8}
.preview-bar button{border:0;border-bottom:1px solid #c5c9c2;background:none;color:inherit;padding:0;font-size:10px;margin:0 10px;line-height:1.5}
.preview-bar button:last-child{margin-right:0}
.header{position:relative;z-index:10;background:white;max-width:var(--page);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 5%;border-bottom:1px solid #f2f3f2;min-height:106px}
.wordmark{font-family:Arial,sans-serif;font-size:25px;font-weight:700;letter-spacing:-1px;line-height:1;white-space:nowrap}
.brand-sub{display:flex;align-items:center;gap:12px;margin-top:10px;font-family:var(--body);letter-spacing:0}
.brand-sub b{font-size:12px;letter-spacing:2px;font-weight:500}
.brand-sub>span{font-size:9px;color:#777;font-weight:400}
.header nav{display:flex;gap:32px;font-size:12px;color:#6e746b}
.header nav a{padding:8px 0;transition:color .2s}
.header nav a:hover{color:#000}
.menu-button{display:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:13px 23px;border:1px solid var(--ink);font-size:12px;line-height:1.4;font-weight:400;border-radius:0}
.button.dark{background:var(--ink);color:white}
.button:hover{background:#171a1c;color:white}
.header-quote{min-height:42px;padding:11px 19px;font-size:11px}
.plain-link,.detail-link{background:none;border:0;padding:7px 0;border-bottom:1px solid #c5c9c2;color:var(--ink);font-size:12px}
.plain-link span{margin-left:9px}
.premium-hero{max-width:var(--page);margin:auto;padding:55px 5% 65px;display:grid;grid-template-columns:.88fr 1.12fr;gap:6%;align-items:center;min-height:620px;isolation:isolate}
.hero-copy{min-width:0;padding:10px 0 0}
.brand-intro{font-size:11px;letter-spacing:.8px;color:var(--accent);margin:0 0 30px}
.hero-copy h1{font-size:clamp(43px,4.6vw,66px);font-weight:400;line-height:1.13;letter-spacing:-2.1px;margin-bottom:27px}
.hero-description{color:#6e746b;max-width:365px;font-size:13px;line-height:1.9;margin-bottom:30px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px}
.hero-actions .button{padding:14px 23px}
.hero-actions .plain-link{font-size:11px}
.hero-note{font-size:10px;color:#6e746b;margin:35px 0 0}
.product-showcase{min-width:0;align-self:center}
.showcase-frame{position:relative;aspect-ratio:1.35;overflow:hidden;background:var(--silver)}
.spotlight-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:10px;mix-blend-mode:multiply;opacity:0;visibility:hidden;transition:opacity .9s ease;pointer-events:none}
.spotlight-photo.active{opacity:1;visibility:visible}
.showcase-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:21px}
.showcase-caption p{font-size:10px;color:#6e746b;margin:0 0 5px}
.showcase-caption h2{font-size:22px;letter-spacing:-.5px;line-height:1.3;min-height:29px}
.showcase-caption .detail-link{font-size:10px;white-space:nowrap;border:0}
.showcase-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:15px;margin-top:20px}
.collection-tabs{display:flex;gap:25px;align-items:center}
.collection-tabs button{border:0;background:none;font-size:10px;color:#6e746b;padding:0 0 3px;border-bottom:1px solid transparent}
.collection-tabs button.active{color:#171a1c;border-color:var(--accent)}
.slide-arrows{display:flex;gap:17px}
.slide-arrows button{background:none;border:0;padding:0;font-size:18px;line-height:1;color:#6e746b}
.credentials{max-width:var(--page);margin:0 auto;padding:30px 5%;display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}
.credentials>p{font-size:12px;color:#6e746b;margin:0;line-height:1.7}
.credentials strong{display:block;font-size:24px;line-height:1.4;font-weight:400;letter-spacing:-.5px}
.credentials small{font-size:15px}
.credentials span{font-size:10px;color:#6e746b}
.section{max-width:var(--page);margin:0 auto;padding:85px 5%}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}
.section-kicker{font-size:10px;color:var(--accent);margin:0 0 18px}
.section-heading>p{font-size:12px;line-height:1.9;color:#6e746b;max-width:370px;margin:0}
.catalog-tools{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin:0 0 35px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.filters{display:flex;flex-wrap:wrap;gap:8px 21px;max-width:850px}
.filters button{background:none;border:0;border-bottom:1px solid transparent;color:#6e746b;padding:9px 0;font-size:11px}
.filters button:hover{color:#171a1c}
.filters button.active{color:#171a1c;border-color:#171a1c}
.catalog-search{font-size:9px;color:#6e746b;width:200px;flex:0 0 200px}
.catalog-search>span{display:none}
.catalog-search input{margin:0;padding:9px 10px;border:1px solid #e2e4e0;font-size:10px;height:36px;background:#fff}
input,select,textarea{width:100%;border:1px solid #e2e4e0;padding:10px;color:#171a1c;background:white;border-radius:0;display:block;margin-top:6px}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 30px}
.product-card{min-width:0}
.product-picture{position:relative;width:100%;padding:0;border:0;aspect-ratio:1.35;background:#f6f7f5;overflow:hidden;display:block}
.product-picture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:7px;transition:transform .7s ease}
.product-picture:hover img{transform:scale(1.035)}
.product-category{font-size:9px;color:#6e746b;margin:18px 0 6px}
.product-card h3{font-size:18px;line-height:1.4;font-weight:400;letter-spacing:-.3px;min-height:50px;margin:0 0 8px}
.product-card>p:not(.product-category){display:none}
.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}
.product-bottom>span{display:none}
.product-bottom button{font-size:10px;border:0;border-bottom:1px solid #c5c9c2;background:none;color:#6e746b;padding:3px 0}
.catalog-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:50px;padding-top:25px;border-top:1px solid var(--line)}
.catalog-footer p{margin:0;font-size:10px;color:#6e746b}
.catalog-footer .button{background:white;color:#6e746b;border:1px solid #c5c9c2;font-size:11px;min-height:42px;padding:11px 22px}
.catalog-footer .button:hover{color:white;background:var(--ink)}
.empty-catalog{grid-column:1/-1;padding:40px 0;color:#6e746b}
.factory-feature{display:grid;grid-template-columns:.7fr 1.3fr;gap:7%;align-items:center;border-top:1px solid var(--line);padding-top:80px;padding-bottom:80px}
.factory-intro h2{font-size:42px;line-height:1.16;margin-bottom:25px}
.factory-intro>p:not(.section-kicker){color:#6e746b;font-size:12px;max-width:300px}
.factory-intro>p:nth-child(3){font-size:12px;color:#6e746b;margin-bottom:15px}
.factory-intro .film-length{font-size:10px!important;margin-bottom:0}
.video-frame{min-width:0;aspect-ratio:16/9;background:#f2f3f2;overflow:hidden}
.video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.craft-story{border-top:1px solid var(--line);padding-top:70px}
.craft-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}
.craft-heading>.section-kicker{grid-column:1/-1;margin:0}
.craft-heading h2{font-size:38px}
.craft-heading>p:last-child{font-size:12px;color:#6e746b;max-width:380px;margin:0 0 2px}
.craft-main{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;margin-top:40px;align-items:start}
.craft-visual{min-width:0}
.craft-visual img{width:100%;aspect-ratio:1.35;object-fit:cover;opacity:1;transition:opacity .25s}
.craft-visual.changing img{opacity:.5}
.craft-visual>span{display:block;position:static;font-size:9px;color:#6e746b;background:none;padding-top:12px}
.craft-chapters>button{display:flex;align-items:flex-start;gap:18px;width:100%;padding:18px 0;text-align:left;background:none;border:0;border-top:1px solid #e2e4e0;color:#6e746b}
.craft-chapters>button.active{color:#171a1c}
.craft-chapters button h3{font-size:21px;line-height:1.3;letter-spacing:-.5px}
.craft-chapters>button>span{font-size:9px;color:#6e746b;padding-top:4px}
.craft-chapters button p{font-size:10px;margin:7px 0 0;color:#6e746b}
.craft-chapters button b{font-size:16px;font-weight:400;margin-left:auto;opacity:.4}
.craft-chapters>button.active b{opacity:1}
.craft-description{border-top:1px solid var(--line);padding-top:20px}
.craft-description p{font-size:11px;color:#6e746b;margin-bottom:15px}
.text-link{background:none;border:0;border-bottom:1px solid #c5c9c2;font-size:11px;color:#6e746b;padding:3px 0}
.oem{border-top:1px solid var(--line)}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin:45px 0 40px;padding:0}
.steps li{border-top:1px solid var(--line);padding-top:20px}
.steps li>span{font-size:10px;color:var(--accent)}
.steps h3{font-size:20px;letter-spacing:-.5px;line-height:1.4;margin:22px 0 15px}
.steps p{font-size:11px;line-height:1.9;color:#6e746b;max-width:230px}
.values{padding:65px 5%;background:#f2f3f2;text-align:center}
.values>p{font-size:10px;color:#6e746b;margin-bottom:20px}
.values h2{font-size:clamp(28px,3.4vw,43px);font-weight:400;line-height:1.3;margin-bottom:25px;color:#171a1c}
.values>span{font-size:11px;color:#6e746b;letter-spacing:1px}
.connect{display:grid;grid-template-columns:1fr 1fr;gap:15%;align-items:start}
.connect h2{margin-bottom:25px}
.connect-copy>p:not(.section-kicker){font-size:12px;color:#6e746b;max-width:340px;line-height:1.9}
.connect .button{margin-top:12px}
.social-list>a,.social-list>button{display:flex;align-items:center;gap:18px;padding:16px 0;border:0;border-bottom:1px solid var(--line);background:white;width:100%;text-align:left;color:#6e746b}
.social-list svg{width:19px;height:19px;flex:0 0 19px;stroke-width:1.2}
.social-name{flex:1;font-size:19px;font-weight:400;letter-spacing:-.4px}
.social-state{font-size:9px;color:#c5c9c2}
.social-arrow{font-size:19px;color:#c5c9c2}
.faq{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:15%}
.faq h2{font-size:32px}
.faq details{border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:18px}
.faq summary{font-size:12px;color:#6e746b;cursor:pointer;margin-left:14px}
.faq details p{color:#6e746b;font-size:11px;margin:15px 0 0}
footer{background:#f6f7f5;padding:45px max(5%,calc((100% - var(--page) + 142px)/2)) 20px;color:#6e746b}
.footer-main{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-bottom:35px}
.footer-main .wordmark{color:#171a1c}
.footer-main p{font-size:11px;margin:0;color:#6e746b}
.footer-main p>span{display:block;margin-top:8px;font-size:10px;color:#c5c9c2}
.back-top{font-size:10px;white-space:nowrap}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e2e4e0;padding-top:20px;font-size:9px;color:#c5c9c2}
dialog{border:0;background:white;color:var(--ink);width:calc(100% - 40px);max-width:650px;max-height:90vh;overflow:auto;padding:45px;box-shadow:0 15px 70px #0002}
dialog::backdrop{background:#0007}
.close{position:absolute;right:15px;top:8px;border:0;background:none;color:#6e746b;font-size:28px;line-height:1.5}
dialog h2{font-size:31px;line-height:1.25;margin-bottom:20px}
dialog h3{font-size:23px}
.notice{background:#f2f3f2;color:#6e746b;font-size:11px;padding:11px 14px;margin-bottom:25px}
form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{font-size:11px;color:#6e746b}
textarea{resize:vertical}
.full{grid-column:1/-1}
#social-form{display:block}
#social-form label{margin:15px 0}
#social-form .button{margin-top:15px}
.muted{color:#6e746b;font-size:11px}
#inquiry-result{margin-top:25px}
pre{white-space:pre-wrap;background:#f2f3f2;padding:18px;font:12px/1.8 var(--body);color:#6e746b}
.product-dialog{max-width:1000px;padding:35px}
.product-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.detail-picture{aspect-ratio:1;min-width:0;background:#f2f3f2}
.detail-picture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.product-detail-layout h2{font-size:34px}
.product-detail-layout p,.product-detail-layout li{font-size:12px;color:#6e746b;line-height:1.9}
.product-detail-layout ul{padding-left:18px;margin:20px 0}
.detail-note{border-top:1px solid var(--line);padding-top:15px;font-size:10px!important}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#171a1c;color:white;font-size:11px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw}
.toast.show{opacity:1}
[hidden]{display:none!important}
@media(min-width:1600px){.header{padding-left:0;padding-right:0}.premium-hero{padding:70px 0 75px;gap:8%}.credentials{padding-left:0;padding-right:0}.section{padding-left:0;padding-right:0}.hero-copy h1{font-size:70px}.showcase-frame{aspect-ratio:1.4}}
@media(max-width:1100px){.header nav{gap:22px}.header{gap:20px}.header-quote{padding:11px 14px;font-size:10px}.wordmark{font-size:23px}.brand-sub{gap:9px}.brand-sub>span{font-size:8px}.premium-hero{gap:5%;min-height:540px;padding-top:40px;padding-bottom:45px}.hero-copy h1{font-size:48px;letter-spacing:-1.6px}.hero-description{font-size:12px}.hero-actions{gap:17px}.hero-actions .button{font-size:11px;padding:12px 17px}.hero-actions .plain-link{font-size:10px}.showcase-caption h2{font-size:20px}.collection-tabs{gap:19px}.catalog-tools{display:block}.catalog-search{display:block;margin-top:15px;width:240px}.product-grid{gap:35px 23px}.factory-feature{gap:5%}.factory-intro h2{font-size:36px}.steps{gap:24px}.craft-main{gap:5%}.craft-chapters button h3{font-size:19px}}
@media(max-width:800px){.header{min-height:92px;padding-top:23px;padding-bottom:23px}.header-quote{display:none}.menu-button{display:flex;gap:18px;align-items:center;background:none;border:0;padding:5px;font-size:11px;color:#6e746b}.header nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:25px 5%;border-bottom:1px solid #e2e4e0;flex-direction:column;gap:16px;z-index:30}.header nav.open{display:flex}.premium-hero{gap:5%;min-height:500px}.hero-copy h1{font-size:39px;letter-spacing:-1.4px}.brand-intro{font-size:10px;margin-bottom:24px}.hero-description{font-size:11px;line-height:1.9;margin-bottom:24px}.hero-note{font-size:9px;margin-top:25px}.hero-actions .button{font-size:10px;padding:11px 15px;min-height:42px}.hero-actions .plain-link{font-size:9px}.showcase-caption{display:block}.showcase-caption .detail-link{margin-top:9px}.showcase-caption h2{font-size:20px}.showcase-navigation{gap:12px}.collection-tabs{gap:14px}.collection-tabs button{font-size:9px}.slide-arrows{gap:12px}.slide-arrows button{font-size:16px}.credentials{gap:20px}.credentials strong{font-size:21px}.credentials>p{font-size:10px}.credentials span{font-size:9px}.section{padding-top:65px;padding-bottom:65px}.section-heading>p{font-size:11px;max-width:280px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px}.factory-feature{grid-template-columns:1fr;gap:35px}.factory-intro{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;align-items:start}.factory-intro>.section-kicker{grid-column:1/-1;margin:0}.factory-intro h2{grid-row:2/5;font-size:36px}.factory-intro>p:not(.section-kicker){margin:0}.craft-heading h2{font-size:33px}.craft-main{grid-template-columns:1fr;gap:30px}.craft-chapters>button{padding:19px 0}.craft-chapters button h3{font-size:22px}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.connect,.faq{gap:8%}.faq{padding-top:0}.footer-main{flex-wrap:wrap}.product-detail-layout{gap:25px}.product-detail-layout h2{font-size:28px}}
@media(max-width:540px){.preview-bar{font-size:8px;padding:6px 5%;gap:10px}.preview-bar button{font-size:8px;margin:0 6px}.header{padding:22px 6%;min-height:89px}.wordmark{font-size:23px}.brand-sub{margin-top:8px}.brand-sub b{font-size:11px}.brand-sub>span{font-size:8px}.premium-hero{display:block;padding:38px 6% 40px;min-height:0}.hero-copy{padding:0}.brand-intro{font-size:9px;margin-bottom:21px}.hero-copy h1{font-size:44px;line-height:1.14;letter-spacing:-1.6px;margin-bottom:24px}.hero-description{font-size:12px;max-width:350px;line-height:1.9;margin-bottom:26px}.hero-actions{gap:22px}.hero-actions .button{font-size:11px;padding:12px 18px;min-height:44px}.hero-actions .plain-link{font-size:10px}.hero-note{font-size:9px;margin-top:25px;margin-bottom:0}.product-showcase{margin-top:38px}.showcase-frame{aspect-ratio:1.35}.showcase-caption{display:flex;align-items:center;padding-top:18px;gap:15px}.showcase-caption h2{font-size:19px;min-height:25px}.showcase-caption p{font-size:9px}.showcase-caption .detail-link{font-size:9px;margin:0}.showcase-navigation{margin-top:17px;padding-top:12px}.collection-tabs{gap:22px}.collection-tabs button{font-size:9px}.credentials{grid-template-columns:1fr 1fr;gap:22px;padding:28px 6%}.credentials>p{font-size:11px}.credentials strong{font-size:24px}.credentials span{font-size:9px}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:33px;letter-spacing:-1.3px}.section-kicker{font-size:9px;margin-bottom:16px}.section-heading>p{font-size:11px;max-width:330px;margin-top:20px}.catalog-tools{padding-bottom:18px;margin-bottom:25px}.filters{gap:2px 20px}.filters button{font-size:10px;padding:8px 0}.catalog-search{width:100%;margin-top:17px}.catalog-search input{font-size:10px;height:35px}.product-grid{gap:28px 16px}.product-picture{aspect-ratio:1.15}.product-picture img{padding:0}.product-category{font-size:8px;margin:13px 0 6px}.product-card h3{font-size:15px;line-height:1.45;min-height:43px;margin-bottom:8px;letter-spacing:-.25px}.product-bottom button{font-size:9px;padding-bottom:1px}.catalog-footer{margin-top:33px;padding-top:20px;gap:15px}.catalog-footer p{font-size:9px;max-width:100px}.catalog-footer .button{font-size:10px;padding:10px 15px;min-height:39px}.factory-feature{gap:30px}.factory-intro{display:block}.factory-intro>.section-kicker{margin-bottom:16px}.factory-intro h2{font-size:35px;margin-bottom:23px}.factory-intro>p:not(.section-kicker){margin-bottom:16px;font-size:11px;max-width:330px}.factory-intro .film-length{font-size:9px!important;margin-bottom:0}.craft-heading{display:block}.craft-heading>.section-kicker{margin-bottom:17px}.craft-heading h2{font-size:33px;margin-bottom:23px}.craft-heading>p:last-child{font-size:11px}.craft-main{margin-top:28px;gap:25px}.craft-visual>span{font-size:9px}.craft-chapters>button{gap:15px;padding:17px 0}.craft-chapters button h3{font-size:21px}.craft-chapters button p{font-size:9px}.craft-description p{font-size:10px}.steps{gap:27px 22px;margin:35px 0}.steps h3{font-size:18px;margin:17px 0 12px}.steps p{font-size:10px}.values{padding:50px 6%}.values h2{font-size:28px;letter-spacing:-1px;line-height:1.4;margin-bottom:21px}.values>span{font-size:10px;letter-spacing:0}.connect,.faq{display:block}.connect h2{font-size:35px}.connect-copy>p:not(.section-kicker){font-size:11px}.connect-copy{margin-bottom:35px}.social-list>a,.social-list>button{padding:15px 0;gap:16px}.social-name{font-size:19px}.social-state{font-size:9px}.faq{padding-top:0}.faq h2{margin-bottom:30px;font-size:29px}.faq summary{font-size:11px}.faq details p{font-size:10px}footer{padding:35px 6% 18px}.footer-main{display:block;padding-bottom:27px}.footer-main p{margin:28px 0 20px;font-size:10px}.footer-main p>span{font-size:9px}.footer-bottom{display:block;font-size:8px}.footer-bottom span{display:block;margin-bottom:8px}dialog{width:calc(100% - 28px);padding:37px 23px}dialog h2{font-size:27px}.product-dialog{padding:36px 23px}.product-detail-layout{display:block}.detail-picture{margin-bottom:25px}.product-detail-layout h2{font-size:28px}.product-detail-layout p,.product-detail-layout li{font-size:11px}form{grid-template-columns:1fr}.full{grid-column:1}.notice{font-size:10px}.toast{font-size:10px;white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spotlight-photo,.product-picture img,.craft-visual img{transition:none}}