/* About Us page: all selectors are scoped to about-* to preserve other pages. */
.about-hero{display:grid;grid-template-columns:52% 48%;min-height:500px;background:#102a3a;color:#fff}
.about-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:64px 8% 64px 81px}
.about-kicker{display:block;color:#0879a8;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:18px}
.about-hero .about-kicker{color:#79d4e9}
.about-hero h1{font-size:clamp(36px,3.6vw,52px);max-width:720px;line-height:1.18}
.about-hero p{color:#c9d8e0;max-width:58ch;font-size:16px;line-height:1.8;margin:25px 0 29px}
.about-hero .button{align-self:flex-start}
.about-hero-media{position:relative;overflow:hidden;min-height:420px;margin:0}
.about-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.about-hero-media figcaption{position:absolute;bottom:22px;left:24px;background:rgba(16,42,58,.8);color:#fff;padding:8px 12px;font-size:11px;letter-spacing:.04em}
.about-facts{background:#eaf0f2;display:grid;grid-template-columns:repeat(3,1fr);padding:23px max(5%,calc((100% - 1320px)/2));gap:22px}
.about-facts div{border-right:1px solid #c5d2d9;padding-right:20px}.about-facts div:last-child{border:0}
.about-facts strong{display:block;font-size:28px;line-height:1.1;color:#102a3a}.about-facts span{display:block;color:#516674;font-size:12px;margin-top:7px}
.about-wrap{max-width:1320px;margin:auto;padding:80px 5%}
.about-story{display:grid;grid-template-columns:1fr 1.3fr;gap:9%;align-items:start}
.about-story h2,.about-products h2,.about-operations h2,.about-clients h2,.about-cta h2{font-size:clamp(30px,3vw,44px);margin:0 0 24px}
.about-story p,.about-operations p,.about-clients p{font-size:16px;line-height:1.85}
.about-story .about-founder{border-left:3px solid #0879a8;padding-left:22px;margin-top:24px;color:#102a3a;font-weight:600}
.about-products{background:#f4f6f5}.about-products .about-wrap{padding-top:76px;padding-bottom:82px}
.about-products-lead{max-width:660px;margin-bottom:32px}
.about-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.about-product{background:#fff;border:1px solid #dce3e6;padding:28px 27px 30px;min-height:250px;display:flex;flex-direction:column}
.about-product .about-num{font-size:12px;font-weight:700;color:#0879a8;margin-bottom:29px}
.about-product h3{font-size:25px;margin-bottom:15px}
.about-product p{font-size:14px;line-height:1.8;margin:0}
.about-product .about-examples{margin-top:auto;padding-top:20px;font-size:12px;font-weight:700;color:#0879a8}
.about-operations{display:grid;grid-template-columns:1fr 1fr;background:#102a3a;color:#fff}
.about-operations-copy{padding:75px max(10%,calc((100vw - 1320px)/2)) 75px 10%;align-self:center}
.about-operations .about-kicker{color:#79d4e9}.about-operations p{color:#c9d8e0}
.about-operations ul{list-style:none;padding:0;margin:25px 0 0}
.about-operations li{padding:11px 0;border-top:1px solid #355061;font-size:15px}.about-operations li:before{content:'+';color:#79d4e9;margin-right:14px}
.about-operations img{width:100%;height:100%;min-height:480px;object-fit:cover}
.about-clients .about-wrap{padding-top:78px;padding-bottom:86px}
.about-client-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.about-client{border:1px solid #cdd9de;padding:18px 12px 16px;background:#fff;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.about-client span{color:#102a3a;font-weight:700;font-size:15px;line-height:1.35;min-height:2.7em;display:flex;align-items:center;justify-content:center}
.about-client img{display:block;width:100%;max-width:150px;height:66px;object-fit:contain}
.about-client img[src$="phelps-dodge.jpg"]{max-width:165px}
.about-cta{background:#eaf0f2}.about-cta .about-wrap{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:55px;padding-bottom:55px}
.about-cta h2{margin-bottom:9px}.about-cta p{margin:0}
html[lang=th] .about-kicker{letter-spacing:.04em}
html[lang=th] .about-hero h1,html[lang=th] .about-story h2,html[lang=th] .about-products h2,html[lang=th] .about-operations h2,html[lang=th] .about-clients h2,html[lang=th] .about-cta h2{line-height:1.4;letter-spacing:-.015em}
@media(max-width:1050px){.about-client-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.about-hero-copy{padding:52px 6%}.about-operations-copy{padding:55px 7%}.about-product{padding:23px}.about-product h3{font-size:22px}}
@media(max-width:700px){.about-hero{grid-template-columns:1fr}.about-hero-copy{padding:45px 6% 40px}.about-hero h1{font-size:clamp(32px,8vw,44px)}.about-hero-media{min-height:0;height:270px}.about-facts{padding:20px 6%;gap:10px}.about-facts strong{font-size:21px}.about-facts span{font-size:10px;line-height:1.5}.about-facts div{padding-right:8px}.about-wrap{padding:54px 6%}.about-story{grid-template-columns:1fr;gap:0}.about-product-grid{grid-template-columns:1fr;gap:14px}.about-product{min-height:0}.about-product .about-num{margin-bottom:16px}.about-operations{grid-template-columns:1fr}.about-operations-copy{padding:53px 6%}.about-operations img{min-height:0;height:275px}.about-clients .about-wrap{padding:55px 6%}.about-client-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.about-client{padding:15px 9px}.about-client span{font-size:13px}.about-client img{height:54px}.about-cta .about-wrap{display:block;padding:50px 6%}.about-cta .button{margin-top:23px}}

@media(max-width:380px){.about-client-list{grid-template-columns:1fr}}

/* Tighter text-to-arrow spacing on About Us CTA buttons. */
.about-hero .button,.about-cta .button{gap:12px}