/* Balanced full-width composition. Typography remains live, selectable text. */
:root{--sans:Arial,"Helvetica Neue","Microsoft YaHei","PingFang SC",sans-serif;--ink:#193b4c;--muted:#526d7b}
body{font-family:var(--sans);font-size:16px;line-height:1.65;color:var(--ink);text-rendering:optimizeLegibility}
h1,h2,h3{font-family:var(--sans);font-weight:600;letter-spacing:-.025em}p{line-height:1.85}img{image-rendering:auto}
.wrap{width:calc(100% - clamp(40px,8vw,192px));max-width:2160px;margin-inline:auto}
.nav{height:88px;gap:24px}.brand-logo{width:174px;flex-shrink:0}.brand-logo img{width:100%;height:auto;object-fit:contain}.navlinks{font-size:15px;gap:28px}.announcement{font-size:11px;letter-spacing:.06em}.button{font-size:15px;min-height:48px;padding:14px 24px}.eyebrow{font-size:12px;letter-spacing:.1em}
.factory-hero{background:linear-gradient(115deg,#f1f9fa,#e9f5f7)}
.factory-hero .factory-hero-grid{width:100%;max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0;padding:0;min-height:clamp(590px,34vw,790px);align-items:stretch}
.factory-hero-copy{padding:60px clamp(30px,4vw,96px);align-self:center;min-width:0}
.factory-hero h1,html:not([lang=en]) .factory-hero h1{font-size:clamp(46px,3.55vw,80px);line-height:1.14;letter-spacing:-.035em;max-width:13em;margin-top:24px}
html[lang=zh] .factory-hero h1{line-height:1.22;letter-spacing:0;font-weight:600}
.factory-hero-copy>p{font-size:clamp(16px,.9vw,19px);max-width:34em;margin:26px 0 30px;line-height:1.85}
.factory-hero-note{font-size:12px;margin-top:30px;letter-spacing:0;gap:14px;line-height:1.6}
.factory-product-stage{border:0;border-radius:0;box-shadow:none;min-height:100%;height:auto;max-height:none;aspect-ratio:auto;background:radial-gradient(ellipse at 50% 45%,#fff 0%,#f6fbfc 50%,#def0f2 100%)}
.factory-product-stage img{width:90%;height:76%;left:5%;top:8%;object-fit:contain;transform:none;mix-blend-mode:normal}
.stage-heading{padding:25px 32px;font-size:11px}.stage-heading span:last-child{border:0}.stage-footer{left:32px;right:32px;bottom:26px;padding-top:14px}.stage-footer strong{font-size:19px}.stage-footer span{font-size:11px}
.factory-proof{padding-block:26px}.factory-proof strong{font-size:23px}.factory-proof .proof-label{font-size:12px}.section{padding-block:clamp(50px,4.5vw,90px)}
h2,.company-story h2,.production-teaser h2,.qualification-section h2{font-size:clamp(30px,2.5vw,52px);line-height:1.25}.company-story h2{max-width:20em}.company-intro{gap:clamp(30px,4vw,80px);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.company-story p{font-size:17px;max-width:40em;margin:22px 0}.company-main-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:18px}.company-stats strong{font-family:var(--sans);font-size:clamp(32px,2.6vw,52px);font-weight:500}.company-stats span{font-size:14px}
.service-grid p,.case-grid p,.qualification-section p{font-size:16px;line-height:1.85}.media-section{padding-block:42px}.media-grid{gap:22px}.media-factory .media-open img{object-fit:contain;background:#f4f7f8;aspect-ratio:3/2}.media-caption{padding:17px 20px}.media-caption h3{font-size:16px;line-height:1.6;font-weight:500}.collection-intro{padding-top:50px}.collection-intro p{font-size:17px;max-width:46em}.product-marquee{gap:16px}.product-marquee .media-card{background:#fff;border-color:#e1e9ec;box-shadow:none}.product-marquee .media-open img{object-fit:contain}.media-large{background:#fff}.media-dialog-head h2{font-size:18px}.production-photos img,.qualification-section img{object-fit:contain}.partner-layout{max-width:1560px}.legal{max-width:960px}.footer{padding-top:50px}.footer p,.footer-col{font-size:14px}
@media(min-width:1900px){.factory-hero-copy{padding-left:max(96px,calc((100vw - 2160px)/2));padding-right:64px}.factory-product-stage img{width:86%;left:7%}.company-intro{grid-template-columns:1fr 1.08fr}.company-story{max-width:800px}}
@media(max-width:1099px){.nav{gap:14px}.brand-logo{width:145px}.navlinks{gap:16px;font-size:14px}.factory-hero .factory-hero-grid{min-height:560px}.factory-hero-copy{padding:40px 28px}.factory-hero h1,html:not([lang=en]) .factory-hero h1{font-size:43px}.factory-hero-note{font-size:10px}.company-story p{font-size:16px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.nav{height:74px;gap:8px}.brand-logo{width:126px}.announcement{font-size:9px}.factory-hero .factory-hero-grid{width:100%;display:grid;grid-template-columns:minmax(0,1fr);min-height:0;gap:0}.factory-hero-copy{padding:32px 24px 24px}.factory-hero h1,html:not([lang=en]) .factory-hero h1{font-size:36px;line-height:1.2;margin-top:18px;max-width:100%}.factory-hero-copy>p{font-size:15px;margin:20px 0 24px}.factory-hero-note{font-size:10px;margin-top:22px;gap:10px}.factory-product-stage{min-height:330px;height:330px;max-height:none;margin:0;border-radius:0}.factory-product-stage img{width:90%;height:74%;top:8%;left:5%}.stage-heading{padding:16px 24px;font-size:10px}.stage-footer{left:24px;right:24px;bottom:15px;padding-top:9px}.stage-footer strong{font-size:16px}.stage-footer span{font-size:9px}.company-intro{grid-template-columns:minmax(0,1fr);gap:28px}.company-story h2,h2,.production-teaser h2,.qualification-section h2{font-size:30px;line-height:1.3}.company-story p{font-size:15px}.company-stats strong{font-size:32px}.company-stats span{font-size:12px}.section{padding-block:46px}.media-section{padding-block:30px}.collection-intro{padding-top:34px}.collection-intro p{font-size:15px}.factory-proof strong{font-size:19px}.factory-proof .proof-label{font-size:10px}.media-grid{gap:18px}.product-marquee{gap:12px}.media-caption h3{font-size:16px}.service-grid p,.case-grid p,.qualification-section p{font-size:15px}}
@media(max-width:380px){.factory-hero h1,html:not([lang=en]) .factory-hero h1{font-size:31px}.factory-hero-copy{padding-inline:20px}.brand-logo{width:106px}}
