:root{--paper:#f2eee7;--ink:#421c22;--muted:#705653;--copper:#8b4930;--line:#a88e82;--dark:#521f25;--light:#fffbf5;--focus:#713e25;--gutter:clamp(24px,5vw,80px)}*{box-sizing:border-box}html{scroll-padding-top:100px;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:16px;line-height:1.75}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:enabled,summary{cursor:pointer}[hidden]{display:none!important}figure,p,h1,h2,h3,ul,ol{margin:0}figure{overflow:hidden}img{display:block;width:100%;height:100%;object-fit:cover}button{border:0;background:none}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--focus);outline-offset:5px}section:focus-visible,main:focus-visible{outline-offset:-6px}::selection{background:var(--dark);color:var(--light)}.skip-link{position:fixed;left:18px;top:12px;padding:10px 20px;transform:translateY(-160%);background:var(--ink);color:white;z-index:30}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:16px var(--gutter);min-height:86px;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;min-height:48px;line-height:1.4}.brand svg{width:45px;height:45px;flex-shrink:0}.brand strong{display:block;font-size:17px;font-weight:700;letter-spacing:.03em}.brand small{display:block;font-size:12px;letter-spacing:.2em;margin-top:3px}#primary-nav{display:flex;align-items:center;gap:clamp(18px,2.7vw,42px)}#primary-nav a{display:flex;align-items:center;gap:15px;min-height:48px;font-size:14px}#primary-nav a:last-child{border-bottom:1px solid var(--ink)}.menu-toggle{min-width:68px;min-height:48px;align-items:center;gap:12px;font-size:14px;padding:8px 0}.menu-toggle i{width:20px;height:12px;border-top:1px solid;border-bottom:1px solid;display:inline-block}.hero{display:grid;grid-template-columns:45% 55%;min-height:650px}.hero-copy{padding:76px 30px 44px var(--gutter);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow,.section-number,.serial,.hero-index{font-size:12px;letter-spacing:.09em;font-weight:500;color:var(--muted)}.hero h1{font-family:"STSong","SimSun",serif;font-size:clamp(54px,5.8vw,92px);font-weight:700;line-height:1.16;letter-spacing:-.06em;margin:26px 0 30px;white-space:nowrap}.intro{font-size:18px;line-height:1.9;margin-bottom:35px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;border-bottom:1px solid currentColor;font-size:14px;padding:4px 0;font-weight:600}.text-link span{font-size:21px;font-weight:400}.hero-index{margin-top:65px;font-size:10px;letter-spacing:.1em}.hero-art{min-height:650px}.hero-art img{object-position:62% center}.section{padding:90px var(--gutter)}h2{font-family:"STSong","SimSun",serif;font-size:clamp(36px,3.8vw,58px);line-height:1.22;font-weight:600;letter-spacing:-.02em}.about{display:grid;grid-template-columns:13% 38% 49%;gap:0;border-bottom:1px solid var(--line)}.about>.section-number{padding-right:15px}.about-copy{padding:0 45px 0 0}.about-copy h2{margin-bottom:30px}.about-copy p{margin:18px 0;color:var(--muted);font-size:15px}.about-copy .text-link{margin-top:12px}.about figure{min-height:350px}.section-heading{display:grid;grid-template-columns:17% 48% 35%;align-items:start;gap:0;padding-bottom:60px}.section-intro{color:var(--muted);font-size:14px;line-height:1.9;padding-left:24px}.products{padding-bottom:0}.product-row{display:grid;grid-template-columns:46% 54%;padding:46px 0;gap:0;border-top:1px solid var(--line);align-items:center}.product-row:nth-of-type(even){grid-template-columns:54% 46%}.product-row:nth-of-type(even) .product-copy{order:2;padding:0 0 0 60px}.product-row:nth-of-type(even) figure{order:1}.product-copy{padding-right:60px}.product-row h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,4vw,65px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:18px 0 25px}.product-row h3 .chinese{font-family:"STSong","SimSun",serif;font-size:.78em;margin-left:12px}.product-copy>p:not(.serial){font-size:15px;color:var(--muted);max-width:380px}.product-row figure{aspect-ratio:3/2}.product-row .prepare-product{margin-top:24px}details{margin-top:26px;max-width:430px}summary{font-size:14px;min-height:48px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;list-style:none;padding:8px 0}summary::-webkit-details-marker{display:none}summary span{font-size:22px}details[open] summary span{transform:rotate(45deg)}.detail-body{padding:9px 0 18px;font-size:14px;color:var(--muted)}.detail-body p+p{margin-top:10px}.applications{padding-top:100px}.application-art{aspect-ratio:2.3/1}.application-art img{object-position:center 56%}.application-list{list-style:none;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px 0 38px;border-bottom:1px solid var(--line)}.application-list li{display:flex;align-items:center;gap:12px;font-size:15px;padding:4px 0;border-bottom:3px solid transparent}.application-list li span{font-size:10px;color:var(--muted)}.application-list li.active{border-bottom-color:var(--copper);color:var(--ink);font-weight:700}.application-tool{display:grid;grid-template-columns:29% 47% 24%;align-items:center;gap:0;margin-top:30px}.application-tool label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.application-tool select{width:85%;height:48px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:0;padding:0 12px}.application-tool output{font-size:14px;line-height:1.85;padding-right:32px;color:var(--muted)}.application-tool .text-link{justify-self:end}.development{padding-top:30px}.timeline{list-style:none}.timeline li{display:grid;grid-template-columns:38% 62%;padding:30px 0;border-top:1px solid var(--line);align-items:start}.timeline time{font-family:Georgia,serif;font-size:clamp(40px,5vw,75px);line-height:1.1;letter-spacing:-.06em}.timeline h3{font-size:19px;font-weight:500;margin-bottom:12px}.timeline p{font-size:14px;color:var(--muted)}.responsibility{display:grid;grid-template-columns:56% 44%;padding-top:0;align-items:center}.responsibility figure{aspect-ratio:1.5/1}.responsibility-copy{padding-left:60px}.responsibility-copy h2{margin:25px 0}.responsibility-copy>p:not(.section-number){font-size:14px;color:var(--muted)}.responsibility ul{list-style:none;margin-top:30px}.responsibility li{padding:12px 0;border-top:1px solid var(--line);font-size:14px}.contact{background:var(--dark);color:var(--light);display:grid;grid-template-columns:44% 56%;gap:0;--focus:#fff4df}.contact-copy{padding-right:65px}.contact .section-number{color:#ead2c5}.contact h2{margin:25px 0}.contact-copy>p:not(.section-number){color:#f0ddd2;font-size:14px}.contact-copy .email{font-family:Georgia,serif;font-size:clamp(22px,2.4vw,36px);display:flex;align-items:center;gap:22px;min-height:54px;margin:25px 0 5px;overflow-wrap:anywhere}.contact-copy .location{margin-top:15px}.contact-copy .contact-note{font-size:12px!important;line-height:1.9;margin-top:36px;max-width:350px}.contact form{background:var(--paper);color:var(--ink);padding:35px 36px 25px;--focus:#713e25}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:18px;font-weight:600;padding:0 0 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{display:block;font-size:13px;font-weight:600;min-width:0}.form-grid label>span{font-size:10px;color:var(--muted);margin-left:8px;font-weight:400}.wide{grid-column:1/-1}input,textarea{display:block;width:100%;margin-top:7px;background:var(--light);color:var(--ink);border:1px solid var(--ink);border-radius:0;padding:12px 13px;min-height:48px;box-shadow:none;font-size:14px}input::placeholder,textarea::placeholder{color:#745b57;opacity:1}textarea{resize:vertical;min-height:140px}input:focus-visible,textarea:focus-visible{outline-offset:3px}.submit-button{background:var(--dark);color:var(--light);display:flex;align-items:center;justify-content:space-between;min-height:52px;width:100%;padding:10px 18px;margin-top:24px;font-size:14px;--focus:#713e25}#form-notice{font-size:13px;line-height:1.8;margin-top:16px;color:var(--ink);min-height:24px}button:disabled{cursor:default;opacity:.65}.nojs-note{font-size:13px;line-height:1.8;margin-top:15px}footer{padding:40px var(--gutter) 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-bottom{margin-top:30px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}
@media(min-width:1800px){body{max-width:1920px;margin:auto}.hero{min-height:750px}}
@media(max-width:1000px){.site-header{padding:13px var(--gutter)}.brand strong{font-size:15px}.brand small{font-size:11px}#primary-nav{gap:18px}#primary-nav a{font-size:12px}.hero{min-height:540px}.hero-art{min-height:540px}.hero-copy{padding-top:48px}.hero h1{font-size:52px}.intro{font-size:16px}.section{padding-top:65px;padding-bottom:65px}.about{grid-template-columns:12% 44% 44%}.about-copy{padding-right:28px}h2{font-size:36px}.section-heading{grid-template-columns:20% 50% 30%;padding-bottom:45px}.product-copy{padding-right:35px}.product-row:nth-of-type(even) .product-copy{padding-left:35px}.product-row h3{font-size:45px}.application-tool{grid-template-columns:32% 45% 23%}.application-tool output{padding-right:15px;font-size:13px}.responsibility-copy{padding-left:32px}.contact-copy{padding-right:30px}.contact form{padding:28px 24px}.contact-copy .email{font-size:26px}.form-grid{grid-template-columns:1fr;gap:15px}}
@media(max-width:900px){.js .menu-toggle{display:flex}.site-header{min-height:78px}#primary-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 15px}.js #primary-nav{position:fixed;left:0;right:0;top:78px;bottom:0;background:var(--paper);padding:38px var(--gutter);flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:0;overflow:auto}.js #primary-nav a{font-family:"STSong","SimSun",serif;font-size:30px;min-height:74px;border-bottom:1px solid var(--line);justify-content:space-between}.hero{grid-template-columns:43% 57%}.hero-copy{padding-right:12px}.hero h1{font-size:46px}.hero-index{font-size:9px;line-height:1.8}.about{grid-template-columns:1fr 1fr;gap:24px}.about>.section-number{grid-column:1/-1}.about-copy{padding:0}.about figure{min-height:340px}.section-heading{grid-template-columns:1fr 1fr;gap:24px}.section-heading>.section-number{grid-column:1/-1}.section-intro{padding-left:0}.application-list{gap:15px;justify-content:flex-start}.application-list li{min-width:28%;font-size:14px}.application-tool{grid-template-columns:1fr 1.5fr;gap:25px}.application-tool .text-link{grid-column:2;justify-self:start}.responsibility{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr 1fr}.contact h2{font-size:34px}}
@media(max-width:600px){:root{--gutter:24px}html{scroll-padding-top:94px}.site-header{gap:12px}.brand{gap:8px}.brand svg{width:37px;height:37px}.brand strong{font-size:13px}.brand small{font-size:10px;letter-spacing:.16em}.menu-toggle{min-width:64px;font-size:12px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:44px var(--gutter) 36px}.hero h1{font-size:clamp(46px,13.4vw,65px);margin:22px 0}.eyebrow{font-size:10px;letter-spacing:.06em}.intro{font-size:15px;margin-bottom:20px}.hero-index{margin-top:28px;font-size:8px}.hero-art{min-height:0;aspect-ratio:1.25/1}.hero-art img{object-position:65% center}.section{padding:54px var(--gutter)}h2{font-size:34px}.about{display:flex;flex-direction:column;gap:22px}.about-copy h2{margin-bottom:22px}.about-copy p{font-size:14px}.about figure{min-height:0;aspect-ratio:1.5/1;margin-top:12px}.section-number{font-size:11px}.section-heading{display:flex;flex-direction:column;gap:23px;padding-bottom:36px}.section-intro{font-size:13px}.products{padding-bottom:0}.product-row,.product-row:nth-of-type(even){display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:32px 0}.product-copy,.product-row:nth-of-type(even) .product-copy{order:0;padding:0}.product-row:nth-of-type(even) figure{order:1}.product-row h3{font-size:45px;letter-spacing:-.04em;margin:12px 0 18px}.product-copy>p:not(.serial){font-size:14px}.product-row figure{aspect-ratio:1.5/1}details{margin-top:20px}.product-row .prepare-product{margin-top:12px}.application-art{margin:0 calc(-1 * var(--gutter));aspect-ratio:1.5/1}.application-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:25px 0}.application-list li{min-width:0;font-size:13px;gap:10px}.application-tool{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin-top:24px}.application-tool select{width:100%;height:50px}.application-tool output{font-size:14px;padding:0}.application-tool .text-link{align-self:flex-start}.development{padding-top:16px}.timeline li{grid-template-columns:1fr;gap:20px;padding:28px 0}.timeline time{font-size:52px}.timeline h3{font-size:17px}.timeline p{font-size:13px}.responsibility{display:flex;flex-direction:column;gap:28px;padding-top:10px}.responsibility figure{width:100%;aspect-ratio:1.4/1}.responsibility-copy{padding:0}.responsibility-copy h2{margin:23px 0}.contact{display:flex;flex-direction:column;gap:38px}.contact-copy{padding:0}.contact-copy .email{font-size:27px;margin-top:25px}.contact-copy .contact-note{margin-top:25px}.contact form{padding:25px 20px}.contact h2{font-size:34px}.form-grid{gap:17px}.footer-top{align-items:flex-start}.footer-top .text-link{font-size:12px;gap:12px}.footer-bottom{flex-direction:column;gap:8px;font-size:10px}footer{padding-top:32px}.nojs-note{font-size:12px}body:not(.js) .site-header{position:relative;flex-direction:column;align-items:flex-start}body:not(.js) #primary-nav{justify-content:flex-start}body:not(.js) #primary-nav a{font-size:12px;min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}