/* Compact editorial composition: vision, experience and cooperation. */
.about-main{color:var(--ink);background:#f5f8fc;padding:24px var(--side) 20px;display:grid;gap:20px;min-height:calc(100svh - var(--header-height));box-sizing:border-box;align-content:start}
.about-hero{display:grid;grid-template-columns:44% 56%;background:#fff;border:1px solid #e0e8f0;border-radius:14px;overflow:hidden;min-width:0}
.about-copy{min-width:0;padding:clamp(24px,2.4vw,42px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.about-kicker{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.12em;color:#68809e;margin:0 0 14px}
.about-kicker span{width:22px;height:2px;background:var(--orange)}
.about-copy h1{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(28px,2.5vw,42px);line-height:1.25;letter-spacing:0;margin:0;color:#0b244c}
.company-intro{font-size:clamp(15px,1.04vw,19px);line-height:1.9;color:#566d8b;margin:24px 0 0;max-width:34em}
.vision-closing{margin:24px 0 0;padding-left:16px;border-left:3px solid #1670d0;font-size:clamp(19px,1.45vw,27px);font-weight:650;line-height:1.6;color:#10386c;text-wrap:balance}
.team-visual{position:relative;min-width:0;min-height:320px;margin:0;background:#dce8f3;overflow:hidden}
.team-visual img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.team-visual figcaption{position:absolute;right:12px;bottom:10px;padding:4px 8px;border-radius:4px;background:#102c4bba;color:#fff;font-size:10px;letter-spacing:.04em}
.about-capabilities{display:grid;grid-template-columns:44% 56%;background:white;border:1px solid #e0e8f0;border-radius:12px;padding:24px 0;min-width:0}
.team-experience-panel,.cooperation-panel{min-width:0;padding:0 28px}
.cooperation-panel{border-left:1px solid #e2eaf2}
.about-capabilities h2{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.2vw,22px);line-height:1.4;margin:0 0 12px}
.about-capabilities h2>span{width:18px;height:2px;background:var(--orange)}
.company-position{font-size:clamp(11px,.82vw,15px);color:#647a94;line-height:1.6;margin:0 0 20px}
.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.experience-grid article{position:relative;min-width:0;padding:0 12px 0 0;border-right:1px solid #e2eaf2;display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:center}
.experience-grid article:last-child{border:0;padding:0}
.experience-grid svg{width:23px;height:23px;fill:none;stroke:#1e71c9;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.experience-grid strong{font-size:clamp(20px,1.9vw,34px);font-weight:650;line-height:1.3;white-space:nowrap;letter-spacing:-.04em}
.experience-grid p{grid-column:1/-1;margin:3px 0 0;font-size:clamp(11px,.78vw,14px);line-height:1.7;color:#647a94}
.cooperation-steps{display:grid;grid-template-columns:1fr 12px 1fr 12px 1fr 12px 1fr;gap:8px;align-items:center}
.cooperation-steps article{display:grid;grid-template-columns:1fr auto;gap:5px;padding:12px;background:#f4f8fd;border-radius:7px;min-width:0}
.cooperation-steps em{font-style:normal;font-size:12px;letter-spacing:.08em;color:#7b93af}
.cooperation-steps svg{width:22px;height:22px;fill:none;stroke:#1766b7;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cooperation-steps b{grid-column:1/-1;font-size:clamp(12px,.88vw,16px);line-height:1.5}
.cooperation-steps p{grid-column:1/-1;margin:0;font-size:clamp(10px,.73vw,13px);line-height:1.7;color:#6b809b}
.cooperation-steps>i{font-style:normal;color:#8babc9;font-size:22px;text-align:center}
.about-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#eaf2fb;border:1px solid #dce7f3;border-radius:10px;padding:20px 28px}
.about-cta>div{width:100%;text-align:center}
.about-cta h2{margin:0;font-size:clamp(18px,1.3vw,24px);line-height:1.5}
.about-cta p{margin:5px 0 0;font-size:13px;color:#647a94;line-height:1.7}
.about-cta a{flex-shrink:0;display:inline-flex;align-items:center;gap:28px;padding:13px 22px;border-radius:6px;background:#084b98;color:#fff;font-size:14px;font-weight:600}
.about-cta a:hover{background:#063b7b}.about-cta a:focus-visible{outline:3px solid #2788ef;outline-offset:4px}
@media(min-width:1100px) and (min-height:800px){.about-main{grid-template-rows:minmax(360px,1fr) auto auto;height:calc(100svh - var(--header-height))}.about-hero{min-height:0}.about-copy{justify-content:center}.company-intro{margin-top:28px}.vision-closing{margin-top:28px}}
@media(min-width:981px) and (max-height:799px){.about-main{gap:14px;padding-top:16px;padding-bottom:16px}.about-copy{padding:24px}.team-visual{min-height:300px}.company-intro{margin-top:18px;font-size:15px;line-height:1.75}.vision-closing{margin-top:18px;font-size:20px}.about-capabilities{padding-block:18px}.about-cta{padding-block:16px}}
@media(max-width:1150px){.team-experience-panel,.cooperation-panel{padding-inline:18px}.cooperation-steps{gap:4px}.cooperation-steps article{padding:8px}.experience-grid{gap:8px}.experience-grid article{grid-template-columns:1fr}.experience-grid svg{display:none}}
@media(max-width:980px){.about-main{gap:18px;padding:24px var(--side)}.about-hero{grid-template-columns:1fr}.about-copy{padding:28px}.team-visual{height:auto;min-height:0;aspect-ratio:1116/488}.about-capabilities{grid-template-columns:1fr;padding:24px}.team-experience-panel,.cooperation-panel{padding:0}.cooperation-panel{margin-top:24px;padding-top:24px;border-left:0;border-top:1px solid #e2eaf2}.experience-grid strong{font-size:28px}.experience-grid p,.company-position{font-size:13px}.cooperation-steps article{padding:12px}.cooperation-steps b{font-size:14px}.cooperation-steps p{font-size:12px}.about-cta{align-items:flex-start;flex-direction:column;padding:24px}}
@media(max-width:600px){.about-main{padding:16px;gap:14px}.about-copy{padding:22px}.about-copy h1{font-size:30px}.company-intro{font-size:16px;line-height:1.85}.vision-closing{font-size:21px}.about-capabilities{padding:22px}.company-position{font-size:12px}.experience-grid strong{font-size:23px}.experience-grid p{font-size:11px}.cooperation-steps{grid-template-columns:1fr 1fr;gap:10px}.cooperation-steps>i{display:none}.about-cta h2{font-size:18px}.about-cta a{width:100%;justify-content:space-between}.team-visual figcaption{font-size:9px}}