.about-page{background:#f5f7f7}.about-page header{position:sticky}.about-page main{max-width:1800px;margin:auto}.about-hero{display:grid;grid-template-columns:43% 57%;min-height:630px}.about-hero-copy{padding:10% 8% 10% 11%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.about-hero h1{font-size:clamp(58px,6vw,104px);line-height:1.02;letter-spacing:-3px;margin:0 0 28px}.about-hero p{font-size:clamp(19px,1.8vw,27px);line-height:1.5;color:#456372;max-width:530px}.about-hero .text-link{font-size:16px;margin-top:25px}.about-hero-photo{min-height:630px}.about-hero-photo img{height:100%;object-position:center}.about-story{display:grid;grid-template-columns:44% 1fr;gap:9%;padding:120px 5%;background:#e8eff0}.about-story h2{font-size:clamp(42px,4vw,70px)}.about-story p{font-size:clamp(18px,1.45vw,23px);line-height:1.6;color:#426171;max-width:720px;margin-bottom:30px}.about-range{padding:115px 5%}.about-section-top{max-width:730px;margin-bottom:44px}.about-section-top h2{font-size:clamp(42px,4vw,70px)}.about-section-top p{font-size:20px;color:#527080}.about-range-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:30px}.about-range-grid a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;border-bottom:1px solid #c9d7db;padding-bottom:14px;font-size:18px;font-weight:700}.about-range-grid img{grid-column:1/-1;aspect-ratio:4/5;border-radius:12px;object-fit:cover;margin-bottom:8px;transition:transform .3s}.about-range-grid a:hover img{transform:translateY(-3px)}.about-range .text-link{font-size:16px}.about-project{display:grid;grid-template-columns:1fr 1fr;background:#dce9eb}.about-project-image img{height:100%;min-height:740px;object-fit:cover}.about-project-copy{padding:9% 10%;align-self:center}.about-project h2{font-size:clamp(40px,3.8vw,65px)}.about-project-copy>p{font-size:19px;color:#486978;line-height:1.6}.about-project ol{list-style:none;counter-reset:step;padding:0;margin:30px 0}.about-project li{counter-increment:step;display:grid;grid-template-columns:34px 1fr;column-gap:10px;border-top:1px solid #b6ccd1;padding:17px 0}.about-project li::before{content:counter(step,decimal-leading-zero);font-size:13px;color:#526c76;padding-top:3px}.about-project li strong{font-size:19px}.about-project li span{grid-column:2;color:#526c76;font-size:16px;line-height:1.5}.about-project .text-link{font-size:16px}.about-end{text-align:center;padding:115px 5% 125px}.about-end h2{font-size:clamp(44px,4.5vw,76px);max-width:840px;margin:0 auto 20px}.about-end p{font-size:19px;line-height:1.6;color:#526c76;max-width:630px;margin:0 auto 27px}.about-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.about-actions .button{border-radius:40px;font-size:16px}.about-page footer{max-width:1800px;margin:auto}@media(max-width:900px){.about-hero{grid-template-columns:1fr}.about-hero-copy{padding:80px 6% 60px}.about-hero-photo{min-height:400px;max-height:570px}.about-story{grid-template-columns:1fr;padding:80px 6%;gap:20px}.about-range{padding:75px 6%}.about-range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-project{grid-template-columns:1fr}.about-project-image img{min-height:350px;max-height:550px}.about-project-copy{padding:70px 6%}.about-end{padding:80px 6%}}@media(max-width:550px){.about-hero-copy{padding:62px 6% 45px}.about-hero h1{font-size:58px}.about-hero-photo{min-height:300px}.about-range-grid{gap:10px}.about-range-grid a{font-size:15px}.about-project li strong{font-size:17px}}

html[lang=zh] .about-hero h1{font-size:clamp(44px,4.45vw,66px);letter-spacing:-1px}
.about-facts{padding:100px 5%;background:#dfeaec}.about-facts-heading{max-width:810px;margin-bottom:46px}.about-facts-heading h2{font-size:clamp(40px,3.8vw,66px)}.about-facts-heading p{font-size:20px;line-height:1.6;color:#486978}.about-facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0}.about-facts-grid>div{border-top:1px solid #afc7cc;padding-top:19px;min-width:0}.about-facts-grid dt{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#51707e;margin-bottom:12px}.about-facts-grid dd{margin:0;font-family:Georgia,"Noto Serif",serif;font-size:clamp(19px,1.6vw,27px);line-height:1.32;overflow-wrap:anywhere}@media(max-width:900px){.about-facts{padding:75px 6%}.about-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.about-facts-grid{grid-template-columns:1fr;gap:25px}.about-facts-grid dd{font-size:23px}}

.about-gallery,.about-certificates{padding:110px 5%}.about-gallery{background:#f5f7f7}.about-certificates{background:#e6eff0}.about-gallery .about-section-top,.about-certificates .about-section-top{max-width:880px}.factory-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.factory-gallery a{position:relative;display:block;overflow:hidden;border-radius:12px;background:#c9d6d9;aspect-ratio:4/3}.factory-gallery .factory-feature{grid-column:span 2;grid-row:span 2;aspect-ratio:auto;min-height:440px}.factory-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.factory-gallery a:hover img{transform:scale(1.025)}.factory-feature span{position:absolute;bottom:22px;left:24px;background:#f6f9f7;padding:10px 15px;border-radius:4px;color:#17394a;font-weight:700}.cert-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cert-gallery figure{margin:0}.cert-gallery a{display:flex;align-items:center;justify-content:center;background:#fff;padding:20px;border-radius:12px;min-height:380px}.cert-gallery img{width:auto;height:auto;max-width:100%;max-height:430px;object-fit:contain}.cert-gallery figcaption{font-size:15px;line-height:1.5;color:#456372;margin-top:12px}@media(max-width:900px){.about-gallery,.about-certificates{padding:75px 6%}.factory-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.factory-gallery .factory-feature{min-height:360px}.cert-gallery{gap:12px}.cert-gallery a{min-height:300px;padding:12px}}@media(max-width:650px){.factory-gallery{gap:9px}.factory-gallery .factory-feature{grid-column:span 2;grid-row:auto;min-height:290px}.cert-gallery{grid-template-columns:1fr}.cert-gallery a{min-height:0;padding:18px}.cert-gallery img{max-height:530px}}

.cert-logo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:34px 0 24px}.cert-logo{min-height:174px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;padding:18px}.cert-logo img{display:block;max-width:100%;width:142px;height:142px;object-fit:contain}.cert-note{font-size:15px;line-height:1.6;color:#526c76;max-width:890px;margin:0 0 26px}.cert-contact{border-radius:40px;font-size:16px;display:inline-flex;align-items:center;gap:16px}@media(max-width:900px){.cert-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:550px){.cert-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cert-logo{min-height:100px;padding:10px}.cert-logo img{width:90px;height:90px}}

.about-customers{padding:115px 5%;background:#f5f7f7}.about-customers .about-section-top{max-width:820px}.customer-gallery{columns:4 220px;column-gap:16px}.customer-gallery a{display:block;break-inside:avoid;margin:0 0 16px;border-radius:12px;overflow:hidden;background:#e6eff0}.customer-gallery img{display:block;width:100%;height:auto;transition:transform .3s}.customer-gallery a:hover img{transform:scale(1.025)}@media(max-width:900px){.about-customers{padding:75px 6%}.customer-gallery{columns:3 190px;column-gap:12px}.customer-gallery a{margin-bottom:12px}}@media(max-width:550px){.customer-gallery{columns:2 145px;column-gap:9px}.customer-gallery a{margin-bottom:9px}}

.about-hero #company-intro{font-size:17px;line-height:1.65;overflow-wrap:break-word;max-width:530px}
