/* Large photography and client language define the company page. */
.about-page{--about-space:clamp(64px,5vw,96px)}.about-symbols{position:absolute;width:0;height:0;overflow:hidden}.about-block{padding-block:var(--about-space);scroll-margin-top:110px}.about-page h2{font-size:var(--font-section);font-weight:500;line-height:1.4;letter-spacing:-1px}.about-page h2>span{color:var(--blue)}.about-page .eyebrow{letter-spacing:2.5px;margin-bottom:26px}
.about-hero{position:relative;color:white;background:var(--navy);overflow:hidden;min-height:clamp(480px,39vw,740px);display:flex;align-items:center}.about-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}.about-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#032b55db,#093d6890 50%,#0b426c20)}.about-hero .wrap{position:relative;z-index:1;padding-block:65px}.about-hero .eyebrow{color:#c1def8}.about-hero h1{font-size:var(--font-hero);font-weight:500;line-height:1.3;letter-spacing:2px}.about-hero h1 span{color:#74bbef}.hero-caption{font-size:var(--font-body);color:#dceaf7;letter-spacing:2px;margin-top:30px}.about-hero .breadcrumbs{margin-top:50px}.hero-sign{position:absolute;z-index:1;right:8%;bottom:35px;color:#ffffff60;font:var(--font-meta)/1.5 Arial,sans-serif;letter-spacing:4px}
.about-anchor-nav{border-bottom:1px solid var(--line)}.about-anchor-nav .wrap{display:flex;gap:65px}.about-anchor-nav a{min-height:70px;display:flex;align-items:center;font-size:var(--font-nav);border-bottom:2px solid transparent}.about-anchor-nav a:hover{color:var(--blue);border-color:var(--blue)}
.company-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.company-intro{color:var(--muted);font-size:var(--font-body);line-height:2.1;max-width:640px}.company-intro p+p{margin-top:18px}.about-numbers{display:grid;grid-template-columns:1fr 1fr 1.2fr;margin:60px 0 50px;padding-top:30px;border-top:1px solid var(--line)}.about-numbers>div{padding-left:45px;border-left:1px solid var(--line)}.about-numbers>div:first-child{padding:0;border:0}.about-numbers strong{font:400 var(--font-number)/1.2 Arial,'Microsoft YaHei',sans-serif;color:var(--blue)}.about-numbers strong>span{font:var(--font-meta)/1.5 'Microsoft YaHei',sans-serif;margin-left:12px}.about-numbers>div:last-child strong{font-size:var(--font-number)}.about-numbers p{font-size:var(--font-meta);color:var(--muted);margin-top:15px}.company-panorama{margin:0;position:relative;background:var(--pale);overflow:hidden}.company-panorama img{width:100%;height:clamp(330px,27vw,510px);object-fit:cover}.company-panorama figcaption{position:absolute;left:30px;bottom:24px;color:white;font:var(--font-meta)/1.5 Arial,sans-serif;letter-spacing:2px;background:#082a50a6;padding:8px 14px}
#business{background:#f4f7fa}.about-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}.business-grid{display:grid;grid-template-columns:repeat(4,1fr)}.business-grid>a{display:block;border-left:1px solid #d5e0eb;padding:10px 30px 0}.business-grid>a:first-child{padding-left:0;border:0}.business-grid svg{display:block;width:60px;height:60px;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:34px}.business-grid a>span{font:var(--font-body)/1.5 Arial,sans-serif;letter-spacing:1px;color:#72879b}.business-grid h3{font-size:var(--font-card);font-weight:500;line-height:1.6;margin-top:18px}.business-grid a:hover h3{color:var(--blue)}
.strength-scene{position:relative;overflow:hidden;background:var(--navy);color:white;padding:clamp(70px,6vw,115px) 0 140px;scroll-margin-top:100px}.strength-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 64%}.strength-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#082d55f2,#082d55a8 48%,#082d5518)}.strength-scene>.wrap{position:relative;z-index:1}.strength-scene .eyebrow{color:#b5d5f1}.strength-scene h2{font-size:var(--font-section)}.strength-scene h2>span{color:#7bc2ff}.strength-facts{margin:28px 0 30px;display:grid;gap:9px;font-size:var(--font-body);color:#d8e7f4}.strength-bottom.wrap{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff40;padding-block:26px;text-align:center;font-size:var(--font-body);letter-spacing:4px}.strength-bottom>span+span{border-left:1px solid #ffffff40}
.culture-section{overflow:hidden;background:#fff url('/static/index/images/power-lines.svg') right top/65% auto no-repeat}.culture-section h2{font-size:var(--font-section)}.culture-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:44px}.culture-motto{font-size:var(--font-card);color:var(--blue);letter-spacing:4px}.culture-vision{font-size:var(--font-body);color:var(--muted);margin:25px 0 35px}.culture-grid figure{position:relative;margin:0}.culture-grid img{width:100%;height:clamp(320px,27vw,490px);object-fit:cover;object-position:center 65%}.culture-grid figcaption{position:absolute;bottom:0;left:0;right:0;padding:36px 30px 24px;color:white;font-size:var(--font-meta);letter-spacing:3px;background:linear-gradient(transparent,#082a50b8)}
@media(max-width:1100px){.company-heading,.culture-grid{gap:35px}.company-intro{font-size:var(--font-body)}.business-grid>a{padding-inline:20px}.business-grid h3{font-size:var(--font-card)}.about-numbers>div{padding-left:25px}}
@media(max-width:767px){.about-page{--about-space:54px}.about-hero{min-height:490px}.about-hero .wrap{padding-block:55px}.about-hero h1{font-size:var(--font-hero)}.about-hero .eyebrow{font-size:var(--font-label)}.hero-caption{font-size:var(--font-body);letter-spacing:1px;margin-top:26px}.hero-sign{display:none}.about-hero .breadcrumbs{margin-top:38px}.about-anchor-nav .wrap{gap:25px;overflow-x:auto;scrollbar-width:thin}.about-anchor-nav a{min-height:58px;flex-shrink:0;font-size:var(--font-nav)}.about-page h2{font-size:var(--font-section);letter-spacing:-.6px}.company-heading{grid-template-columns:1fr;gap:26px}.company-intro{font-size:var(--font-body);line-height:2}.about-numbers{grid-template-columns:1fr 1fr;gap:25px 20px;margin:34px 0 30px;padding-top:25px}.about-numbers>div{border:0;padding:0}.about-numbers strong{font-size:var(--font-number)}.about-numbers strong>span{font-size:var(--font-meta);margin-left:6px}.about-numbers>div:last-child{grid-column:span 2}.about-numbers>div:last-child strong{font-size:var(--font-number)}.about-numbers p{font-size:var(--font-meta);margin-top:10px}.company-panorama img{height:260px}.company-panorama figcaption{left:12px;bottom:12px;font-size:var(--font-meta);letter-spacing:1px}.about-heading{display:block;margin-bottom:30px}.about-heading>.text-link{margin-top:25px;font-size:var(--font-body)}.business-grid{grid-template-columns:1fr 1fr;gap:32px 20px}.business-grid>a,.business-grid>a:first-child{padding:0;border:0}.business-grid svg{width:46px;height:46px;margin-bottom:20px}.business-grid a>span{font-size:var(--font-body);letter-spacing:.5px}.business-grid h3{font-size:var(--font-card);margin-top:12px}.strength-scene{padding:60px 0 115px}.strength-scene h2{font-size:var(--font-section)}.strength-scene:after{background:linear-gradient(90deg,#082d55ed,#082d5580)}.strength-facts{font-size:var(--font-body);line-height:1.9;gap:5px;margin:24px 0}.strength-bottom.wrap{font-size:var(--font-meta);letter-spacing:1px;padding-block:22px}.culture-section{background-size:100% auto}.culture-grid{grid-template-columns:1fr;gap:30px;margin-top:28px}.culture-motto{font-size:var(--font-card);letter-spacing:2px}.culture-vision{font-size:var(--font-body);line-height:1.9;margin:20px 0 25px}.culture-grid img{height:330px}.culture-grid figcaption{font-size:var(--font-meta);padding:30px 20px 20px;letter-spacing:2px}}

.company-panorama.company-showroom img{height:auto;display:block}

/* Company overview: balanced text and showroom photograph. */
.company-overview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:stretch}.company-overview .company-heading{display:block}.company-overview .company-heading h2{margin-bottom:24px}.company-overview .company-intro{max-width:none;line-height:1.95}.company-overview .about-numbers{grid-template-columns:1fr 1fr;gap:24px;margin:30px 0 0;padding-top:24px}.company-overview .about-numbers>div{padding:0;border:0}.company-overview .about-numbers>div:last-child{grid-column:1/-1}.company-overview .about-numbers strong,.company-overview .about-numbers>div:last-child strong{font-size:34px}.company-overview .about-numbers p{margin-top:7px}.company-overview .company-showroom{align-self:stretch;min-height:360px}.company-overview .company-panorama.company-showroom img{height:100%;width:100%;object-fit:cover;object-position:center;position:absolute;inset:0}.company-overview .company-panorama figcaption{left:20px;bottom:20px;letter-spacing:1px}
@media(max-width:900px){.company-overview{grid-template-columns:1fr;gap:30px}.company-overview .company-showroom{min-height:0;aspect-ratio:2.1/1}.company-overview .about-numbers{grid-template-columns:1fr 1fr 1.2fr;gap:20px}.company-overview .about-numbers>div:last-child{grid-column:auto}.company-overview .about-numbers strong,.company-overview .about-numbers>div:last-child strong{font-size:28px}}
@media(max-width:540px){.company-overview .about-numbers{grid-template-columns:1fr 1fr}.company-overview .about-numbers>div:last-child{grid-column:1/-1}.company-overview .company-showroom{aspect-ratio:1.75/1}.company-overview .company-heading h2{margin-bottom:20px}}

.company-overview{align-items:center}.company-media{min-width:0}.company-overview .company-showroom{min-height:0;aspect-ratio:1.35/1}.company-overview .company-intro{font-size:16px}.company-overview .company-intro p+p{margin-top:16px}@media(max-width:900px){.company-overview .company-showroom{aspect-ratio:2.1/1}}@media(max-width:540px){.company-overview .company-showroom{aspect-ratio:1.75/1}}

/* Slow reversible movement keeps a single set of certificate controls. */
.qualification-track.is-auto-scroll{scroll-snap-type:none;scroll-behavior:auto}.qualification-controls .qualification-autoplay{width:auto;min-width:104px;border-radius:23px;padding:0 16px;font-size:14px;white-space:nowrap}.qualification-controls button:focus-visible,.qualification-card:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.qualification-controls .qualification-autoplay:disabled{opacity:.65;cursor:default}
@media(max-width:767px){.qualification-controls{gap:8px}.qualification-controls button{min-width:44px;min-height:44px}.qualification-controls .qualification-autoplay{min-width:96px;padding:0 10px}.qualifications-section .about-heading{gap:12px;flex-wrap:wrap}.qualifications-section .about-heading h2{margin:0}}

.company-overview .company-heading h2{font-size:clamp(24px,2.55vw,38px);white-space:nowrap;letter-spacing:0}@media(max-width:540px){.company-overview .company-heading h2{font-size:clamp(21px,6vw,30px)}}

/* One responsive type scale for all company-page section headings. */
.about-page main h2{font-size:clamp(24px,2.55vw,38px);font-weight:500;line-height:1.4;letter-spacing:0}@media(max-width:540px){.about-page main h2{font-size:clamp(21px,6vw,30px)}}

.company-copy .about-numbers{margin:30px 0 0}

.company-overview .company-copy .about-numbers{grid-template-columns:1fr 1fr 1.2fr;gap:clamp(8px,1.5vw,24px)}.company-overview .company-copy .about-numbers>div:last-child{grid-column:auto}.company-copy .about-numbers strong{white-space:nowrap}.company-overview .company-copy .about-numbers strong,.company-overview .company-copy .about-numbers>div:last-child strong{font-size:clamp(24px,2.2vw,34px)}.company-copy .about-numbers strong>span{margin-left:6px}@media(max-width:540px){.company-overview .company-copy .about-numbers strong,.company-overview .company-copy .about-numbers>div:last-child strong{font-size:24px}.company-copy .about-numbers strong>span{font-size:11px;margin-left:4px}.company-copy .about-numbers p{font-size:11px}}

/* Fine circuitry and waveform texture behind the company culture section. */
.culture-section{background:#fff url('/static/index/images/culture-tech.svg') right bottom/85% auto no-repeat}
@media(max-width:767px){.culture-section{background-size:auto 70%;background-position:center bottom}}
