/* What We Do: scoped design; current Claude copy is preserved. */
.page-about{--font:"Microsoft YaHei","微软雅黑",Arial,sans-serif;--wrap:100rem;--gut:clamp(1.25rem,5vw,5rem);--hdr:5.25rem;--sp:clamp(4rem,6vw,7rem);--r:.5rem;--grad:linear-gradient(110deg,#0f3193,#35b2d2);font-family:var(--font);color:#10243b}
.page-about .hdr{position:fixed;inset:0 0 auto;background:transparent;border:0;box-shadow:none;backdrop-filter:none;transition:background .35s}
.page-about .hdr.is-stuck{background:#21313eaa;backdrop-filter:blur(.75rem)}
.page-about .hdr__logo img{content:url('../img/logo-white.png');height:2rem}
.page-about .hdr__nav{gap:clamp(.75rem,1.3vw,1.5rem)}
.page-about .hdr__nav a{font-size:1.125rem;font-weight:400;letter-spacing:0;color:white}
.page-about .hdr__nav a::after{background:#35b2d2}
.page-about .burger span,.page-about .burger span::before,.page-about .burger span::after{background:white}
.page-about.is-menu .burger span{background:transparent}
.page-about .btn{background:#0f3193;border-radius:.25rem;font-size:1rem;letter-spacing:0;font-weight:400;padding:0 1.75rem;height:3rem}
.page-about .hdr__cta{font-size:1.25rem;height:2.75rem}
.page-about .phero{background:#102c41;border:0;position:relative}
.page-about .hero__bg{position:absolute;inset:0;background:linear-gradient(90deg,#081e32cf,#102c4144),url('../img/com-campus.jpg') center/cover;opacity:1}
.page-about .phero__in{min-height:82svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:calc(var(--hdr) + 3rem) 7rem;position:relative}
.page-about .phero h1{font-size:clamp(3rem,4.5vw,5rem);font-weight:700;line-height:1.2;color:white;letter-spacing:-.02em}
.page-about .phero p{font-size:clamp(1.25rem,2vw,2rem);color:#eef7fb;max-width:none;margin-top:1.5rem}
.page-about .crumbs,.page-about .crumbs a,.page-about .crumbs .cur{font-size:.875rem;color:#e2eef4;letter-spacing:0}
.page-about .crumbs{margin-bottom:2rem}
.page-about .subnav{position:sticky;top:calc(var(--hdr) + .75rem);margin-top:-2rem;height:4rem;border:0;background:none;backdrop-filter:none;pointer-events:none}
.page-about .subnav__in{width:max-content;max-width:calc(100% - 2*var(--gut));padding:0 .75rem;gap:.375rem;height:4rem;background:#fffffff2;border:.0625rem solid #dce7ef;border-radius:.5rem;box-shadow:0 .6rem 2rem #10243b12;pointer-events:auto}
.page-about .subnav a{font-size:1rem;text-transform:none;font-weight:400;letter-spacing:0;padding:.85rem 1.1rem;border-radius:.25rem}
.page-about .subnav a::after{display:none}
.page-about .subnav a.is-active{color:white;background:#0f3193}
.page-about .section{scroll-margin-top:calc(var(--hdr) + 6rem)}
.page-about .eyebrow{font-size:1.5rem;font-weight:700;letter-spacing:0;text-transform:none;line-height:1.5}
.page-about .hero__bg{background:linear-gradient(90deg,#071b35ee,#092e4866),url('../img/wwd-client-cabling.webp') center/cover}
.page-about .phero__in{padding-inline:var(--gut);min-height:76svh}
.page-about .hero-label{font-size:1.25rem;letter-spacing:.08em;color:#9ee3f1;margin-bottom:2rem}
.page-about .phero h1{font-size:clamp(2.5rem,4vw,4.5rem);max-width:60rem;line-height:1.25}
.page-about .section{padding:5rem 0;scroll-margin-top:calc(var(--hdr) + 6rem)}
.page-about .h-lg{font-size:clamp(2rem,3vw,3rem);line-height:1.35;font-weight:400;letter-spacing:0;margin-top:1rem}
.page-about .body{font-size:1.375rem;line-height:1.85;color:#45657c}
.page-about .mt-48{margin-top:3rem}.page-about .mt-64{margin-top:4rem}
.page-about #who>.wrap{display:grid;grid-template-columns:1fr 1.1fr;column-gap:5rem;align-items:center}
.page-about #who .eyebrow{grid-column:1;align-self:end;margin:0 0 1.25rem}
.page-about #who p{grid-column:1;text-align:left;margin:0;align-self:start;max-width:none}
.page-about #who .shot{grid-column:2;grid-row:1/3;margin:0;aspect-ratio:4/3;border-radius:.5rem;box-shadow:none}
.page-about #who .shot img{object-fit:cover}
.page-about #capabilities{background:#f2f7fa}
.page-about .caplist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:.0625rem solid #ccdfe9;border-left:.0625rem solid #ccdfe9}
.page-about .capitem{padding:2.25rem;display:flex;flex-direction:column;gap:1.5rem;border-right:.0625rem solid #ccdfe9;border-bottom:.0625rem solid #ccdfe9;transition:background .4s}
.page-about .capitem:hover{background:white}
.page-about .capitem .ic{width:4.5rem;height:4.5rem;display:grid;place-items:center;border-radius:1.25rem;background:linear-gradient(130deg,#0f3193,#35b2d2);box-shadow:0 .75rem 1.5rem #0f319315}
.page-about .capitem svg{width:2.5rem;height:2.5rem;stroke:white;fill:none;stroke-width:1.3}
.page-about .capitem h3{font-size:1.375rem;line-height:1.5;font-weight:700;margin-bottom:.75rem}
.page-about .capitem p{font-size:1.0625rem;line-height:1.8;color:#4e6b7e}
.page-about #regional>.wrap{display:grid;grid-template-columns:.75fr 1.25fr;column-gap:3rem;align-items:center}
.page-about #regional .center{grid-column:1;text-align:left;align-self:end}
.page-about #regional .eyebrow{justify-content:flex-start}
.page-about #regional h2{grid-column:1;text-align:left;align-self:start}
.page-about #regional .shot{grid-column:2;grid-row:1/3;margin:0;max-width:43rem;aspect-ratio:1;justify-self:center;background:transparent;box-shadow:none}
.page-about #regional img{object-fit:contain}
.page-about #journey{background:#0e2a40;color:#fff}
.page-about #journey .eyebrow,.page-about #journey h2{color:white}
.page-about .journey{display:flex;flex-direction:column;gap:3rem}
.page-about .jmain{display:grid;grid-template-columns:1fr 1.15fr;grid-template-rows:auto 1fr;gap:1.5rem 4rem;align-items:center}
.page-about .jmain p{grid-column:1;grid-row:2;margin:0;align-self:start;color:#d3e3ed;max-width:36ch}
.page-about .jyear{grid-column:1;grid-row:1;color:#6dd3e7;font-size:clamp(3rem,6vw,6rem);line-height:1.15;letter-spacing:-.03em}
.page-about .jmain__media{grid-column:2;grid-row:1/3;aspect-ratio:16/10;background:#eaf3f8;border-radius:.5rem;box-shadow:none}
.page-about .jmain__media img{object-fit:contain}
.page-about .jsteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;border:0;border-top:.0625rem solid #ffffff35;text-align:left}
.page-about .jstep{font-size:1.125rem;color:#adc6d8;font-weight:400;padding:1.5rem 1rem 1rem 0;text-align:left;line-height:1.5}
.page-about .jstep::after{top:-.125rem;left:0;right:0;width:100%;height:.1875rem;background:#35b2d2;opacity:0;transform:none}
.page-about .jstep.is-on{color:#fff;font-weight:400}.page-about .jstep.is-on::after{height:.1875rem;opacity:1}
.page-about #values>.wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:1rem 4rem}
.page-about #values .eyebrow{grid-column:1}
.page-about #values h2{grid-column:1;margin:0}
.page-about #values .mt-48{grid-column:2;grid-row:1/3;margin:0}
.page-about .acc{border:0;border-bottom:.0625rem solid #cfdee7;border-radius:0;background:transparent;margin:0}
.page-about .acc__hd{padding:1.75rem 0}
.page-about .acc__hd h4{font-size:1.5rem;letter-spacing:0;text-transform:none;font-weight:400}
.page-about .acc__bd>div{padding:0 2rem 1.75rem 0;font-size:1.125rem;line-height:1.8;color:#4e6b7e}
.page-about #honors{background:#f2f7fa}
.page-about .certcard{border:.0625rem solid #dae5ed;border-radius:.5rem;box-shadow:none}
.page-about .certcard .shot{aspect-ratio:4/3}
.page-about .certcard .shot img{padding:1.5rem;object-fit:contain}
.page-about .certcard span{font-size:1.0625rem;padding:1.5rem;line-height:1.6;border-top:.0625rem solid #e0eaf1}
.page-about .logos{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.page-about .logo-cell{font-size:1.375rem;padding:2rem 1rem;min-height:6rem;border:.0625rem solid #d5e5ef;border-radius:.25rem;background:#fff;color:#183f5e;transition:background .4s}
.page-about .logo-cell:hover{background:#edf7fb}.page-about .ecodots{display:none}
.page-about .cta{padding:5rem 0;background:#0f2e46;color:white}
.page-about .cta h2{color:white}.page-about .cta p{font-size:1.25rem;line-height:1.8;color:#d5e6f0;max-width:48rem;margin:1.5rem auto 2rem}
.page-about .mmenu{visibility:hidden}.page-about.is-menu .mmenu{visibility:visible}
.page-about .ftr__grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1.05fr) minmax(0,1fr)}
.page-about .ftr__grid>*{min-width:0}.page-about .ftr__nav a,.page-about .ftr__addr,.page-about .ftr__link{font-size:1rem;line-height:1.7}.page-about .ftr__addr{overflow-wrap:anywhere}
.page-about :focus-visible{outline:.125rem solid #35b2d2;outline-offset:.25rem}
@media(max-width:80rem){.page-about .hdr__nav{display:none}.page-about .burger{display:block}.page-about .hdr__cta{margin-left:auto}.page-about .subnav__in{overflow:auto}}
@media(max-width:60rem){.page-about{--hdr:4.5rem}.page-about .caplist{grid-template-columns:repeat(2,minmax(0,1fr))}.page-about #who>.wrap,.page-about #regional>.wrap,.page-about #values>.wrap{display:flex;flex-direction:column;align-items:stretch;gap:1.5rem}.page-about #who .shot{margin-top:1rem}.page-about #regional .shot{width:100%;max-width:38rem;align-self:center}.page-about .jmain{gap:1.5rem 2rem}.page-about .logos{grid-template-columns:repeat(3,minmax(0,1fr))}.page-about .ftr__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:40rem){.page-about{--hdr:4rem}.page-about .phero__in{min-height:36rem}.page-about .phero h1{font-size:2.5rem}.page-about .section{padding:3.5rem 0}.page-about .subnav__in{max-width:calc(100% - 1rem)}.page-about .subnav a{font-size:.875rem;padding:.75rem}.page-about .caplist{grid-template-columns:1fr}.page-about .capitem{padding:1.75rem}.page-about .jmain{display:flex;flex-direction:column;align-items:stretch;gap:1.5rem}.page-about .jyear{order:-2}.page-about .jmain p{order:-1}.page-about .jsteps{grid-template-columns:repeat(2,minmax(0,1fr))}.page-about .jstep{font-size:1rem}.page-about .logos{grid-template-columns:repeat(2,minmax(0,1fr))}.page-about .logo-cell{font-size:1.125rem}.page-about .ftr__grid{grid-template-columns:1fr}.page-about .ftr__nav{grid-template-columns:repeat(2,minmax(0,1fr))}.page-about .ftr__nav a{white-space:normal}}
@media(prefers-reduced-motion:reduce){.page-about *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.page-about #regional h2.center{align-self:start;margin-top:1rem}
.page-about #regional>.wrap{grid-template-rows:1fr 1fr}