@charset "UTF-8";
:root{--ink:#12272c;--paper:#f7f7f3;--copper:#c96b42;--line:#d5dad6;--muted:#607071;--serif:Georgia,'Times New Roman',serif;--sans:Arial,'Noto Sans TC','PingFang TC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:5px}.skip{position:fixed;top:-100px;left:16px;z-index:99;background:white;padding:12px}.skip:focus{top:12px}header{height:92px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:20;color:white;border-bottom:1px solid #ffffff30;gap:25px}.brand{width:195px;flex-shrink:0}.brand img{width:100%}header .brand img,footer .brand img{filter:invert(1)}header nav{display:flex;gap:30px;font-size:14px}header a:hover{opacity:.75}.header-actions{display:flex;align-items:center;gap:20px}#language,#menu{background:none;border:0;font-size:14px;padding:8px}.contact-nav{font-size:14px;border:1px solid #ffffff70;padding:10px 22px}#menu{display:none}.hero{height:max(760px,100svh);position:relative;color:white;overflow:hidden;background:var(--ink)}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 45%;transform:scale(1.07)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,25,28,.88),rgba(9,25,28,.45) 65%,rgba(9,25,28,.32)),linear-gradient(0deg,rgba(9,25,28,.65),transparent 40%)}.hero-top{position:absolute;top:130px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#e3e9e6}.hero-copy{position:absolute;left:8%;right:8%;top:26%;}.eyebrow,.section-label{font-size:12px;letter-spacing:2px;font-weight:500}.eyebrow{color:#e3ac83;margin-bottom:24px}h1{font-weight:400;font-size:clamp(66px,8.7vw,140px);line-height:1.03;letter-spacing:-5px;margin:0}em{font-family:var(--serif);font-weight:400}h1 em{color:#e4b38b}h2{font-weight:400;font-size:clamp(38px,4.3vw,69px);line-height:1.12;letter-spacing:-2px;margin:0 0 30px}h3{font-weight:400;font-size:28px;line-height:1.25}p{margin:0 0 24px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;max-width:860px;gap:30px;margin-top:34px}.hero-bottom p{font-size:17px;line-height:1.7;color:#e3e5de;margin:0}.button{padding:17px 28px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;white-space:nowrap;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px);background:#e4b38b}.cream{background:#f4f0e7;color:var(--ink)}.hero-foot{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.7px;border-top:1px solid #ffffff40;padding-top:22px}.section{padding:115px 8%}.section-label{display:flex;gap:22px;margin-bottom:35px}.section-label>span:first-child{color:var(--copper)}.intro{display:grid;grid-template-columns:1fr 3fr;gap:50px}.intro>.section-label{padding-top:12px;display:block;line-height:2.2}.intro>.section-label span{display:block}.intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:45px}.intro-columns p{color:var(--muted);font-size:16px}.intro-columns .large-copy{font-size:23px;color:var(--ink);line-height:1.5}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:7px;display:inline-block}.factory{padding-top:25px;display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.factory-image{position:relative;height:690px;overflow:hidden}.factory-image>img{width:100%;height:100%;object-fit:cover;object-position:57% center}.image-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#10272bd9);color:white;padding:60px 25px 25px;font-size:10px;letter-spacing:2px}.factory-copy>p{color:var(--muted);max-width:440px}.stats{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;border-top:1px solid var(--line);padding-top:24px;margin-top:35px}.stats strong{font-size:39px;line-height:1.2;font-weight:400;display:block}.stats strong span{font:14px var(--sans);display:block;margin-top:10px}.stats small{font-size:12px;color:var(--muted)}.process{height:330vh;background:var(--ink);color:#f7f7f3;position:relative}.process-stage{height:100svh;min-height:660px;position:sticky;top:0;display:grid;grid-template-columns:55% 45%}.process-visual{position:relative;overflow:hidden}.process-visual>img{width:100%;height:100%;object-fit:cover;transition:opacity .18s}.process-gradient{position:absolute;inset:0;background:linear-gradient(0deg,#0b2029a0,transparent 40%)}.process-visual-footer{position:absolute;bottom:40px;left:40px;right:40px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px}.process-copy{align-self:center;padding:55px 15% 55px 12%}.process-copy h2{font-size:clamp(38px,4vw,64px)}.process-tabs{display:flex;flex-direction:column;margin:35px 0 25px}.process-tabs button{background:none;color:#9facad;border:0;border-bottom:1px solid #ffffff25;padding:12px 0;display:flex;gap:22px;text-align:left;font-size:13px}.process-tabs button span{font-size:17px}.process-tabs button[aria-pressed=true]{color:#e4b38b}.process-copy .text-link{border-color:#b5c4c5;color:#f5eee5}#step-description p{color:#bbc6c5;font-size:15px;min-height:105px}.skip-story{display:block;font-size:12px;text-decoration:underline;color:#b6c4c4;margin-top:20px}.departments{background:#e8ece8;padding-top:60px;padding-bottom:60px}.departments-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.departments-top h3{margin:0 0 25px}.departments-top p{max-width:340px;color:var(--muted);font-size:14px}.department-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:35px}.department-grid details{border-top:1px solid #bcc9c5;padding:17px 0}.department-grid summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px;font-size:14px}.department-grid summary::after{content:'+';color:var(--copper)}.department-grid details[open] summary::after{content:'−'}.department-grid img{margin-top:16px;width:100%;height:220px;object-fit:cover}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.section-heading>p{max-width:320px;color:var(--muted)}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 40px}.filters button{border:1px solid var(--line);background:transparent;font-size:13px;padding:11px 20px;border-radius:30px}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.product-card{background:white;min-width:0}.product-image{height:290px;overflow:hidden;background:white}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.product-card:hover img{transform:scale(1.08)}.product-info{padding:20px 24px 25px;border-top:1px solid #edf0eb}.product-info small{color:var(--muted);font-size:11px;letter-spacing:1px}.product-info h3{font-size:21px;margin:8px 0 0}.product-note{font-size:13px;color:var(--muted);margin-top:30px}.partners{text-align:center;background:white;border-top:1px solid var(--line)}.partners .section-label{justify-content:center}.partners>p{color:var(--muted)}.logos{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:45px;max-width:1100px;margin:45px auto 0}.logos img{width:100%;height:150px;object-fit:contain}.contact{background:var(--ink);color:white;position:relative}.contact .section-label{color:#c6d1cf}.contact-layout{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:50px}.contact h2{font-size:clamp(48px,6vw,95px);margin:0}.contact em{color:#e4b38b}.contact-layout>div{max-width:400px}.contact-layout p{font-size:19px;color:#ccd3d0}.email{display:block;margin-top:28px;font-size:16px}.contact-layout .mail-note{font-size:12px;color:#9badaa;margin-top:10px}footer{background:#0b2025;color:#c0ccca;display:flex;padding:32px 8%;align-items:center;justify-content:space-between;gap:25px;font-size:12px}footer .brand{width:170px}body[data-lang=zh] h1{font-size:clamp(58px,7.4vw,115px);line-height:1.18;letter-spacing:0}body[data-lang=zh] h2{letter-spacing:0;line-height:1.3}body[data-lang=zh] em{font-family:inherit;font-style:normal}body[data-lang=zh] .hero-copy{top:25%}body[data-lang=zh] .hero-bottom{margin-top:26px}
@media(min-width:1600px){.hero-copy{top:29%}}@media(max-width:1050px){header nav{gap:18px}.brand{width:165px}.section{padding:80px 6%}.intro{grid-template-columns:1fr;gap:15px}.intro>.section-label{display:flex;gap:20px}.factory{gap:5%}.factory-image{height:570px}.process-copy{padding:40px 9%}.stats strong{font-size:32px}.product-grid{gap:18px}.product-image{height:240px}.logos{gap:20px}.hero-top>span:last-child{display:none}.hero-bottom{max-width:760px}.department-grid{column-gap:20px}}
@media(max-width:720px){header{height:78px;padding:0 6%}.brand{width:155px}.header-actions{gap:8px}.contact-nav{display:none}#menu{display:block;font-size:22px}header nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--ink);padding:25px 6%;flex-direction:column;font-size:17px;gap:20px}header nav.open{display:flex}.hero{height:max(740px,100svh)}.hero-top{top:112px;left:7%;font-size:10px;letter-spacing:1px}.hero-copy{top:25%;left:7%;right:7%}h1{font-size:73px;letter-spacing:-3px}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero-bottom{display:block;margin-top:30px}.hero-bottom p{font-size:15px}.hero-bottom .button{margin-top:28px}.hero-foot{left:7%;right:7%;font-size:9px;letter-spacing:1px}.hero-foot>span:nth-child(2){display:none}.section{padding:65px 7%}h2{font-size:38px;letter-spacing:-1.5px}.section-label{font-size:10px;letter-spacing:1.5px;margin-bottom:24px}.intro-columns{grid-template-columns:1fr;gap:15px;margin-top:25px}.intro-columns .large-copy{font-size:21px}.factory{grid-template-columns:1fr;gap:35px;padding-top:0}.factory-image{height:440px}.factory-copy h2 br:nth-of-type(2){display:none}.stats strong{font-size:38px}.process{height:280vh}.process-stage{display:flex;flex-direction:column;height:100svh;min-height:720px}.process-visual{height:37%;flex-shrink:0}.process-visual-footer{bottom:20px;left:7%;right:7%;font-size:9px}.process-copy{padding:22px 7%;flex:1}.process-copy .section-label{margin-bottom:12px}.process-copy h2{font-size:33px;margin-bottom:12px}.process-copy h2 br{display:none}.process-tabs{flex-direction:row;gap:18px;margin:15px 0}.process-tabs button{font-size:10px;display:block;flex:1}.process-tabs button span{display:block;font-size:12px}.process-copy #step-description p{font-size:13px;min-height:75px;margin-bottom:12px}.process-copy .text-link{font-size:12px}.skip-story{margin-top:10px}.departments-top{display:block}.departments-top h3{font-size:25px}.department-grid{grid-template-columns:repeat(2,1fr);gap:0 20px}.department-grid summary{font-size:13px}.department-grid img{height:160px}.section-heading{display:block}.section-heading>p{max-width:100%}.filters{gap:8px;margin:22px 0 28px}.filters button{padding:8px 13px;font-size:12px}.product-grid{grid-template-columns:repeat(2,1fr);gap:14px}.product-image{height:170px}.product-info{padding:14px}.product-info small{font-size:9px}.product-info h3{font-size:16px}.logos{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.logos img{height:100px}.contact-layout{grid-template-columns:1fr;gap:30px}.contact h2{font-size:53px}.contact-layout p{font-size:17px}footer{flex-wrap:wrap;padding:28px 7%}footer>span{order:3;width:100%}body[data-lang=zh] h1{font-size:57px}body[data-lang=zh] h2{font-size:34px}body[data-lang=zh] .contact h2{font-size:46px}}
@media(max-width:720px){body[data-lang=zh] h1{font-size:clamp(36px,11.5vw,54px);line-height:1.3}body[data-lang=zh] .hero-copy{top:28%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.hero-photo{transform:none!important}.process{height:auto}.process-stage{position:relative;height:auto;min-height:680px}.process-visual{min-height:300px}.skip-story{display:none}}