/*
 * About Us page layout and section styling.
 * Shared tokens and components are loaded before this file.
 */

.lg-rail{gap:6px!important}
.lg-rail a{width:46px!important;height:46px!important;border-radius:6px!important;font-size:13px!important}
.lg-rail a:nth-child(n+4){display:none!important}
@media(max-width:620px){.lg-rail{display:none!important}}
.lg.about-v3 a,.lg.about-v3 a:hover,.lg.about-v3 a:focus{text-decoration:none}
.about-v3 .about-hero{position:relative;padding:46px 0;color:#fff;background:linear-gradient(90deg,rgba(5,11,20,.94) 0%,rgba(5,11,20,.72) 40%,rgba(5,11,20,.12) 82%),url('https://hongli-mach.com/wp-content/uploads/2026/07/hongli-factory2-8.png') center 58%/cover no-repeat;overflow:hidden}
.about-v3 .about-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(0deg,#fff,rgba(255,255,255,0));opacity:.12}
.about-v3 .about-hero .lg-wrap{position:relative;z-index:1;display:grid}
.about-v3 .about-kicker{color:#f5b700;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:950;margin-bottom:14px}
.about-v3 h1{font-size:clamp(44px,4.1vw,62px);line-height:1.04;margin:0 0 16px;color:#fff;font-weight:950;letter-spacing:0}
.about-v3 .about-hero-lead{font-weight:850;margin:0 0 18px;color:#fff}
.about-v3 .about-hero-copy{font-size:15px;line-height:1.75;color:#d9e5f2;margin:0 0 26px}
.about-v3 .about-actions{display:flex;gap:12px;flex-wrap:wrap}
.about-v3 .about-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:4px;font-weight:950;font-size:13px}
.about-v3 .about-btn.primary{background:#f5b700;color:#07111f}
.about-v3 .about-btn.ghost{border:1px solid rgba(255,255,255,.34);color:#fff;background:rgba(7,17,31,.24)}
.about-v3 .about-stats{border:1px solid rgba(255,255,255,.18);background:rgba(7,17,31,.72);backdrop-filter:blur(12px);border-radius:8px;overflow:hidden}
.about-v3 .about-stat{border-bottom:1px solid rgba(255,255,255,.12)}
.about-v3 .about-stat:last-child{border-bottom:0}
.about-v3 .about-stat b{display:block;color:#f5b700;line-height:1;font-weight:950;margin-bottom:6px}
.about-v3 .about-stat span{display:block;color:#fff;font-size:11px;text-transform:uppercase;font-weight:950;letter-spacing:.04em}
.about-v3 .about-stat small{display:block;color:#b9c7d8;font-size:11px;line-height:1.35;margin-top:4px}
.about-v3 .about-section{background:#f4f7fb;color:#102033}
.about-v3 .about-section.dark{background:#07111f;color:#fff}
.about-v3 .about-grid{display:grid}
.about-v3 .about-eyebrow{display:block;color:#b18100;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:950;margin-bottom:10px}
.about-v3 .about-h2{font-size:clamp(32px,3.1vw,46px);line-height:1.08;margin:0 0 18px;color:#102033;font-weight:950}
.about-v3 .dark .about-h2{color:#fff}
.about-v3 .about-p{font-size:15px;line-height:1.78;color:#445269;margin:0 0 18px}
.about-v3 .dark .about-p{color:#c8d5e5}
.about-v3 .story-points{display:grid;gap:18px;margin-top:24px}
.about-v3 .story-point{display:grid;align-items:start}
.about-v3 .story-point b:first-child{display:flex;justify-content:center;border-radius:4px;font-weight:950}
.about-v3 .story-point strong{display:block;color:#102033;margin-bottom:3px}
.about-v3 .story-point span{display:block;color:#5c6b7f;line-height:1.5}
.about-v3 .photo-collage{display:grid}
.about-v3 .photo-collage img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}
.about-v3 .matrix-head{text-align:center}
.about-v3 .matrix-head .about-eyebrow{color:#f5b700}
.about-v3 .capability{border:1px solid rgba(190,207,229,.24);border-radius:8px;overflow:hidden;background:#0b1a2b}
.about-v3 .cap-row{display:grid;border-bottom:1px solid rgba(190,207,229,.16)}
.about-v3 .cap-row:last-child{border-bottom:0}
.about-v3 .cap-row.header{background:#122238;color:#f5b700;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:950}
.about-v3 .cap-cell{border-right:1px solid rgba(190,207,229,.12);color:#dfe9f5;font-size:13.5px;line-height:1.55}
.about-v3 .cap-cell:last-child{border-right:0}
.about-v3 .cap-name{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start}
.about-v3 .cap-no{display:inline-flex;align-items:center;justify-content:center;height:34px;border-radius:4px;background:#f5b700;color:#07111f;font-size:12px;font-weight:950}
.about-v3 .cap-name b{display:block;color:#fff;font-size:16px;margin-bottom:3px}
.about-v3 .cap-name small{color:#aebdd0;font-size:12px}
.about-v3 .team-grid{display:grid}
.about-v3 .team-card img{display:block}
.about-v3 .team-card b{display:block;color:#102033}
.about-v3 .team-card span{display:block}
.about-v3 .cred-grid{display:grid}
.about-v3 .cert-row{display:flex}
.about-v3 .cert{display:flex;align-items:center;justify-content:center;color:#07111f;font-weight:950}
.about-v3 .market-panel{display:grid;grid-template-columns:1fr 150px;gap:18px;align-items:stretch}
.about-v3 .about-cta-box{color:#fff}
.about-v3 .quote-mark{color:#f5b700;font-weight:950}
.about-v3 .about-cta h2{color:#fff;font-size:30px;line-height:1.16;margin:0 0 8px}
.about-v3 .about-cta p{color:#c7d4e4;margin:0}
.about-v3 .cta-actions{min-width:260px}
.about-v3 .cta-actions .about-btn{width:100%}
@media(max-width:1100px){.about-v3 .about-hero .lg-wrap,.about-v3 .about-grid,.about-v3 .cred-grid,.about-v3 .about-cta-box{grid-template-columns:1fr}}
@media(max-width:1100px){.about-v3 .about-stats{display:grid;grid-template-columns:repeat(5,1fr)}}
@media(max-width:1100px){.about-v3 .about-stat{border-bottom:0;border-right:1px solid rgba(255,255,255,.12)}}
@media(max-width:1100px){.about-v3 .about-stat:last-child{border-right:0}}
@media(max-width:1100px){.about-v3 .team-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.about-v3 .about-hero{padding:112px 0 46px}}
@media(max-width:760px){.about-v3 h1{font-size:38px}}
@media(max-width:760px){.about-v3 .about-hero .lg-wrap{gap:28px}}
@media(max-width:760px){.about-v3 .about-stats,.about-v3 .team-grid,.about-v3 .market-panel{grid-template-columns:1fr}}
@media(max-width:760px){.about-v3 .about-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}}
@media(max-width:760px){.about-v3 .photo-collage{grid-template-columns:1fr;grid-template-rows:220px 180px 180px}}
@media(max-width:760px){.about-v3 .photo-collage .wide{grid-column:auto}}
@media(max-width:760px){.about-v3 .cap-row{grid-template-columns:1fr}}
@media(max-width:760px){.about-v3 .cap-row.header{display:none}}
@media(max-width:760px){.about-v3 .cap-cell{border-right:0;border-bottom:1px solid rgba(190,207,229,.12)}}
@media(max-width:760px){.about-v3 .about-section{padding:54px 0}}
@media(max-width:760px){.about-v3 .market-panel{grid-template-columns:1fr}}
@media(max-width:760px){.about-v3 .about-cta-box{padding:28px}}
@media(max-width:760px){.about-v3 .cta-actions{min-width:0}}
@media(max-width:760px){.about-v3 .cert{width:72px;height:56px;font-size:18px}}
.about-v3 .about-hero{height:520px;min-height:520px;background-position:0 0,right center;background-size:auto,auto 100%;background-color:#07111f}
.about-v3 .about-hero .lg-wrap{width:var(--hl-site-width);grid-template-columns:minmax(420px,620px) 220px;justify-content:space-between;gap:72px;align-items:center}
.about-v3 .about-stats{align-self:center}
.about-v3 .about-stat{padding:11px 20px}
.about-v3 .about-stat b{font-size:23px}
.about-v3 .about-hero h1{font-size:clamp(44px,4vw,62px);line-height:1.04;max-width:620px}
.about-v3 .about-hero-lead{font-size:20px;line-height:1.38;max-width:560px}
.about-v3 .about-hero-copy{max-width:580px}
.about-v3 .about-section{padding:72px 0}
.about-v3 .about-grid{grid-template-columns:minmax(420px,440px) minmax(0,760px);gap:58px;align-items:start}
.about-v3 .about-grid .about-h2{font-size:clamp(34px,3vw,42px);line-height:1.12;max-width:430px}
.about-v3 .photo-collage{grid-template-columns:1fr 1fr;grid-template-rows:196px 176px;gap:8px}
.about-v3 .photo-collage .wide{grid-column:1/3}
.about-v3 .story-point{grid-template-columns:30px 1fr;gap:16px}
.about-v3 .story-point b:first-child{height:28px;background:transparent;color:#f5b700;font-size:18px;align-items:flex-start}
.about-v3 .story-point b img{width:22px;height:22px;object-fit:contain;display:block}
.about-v3 .story-point strong{font-size:14px}
.about-v3 .story-point span{font-size:12px}
.about-v3 .about-section.dark{padding:72px 0 72px}
.about-v3 .about-section.dark .lg-wrap{width:min(1220px,calc(100% - 96px))}
.about-v3 .matrix-head{max-width:720px;margin:0 auto 34px}
.about-v3 .matrix-head .about-h2{font-size:clamp(34px,3vw,44px);line-height:1.12}
.about-v3 .capability{width:100%;margin:0 auto}
.about-v3 .cap-row{grid-template-columns:1.04fr 1.1fr 1.1fr}
.about-v3 .cap-cell{padding:18px 18px}
.about-v3 .about-section.white{padding:56px 0 46px;background:#fff}
.about-v3 .about-section.white .lg-wrap{width:min(1160px,calc(100% - 64px))}
.about-v3 .about-section.white .about-eyebrow{margin-bottom:10px}
.about-v3 .about-section.white .about-h2{font-size:30px;line-height:1.15;margin:0 0 22px;letter-spacing:0}
.about-v3 .team-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:start}
.about-v3 .team-card{border:0;background:transparent;border-radius:0;box-shadow:none;overflow:visible}
.about-v3 .team-card img{height:136px;width:100%;border-radius:5px;border:1px solid #d7e0eb;object-fit:cover;box-shadow:0 10px 22px rgba(16,32,51,.08)}
.about-v3 .team-card:nth-child(1) img{object-position:50% 44%}
.about-v3 .team-card:nth-child(2) img{object-position:38% 46%}
.about-v3 .team-card:nth-child(3) img{object-position:60% 48%}
.about-v3 .team-card:nth-child(4) img{object-position:70% 48%}
.about-v3 .team-card:nth-child(5) img{object-position:50% 70%}
.about-v3 .team-card div{padding:11px 0 0}
.about-v3 .team-card b{font-size:13px;line-height:1.2;margin-bottom:5px}
.about-v3 .team-card span{font-size:12px;line-height:1.45;color:#51627a;max-width:190px}
.about-v3 .cred-grid{width:min(1160px,calc(100% - 64px));grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:64px;align-items:start}
.about-v3 .cred-grid .about-h2{font-size:30px;line-height:1.14;margin:0 0 20px;max-width:470px;letter-spacing:0}
.about-v3 .cert-row{gap:10px;margin:22px 0 18px;flex-wrap:nowrap}
.about-v3 .cert{width:76px;height:64px;font-size:20px;background:#fff;border:1px solid #d8e2ee;border-radius:5px;box-shadow:0 12px 26px rgba(16,32,51,.06);letter-spacing:0}
.about-v3 .cert:nth-child(2),.about-v3 .cert:nth-child(3){color:#183d86}
.about-v3 .cert:nth-child(5){font-size:18px}
.about-v3 .market-panel.reference{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:14px;align-items:stretch}
.about-v3 .market-map-img{width:100%;height:194px;border-radius:6px;display:block;object-fit:cover;border:1px solid #dce5ef;background:#f6f9fc;box-shadow:0 10px 28px rgba(16,32,51,.05);overflow:hidden}
.about-v3 .market-map-img img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(1.04) contrast(1.08) brightness(.98);opacity:1}
.about-v3 .market-thumbs{display:grid;gap:9px}
.about-v3 .market-thumbs img{height:58px;width:100%;object-fit:cover;border-radius:5px;border:1px solid #dce5ef;box-shadow:0 9px 18px rgba(16,32,51,.08)}
.about-v3 .cred-grid .about-p{font-size:14px;line-height:1.72;color:#40526a;margin-top:10px}
.about-v3 .about-cta{padding:26px 0 54px;background:#f4f7fb}
.about-v3 .about-cta-box{width:min(1120px,calc(100% - 64px));max-width:none;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:46px;align-items:center;padding:34px 42px;border-radius:6px;background:#06111f;border:1px solid rgba(245,183,0,.28);box-shadow:0 22px 48px rgba(16,32,51,.12)}
.about-v3 .about-cta-box h2{font-size:25px;line-height:1.22;max-width:660px;margin:0 0 8px}
.about-v3 .about-cta-box p{font-size:14px;line-height:1.55;color:#cbd5e1}
.about-v3 .quote-mark{font-size:62px;line-height:.8;margin-bottom:4px}
.about-v3 .cta-actions{display:grid;gap:12px}
.about-v3 .cta-actions .about-btn{height:42px;justify-content:center;font-size:13px}
@media(max-width:1180px){.about-v3 .about-hero .lg-wrap{gap:60px;grid-template-columns:minmax(360px,600px) 220px}}
@media(max-width:1180px){.about-v3 .about-section.dark .lg-wrap{width:min(1120px,calc(100% - 64px))}}
@media(max-width:1180px){.about-v3 .about-grid{grid-template-columns:minmax(360px,430px) minmax(0,1fr)}}
@media(max-width:1180px){.about-v3 .team-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1180px){.about-v3 .cred-grid{grid-template-columns:1fr;gap:38px}}
@media(max-width:1180px){.about-v3 .market-panel.reference{max-width:720px}}
@media(max-width:820px){.about-v3 .about-hero .lg-wrap,.about-v3 .about-grid,.about-v3 .cred-grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:820px){.about-v3 .market-panel.reference{grid-template-columns:1fr}}
@media(max-width:820px){.about-v3 .team-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.about-v3 .photo-collage{grid-template-columns:1fr;grid-template-rows:220px 180px 180px}}
@media(max-width:820px){.about-v3 .photo-collage .wide{grid-column:auto}}
@media(max-width:820px){.about-v3 .about-grid .about-h2,.about-v3 .cred-grid .about-h2{font-size:32px}}
@media(max-width:820px){.about-v3 .about-cta-box{grid-template-columns:1fr;width:min(100% - 32px,680px);padding:28px 24px}}
@media(max-width:820px){.about-v3 .cert-row{flex-wrap:wrap}}