/* About Us — independent editorial layout and page-owned content. */
.company-page{--company-muted:#677067;--company-line:#d9ddd6;--company-tint:#f4f5f1;padding-top:var(--header);color:#273027}
.company-page figure{margin:0}.company-page .wrap{max-width:1520px}.company-page h1,.company-page h2{font-weight:400;letter-spacing:-.045em;text-wrap:balance}.company-page h2{font-size:clamp(29px,2.8vw,42px);line-height:1.25}.company-page h3{font-weight:500}.company-page figcaption{display:flex;justify-content:space-between;gap:20px;color:#747b70;font-size:10px;line-height:1.6;padding-top:13px}.company-breadcrumb{display:flex;gap:12px;font-size:10px;color:#838b80;padding-top:30px}.company-breadcrumb a:hover{color:var(--red)}.company-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:10%;padding:38px 0 45px}.company-kicker{display:flex;align-items:center;gap:15px;color:#8b322c;font-size:10px;letter-spacing:.1em;line-height:1.6;margin-bottom:20px;font-weight:500}.company-kicker>span{color:#90988b;border-right:1px solid #c8cdc3;padding-right:15px;font-size:10px;font-variant-numeric:tabular-nums}.company-heading h1{font-size:clamp(38px,4vw,60px);line-height:1.08;max-width:680px}.company-lead{font-size:14px;line-height:1.9;color:var(--company-muted);max-width:405px;padding-bottom:3px}.company-panorama>img{width:100%;height:auto;aspect-ratio:2.89;object-fit:cover}.company-panorama figcaption{border-bottom:1px solid var(--company-line);padding-bottom:15px}.company-panorama figcaption>span:last-child{font-size:9px;letter-spacing:.12em}.company-overview{display:grid;grid-template-columns:1fr 1.35fr;gap:12%;padding:70px 0 80px}.company-overview h2{max-width:440px}.company-prose{font-size:15px;line-height:1.95;color:var(--company-muted);max-width:660px}.company-prose p+p{margin-top:16px}.company-stats{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:32px 0 0}.company-stats>div{border-top:1px solid var(--company-line);padding-top:22px;display:flex;flex-direction:column-reverse}.company-stats dt{font-size:11px;color:var(--company-muted);margin-top:10px}.company-stats dd{margin:0;font-size:40px;line-height:1;letter-spacing:-.045em;font-variant-numeric:lining-nums}.company-tint{background:var(--company-tint)}.company-section{padding-top:80px;padding-bottom:80px}.company-split{display:grid;grid-template-columns:.9fr 1.25fr;gap:8%;align-items:center}.company-description{font-size:14px;line-height:1.9;color:var(--company-muted);margin-top:23px;max-width:500px}.company-point-list{list-style:none;margin:32px 0 0;padding:0}.company-point-list li{display:flex;gap:24px;border-top:1px solid var(--company-line);padding:19px 0}.company-point-list li:last-child{padding-bottom:0}.company-point-list li>span{font-size:10px;color:#939b8e;line-height:2.5;font-variant-numeric:tabular-nums}.company-point-list h3{font-size:16px;line-height:1.5;margin-bottom:7px}.company-point-list p,.company-quality-points p,.company-service-points p{font-size:12px;line-height:1.9;color:var(--company-muted)}.company-manufacturing-photo>img{width:100%;aspect-ratio:1.25;object-fit:cover;object-position:62% center}.company-section-head{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:end;margin-bottom:40px}.company-section-head .company-description{margin:0;max-width:450px;justify-self:end}.company-quality-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12%}.company-inspection>img{width:100%;aspect-ratio:1.6;object-fit:cover}.company-quality-points{padding:0;margin:0;list-style:none}.company-quality-points li{padding:18px 0;border-top:1px solid var(--company-line)}.company-quality-points li:last-child{padding-bottom:0}.company-quality-points h3{font-size:17px;margin-bottom:9px}.company-certificates{margin-top:38px;padding-top:25px;border-top:1px solid var(--company-line)}.company-certificates>h3{font-size:11px;letter-spacing:.035em;color:var(--company-muted);margin-bottom:20px}.company-certificate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.company-certificate{display:flex;align-items:center;gap:24px;padding:23px;background:#f5f6f2;transition:background .2s}.company-certificate:hover{background:#e9ede4}.company-certificate>img{width:65px;height:92px;object-fit:contain;flex-shrink:0;box-shadow:0 2px 8px #2028200d}.company-certificate span{font-size:9px;color:#7c8576}.company-certificate h4{font-size:13px;font-weight:400;line-height:1.5;margin:8px 0 10px}.company-certificate small{font-size:9px;border-bottom:1px solid #bdc5b6;padding-bottom:3px;color:#5f6b58}.company-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.company-project figure{overflow:hidden;margin-bottom:23px}.company-project img{width:100%;aspect-ratio:1.55;object-fit:cover}.company-project-type{font-size:9px!important;letter-spacing:.06em;color:#8a322d!important;margin:0 0 10px!important}.company-project h3{font-size:22px;font-weight:400;line-height:1.4;margin-bottom:12px}.company-project>p{font-size:12px;color:var(--company-muted);line-height:1.85;max-width:340px}.company-text-link{display:inline-block;font-size:12px;border-bottom:1px solid #aab4a3;padding-bottom:5px;margin-top:35px}.company-text-link:hover{color:var(--red);border-color:var(--red)}.company-service{grid-template-columns:1.15fr 1fr;gap:10%}.company-service-photo>img{width:100%;aspect-ratio:1.12;object-fit:cover;object-position:35% center}.company-service-points{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:18px}.company-service-points li{border-top:1px solid var(--company-line);padding-top:18px}.company-service-points h3{font-size:16px;margin-bottom:6px}.company-contact{border-top:1px solid var(--company-line);border-bottom:1px solid var(--company-line);padding:42px 0 46px;margin-bottom:70px;display:flex;justify-content:space-between;align-items:center;gap:40px}.company-contact h2{font-size:30px}.company-contact p{font-size:13px;color:var(--company-muted);margin-top:12px}.company-contact>a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:165px;padding:15px 25px;background:#a62f2c;color:white;font-size:12px;transition:background .2s}.company-contact>a:hover{background:#842623}.lang-zh .company-page h1{font-size:clamp(36px,3.5vw,52px);line-height:1.3;letter-spacing:-.02em}.lang-zh .company-page h2{line-height:1.45;letter-spacing:-.025em}.lang-zh .company-page .company-kicker{letter-spacing:.1em}.lang-zh .company-lead,.lang-zh .company-prose{line-height:2}.lang-zh .company-project h3{font-size:21px}
@media(max-width:1100px){.company-heading{gap:7%}.company-split,.company-service{gap:6%}.company-overview,.company-quality-grid,.company-section-head{gap:7%}.company-certificate-grid{gap:15px}.company-certificate{gap:15px;padding:17px}.company-certificate>img{width:50px;height:71px}.company-certificate h4{font-size:12px}.company-manufacturing-photo>img{aspect-ratio:1}.company-section{padding-top:65px;padding-bottom:65px}}
@media(max-width:760px){.company-page{padding-top:var(--header)}.company-breadcrumb{padding-top:22px;font-size:9px}.company-heading{grid-template-columns:1fr;gap:23px;padding:30px 0}.company-heading h1,.lang-zh .company-page h1{font-size:37px}.company-kicker{font-size:9px;margin-bottom:15px}.company-lead{font-size:13px;max-width:100%}.company-panorama>img{aspect-ratio:1.6;object-position:55% center}.company-page figcaption{font-size:9px;gap:12px}.company-overview,.company-split,.company-quality-grid,.company-section-head{grid-template-columns:1fr;gap:28px}.company-overview{padding:45px 0 50px}.company-page h2,.lang-zh .company-page h2{font-size:29px}.company-prose{font-size:13px}.company-stats{gap:22px;margin-top:25px}.company-stats dd{font-size:34px}.company-stats dt{font-size:10px}.company-section{padding-top:50px;padding-bottom:50px}.company-description{font-size:13px;margin-top:18px}.company-point-list{margin-top:25px}.company-manufacturing-photo>img{aspect-ratio:1.4}.company-section-head{margin-bottom:30px;gap:18px}.company-section-head .company-description{justify-self:start}.company-quality-points li{padding:17px 0}.company-certificates{margin-top:28px}.company-certificate-grid{grid-template-columns:1fr;gap:10px}.company-certificate{padding:15px 20px;gap:22px}.company-certificate>img{width:49px;height:70px}.company-certificate h4{margin:3px 0 6px;font-size:13px}.company-project-grid{grid-template-columns:1fr;gap:32px}.company-project figure{margin-bottom:17px}.company-project img{aspect-ratio:1.65}.company-project h3,.lang-zh .company-project h3{font-size:21px}.company-project>p{max-width:none}.company-service{gap:30px}.company-service-photo>img{aspect-ratio:1.35}.company-service-points{margin-top:24px}.company-contact{display:block;padding:30px 0 35px;margin-bottom:45px}.company-contact h2,.lang-zh .company-contact h2{font-size:26px}.company-contact p{font-size:12px}.company-contact>a{margin-top:24px;min-width:150px;padding:13px 22px}}
@media(prefers-reduced-motion:reduce){.company-page *{transition:none!important}}

/* Image-led About banner with overlapping key facts. */
.company-page{padding-top:0}
.company-banner{height:540px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;background:#39403e;color:#fff}
.company-banner-image,.company-banner-shade{position:absolute;inset:0;z-index:-1}
.company-banner-image{overflow:hidden}.company-banner-picture{display:block;width:100%;height:100%}.company-banner-image img{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:none}
.company-banner-shade{background:linear-gradient(180deg,rgba(12,23,25,.57) 0%,rgba(12,23,25,.30) 30%,rgba(12,23,25,.38) 70%,rgba(12,23,25,.26) 100%),radial-gradient(ellipse at center,rgba(15,23,25,.23),transparent 70%)}
.company-banner-copy{text-align:center;width:100%;padding-top:30px;padding-bottom:12px;position:relative}
.company-banner .company-kicker{display:block;color:#fff;letter-spacing:.18em;font-size:11px;margin-bottom:20px;text-transform:uppercase}
.company-banner h1{font-size:clamp(38px,3.55vw,54px);line-height:1.15;letter-spacing:-.035em;margin:0 auto;max-width:840px;text-shadow:0 2px 20px #00000012}
.company-banner .company-lead{font-size:14px;line-height:1.85;color:#f1f2ef;max-width:580px;margin:24px auto 0;padding:0}
.lang-zh .company-banner h1{font-size:clamp(36px,3.5vw,52px);line-height:1.4;letter-spacing:.015em}
.lang-zh .company-banner .company-lead{max-width:540px}
.company-banner-stats{position:relative;z-index:2;max-width:960px;margin:-48px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0}
.company-banner-stats>div{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;min-height:120px;padding:24px 16px;background:#fff;border:1px solid #f0f1ed;border-radius:7px;box-shadow:0 8px 28px #28352908;text-align:center}
.company-banner-stats dt{font-size:10px;color:#69716a;line-height:1.6;margin-top:11px;letter-spacing:.04em}
.company-banner-stats dd{margin:0;color:#9f3534;font-size:30px;font-weight:550;letter-spacing:-.035em;line-height:1.1;font-variant-numeric:lining-nums}
.company-overview{padding-top:76px}
@media(max-width:1100px){.company-banner{height:510px}.company-banner-stats{max-width:800px;gap:16px}.company-banner-stats dd{font-size:28px}}
@media(max-width:760px){.company-page{padding-top:0}.company-banner{height:460px}.company-banner-image img{object-position:center center}.company-banner-copy{padding-top:30px;padding-bottom:0}.company-banner h1,.lang-zh .company-banner h1{font-size:33px;line-height:1.3;letter-spacing:-.025em}.company-banner .company-kicker{font-size:9px;margin-bottom:18px}.company-banner .company-lead{font-size:12px;line-height:1.85;max-width:330px;margin-top:20px}.company-banner-stats{gap:8px;margin-top:-32px}.company-banner-stats>div{min-height:90px;padding:17px 5px;border-radius:5px}.company-banner-stats dd{font-size:22px}.company-banner-stats>div:nth-child(2) dd{font-size:18px;letter-spacing:-.06em}.company-banner-stats dt{font-size:8px;letter-spacing:0;margin-top:9px}.company-overview{padding-top:48px}}

/* Light, one-time motion; content is visible unless JS opts a section in. */
.company-reveal{transition:opacity .65s ease,translate .65s cubic-bezier(.2,.65,.3,1)}
.company-await-reveal{opacity:0;translate:0 18px}
.company-banner-copy{animation:company-banner-enter .85s ease both}
@keyframes company-banner-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
.company-banner-stats dd{font-variant-numeric:tabular-nums;white-space:nowrap}
.company-banner-stats>div{transition:translate .25s ease,box-shadow .25s ease,border-color .25s ease}
.company-certificate{transition:translate .25s ease,background .25s ease,box-shadow .25s ease}
.company-project figure img{transition:transform .6s cubic-bezier(.2,.65,.3,1)}
@media(hover:hover) and (pointer:fine){.company-banner-stats>div:hover{translate:0 -5px;box-shadow:0 14px 30px #28352912;border-color:#ddd5cc}.company-certificate:hover{translate:0 -3px;box-shadow:0 8px 24px #2835290b}.company-project:hover figure img{transform:scale(1.025)}}
.company-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.company-document-open{overflow:hidden}
.company-lightbox{border:0;padding:24px;background:transparent;width:min(900px,100%);max-width:100vw;max-height:100svh;overflow:auto;color:#273027}
.company-lightbox::backdrop{background:rgba(17,25,23,.76)}
.company-lightbox-shell{background:#fafbf8;border-radius:8px;box-shadow:0 20px 80px #0003;overflow:hidden}
.company-lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 26px;background:#fff;border-bottom:1px solid #e2e5de}
.company-lightbox-count{font-size:10px;letter-spacing:.12em;color:#963735;margin:0 0 5px}
.company-lightbox-header h2{font-size:17px;line-height:1.5;letter-spacing:0;margin:0;max-width:670px;font-weight:400}
.company-lightbox-close{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #dce0d7;border-radius:50%;font-size:26px;line-height:1;padding:0}
.company-lightbox-close:hover{background:#f0f2ec}
.company-lightbox-stage{position:relative;display:grid;place-items:center;min-height:220px;height:min(65svh,700px);padding:20px}
.company-lightbox-stage img{width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain}
.company-lightbox-stage img:not([src]){visibility:hidden}
.company-lightbox-status{position:absolute;bottom:26px;left:20px;right:20px;text-align:center;font-size:12px;color:#56604f;margin:0;background:#fafbf8e8}
.company-lightbox-status:empty{display:none}
.company-lightbox-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 26px;border-top:1px solid #e2e5de;background:#fff;font-size:12px}
.company-lightbox-footer button{min-height:40px;min-width:75px;padding:8px 15px;border:1px solid #dce0d7;border-radius:3px}
.company-lightbox-footer button:hover{border-color:#993b34;color:#993b34}
.company-lightbox-original{border-bottom:1px solid #b6beae;padding:4px 0}
@media(max-width:760px){.company-lightbox{padding:12px}.company-lightbox-header{padding:16px;gap:15px}.company-lightbox-header h2{font-size:14px}.company-lightbox-stage{height:58svh;padding:12px}.company-lightbox-footer{padding:12px 16px;gap:10px;font-size:11px}.company-lightbox-footer button{min-width:64px;padding:8px}.company-lightbox-close{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.company-reveal,.company-banner-copy{animation:none!important;transition:none!important;opacity:1!important;translate:none!important}.company-banner-image img{transform:none!important}.company-await-reveal{opacity:1;translate:none}.company-banner-stats>div,.company-certificate,.company-project figure img{transition:none!important;translate:none!important;transform:none!important}html{scroll-behavior:auto}}

/* Certificate gallery: full documents, equal frames, native horizontal scrolling. */
.company-certificate-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}
.company-certificate-heading h3{font-size:17px;font-weight:400;margin:0}.company-certificate-heading p{font-size:10px;color:var(--company-muted);margin:0}
.company-certificate-grid{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:6px 2px 18px;scrollbar-width:thin;scrollbar-color:#bac2b3 transparent;cursor:grab}
.company-certificate-grid:focus-visible{outline:2px solid #a62f2c;outline-offset:5px}
.company-certificate-grid.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.company-certificate-grid .company-certificate{box-sizing:border-box;flex:0 0 calc((100% - 72px)/4);min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:transparent;scroll-snap-align:start;scroll-snap-stop:normal;color:inherit;cursor:inherit}
.company-certificate-grid .company-certificate:hover{background:transparent;translate:none;box-shadow:none}
.company-certificate figure{display:flex;align-items:center;justify-content:center;background:#f3f4ef;padding:22px;height:300px;overflow:hidden;transition:background .25s}
.company-certificate figure img{width:100%;height:100%;object-fit:contain;filter:none;box-shadow:0 3px 9px #252c2010;pointer-events:none}
.company-certificate-grid .company-certificate>div{padding:20px 2px 2px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.company-certificate-grid .company-certificate span{font-size:10px;color:#858c7e;letter-spacing:.03em}
.company-certificate-grid .company-certificate h4{font-size:14px;line-height:1.6;margin:8px 0 15px;min-height:3.2em}
.company-certificate-grid .company-certificate small{margin-top:auto;font-size:10px}
.company-certificate:focus-visible{outline:2px solid #a62f2c;outline-offset:-2px}
.company-certificate-grid.is-enhanced{scrollbar-width:none;padding-bottom:3px}
.company-certificate-grid.is-enhanced::-webkit-scrollbar{display:none}
.company-gallery-controls{display:flex;justify-content:center;align-items:center;gap:2px;padding-top:24px}.company-gallery-controls[hidden]{display:none}
.company-gallery-dot{display:grid;place-items:center;appearance:none;width:30px;height:32px;padding:0;border:0;background:transparent;cursor:pointer}
.company-gallery-dot::after{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#d4d9cf;transition:width .25s,background .25s,border-radius .25s}
.company-gallery-dot[aria-current="true"]::after{width:22px;border-radius:5px;background:#8d9a81}
.company-gallery-dot:hover::after{background:#758568}.company-gallery-dot:focus-visible{outline:1px solid #8d9a81;outline-offset:0;border-radius:4px}
@media(hover:hover) and (pointer:fine){.company-certificate:hover figure{background:#e8ede2}}
@media(max-width:1100px){.company-certificate-grid .company-certificate{flex-basis:calc((100% - 48px)/3)}.company-certificate figure{height:280px;padding:18px}}
@media(max-width:760px){.company-certificate-heading{display:block}.company-certificate-heading p{margin-top:10px}.company-certificate-grid{gap:16px}.company-certificate-grid .company-certificate{flex-basis:100%}.company-certificate figure{height:330px;padding:20px}.company-certificate-grid .company-certificate>div{padding:18px 4px 0}.company-certificate-grid .company-certificate h4{min-height:3.2em}.company-certificate-grid .company-certificate h4{font-size:14px}.company-gallery-controls{gap:0;padding-top:20px}}
@media(prefers-reduced-motion:reduce){.company-certificate figure,.company-gallery-dot::after{transition:none}}

/* Quiet directional controls, with comfortable touch targets. */
.company-gallery-controls{gap:16px}
.company-gallery-dots{display:flex;justify-content:center;align-items:center;min-width:0}
.company-gallery-arrow{display:grid;place-items:center;appearance:none;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:#626e57;cursor:pointer;transition:color .2s}
.company-gallery-arrow:hover:not(:disabled){background:transparent;color:#283822}
.company-gallery-arrow:disabled{opacity:.3;cursor:default}
.company-gallery-arrow:focus-visible{outline:2px solid #89977c;outline-offset:3px}
@media(max-width:760px){.company-gallery-controls{gap:10px}.company-gallery-dots{flex:1;max-width:220px}.company-gallery-dot{flex:1;min-width:0;width:22px}.company-gallery-dot[aria-current="true"]::after{width:16px}}
@media(prefers-reduced-motion:reduce){.company-gallery-arrow{transition:none}}
