/* Shared visual standards — headings are normalized by presentation role. */
:root{
 --ui-font:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 --ui-ink:#142d3e;--ui-text:#536b7c;--ui-muted:#7c929f;--ui-blue:#1768a9;--ui-border:#d5e1e8;
 --ui-hero:56px;--ui-section:40px;--ui-detail:40px;--ui-card:22px;--ui-subsection:24px;--ui-model:28px;--ui-statement:32px;
 --ui-body:16px;--ui-reading:17px;--ui-lead:17px;--ui-compact:14px;--ui-caption:12px;
 --ui-section-space:80px;--ui-heading-gap:32px;--ui-grid-gap:32px;--ui-button-height:48px;
 --ui-shell:min(1280px,calc(100% - 96px));
}
body{font-family:var(--ui-font)!important;font-size:var(--ui-body);line-height:1.8}
[data-typography]{font-family:var(--ui-font)!important;letter-spacing:0!important;overflow-wrap:anywhere}
[data-typography=hero]{font-size:var(--ui-hero)!important;font-weight:600!important;line-height:1.25!important;margin:20px 0 16px!important}
[data-typography=home-hero]{font-size:clamp(50px,5.2vw,76px)!important;font-weight:600!important;line-height:1.18!important}
[data-typography=section]{font-size:var(--ui-section)!important;font-weight:600!important;line-height:1.35!important;margin:0!important}
[data-typography=detail]{font-size:var(--ui-detail)!important;font-weight:600!important;line-height:1.4!important;letter-spacing:0!important}
[data-typography=subsection]{font-size:var(--ui-subsection)!important;font-weight:600!important;line-height:1.5!important;margin:0 0 16px!important}
[data-typography=card]{font-size:var(--ui-card)!important;font-weight:500!important;line-height:1.6!important;margin:0 0 16px!important}
[data-typography=model]{font-size:var(--ui-model)!important;font-weight:500!important;line-height:1.5!important;margin:0 0 16px!important}
[data-typography=statement]{font-size:var(--ui-statement)!important;font-weight:500!important;line-height:1.65!important;margin:0!important;white-space:pre-line}
[data-typography=small-heading]{font-size:18px!important;font-weight:500!important;line-height:1.6!important;margin:0 0 12px!important}
[data-typography=footer]{font-size:14px!important;font-weight:500!important;line-height:1.6!important;margin:0 0 20px!important}
:is(main,#product-dialog) [data-copy]{font-family:var(--ui-font)!important;line-height:1.95!important}
main [data-copy=body],#product-dialog [data-copy=body]{font-size:var(--ui-body)!important}
main [data-copy=reading]{font-size:var(--ui-reading)!important;line-height:2!important}
main [data-copy=lead]{font-size:var(--ui-lead)!important;line-height:1.95!important}
main [data-copy=compact]{font-size:var(--ui-compact)!important;line-height:1.85!important}
main [data-copy=hero]{font-size:17px!important;line-height:1.85!important}
main .restored-copy p,main .overview-body p,main .reading-panel p{margin:0!important}
main .restored-copy p+p,main .overview-body p+p,main .reading-panel p+p{margin-top:20px!important}
main .detail-lead{margin-bottom:32px!important}
main .section-kicker,main .kicker,main .section-heading .eyebrow{font-family:var(--ui-font)!important;font-size:12px!important;font-weight:600!important;line-height:1.5!important;letter-spacing:.14em!important}
main .detail-heading,main .section-head,main .section-heading,main .catalog-heading,main .contact-head,main .address-heading{margin-bottom:var(--ui-heading-gap)!important}
main .detail-heading .section-kicker,main .section-head .section-kicker,main .catalog-heading .kicker,main .contact-head .section-kicker,main .address-heading .section-kicker{margin-bottom:16px!important}
main>.detail-section,main>.section,main>.catalog,main>.contact-main,main>.address-section{padding-top:var(--ui-section-space)!important;padding-bottom:var(--ui-section-space)!important}
main>.news-main{padding-top:32px!important;padding-bottom:var(--ui-section-space)!important}
main .shell,.page-subnav>.shell,.catalog-nav>.shell,.application-topic-nav>.shell,.news-category-nav>.shell{width:var(--ui-shell)}
main .job-detail-shell{max-width:1120px}
.detail-grid,.equipment-groups>article>div:last-child,.quality-source-records,.innovation-summary,.restored-commitments,.pay-policy-grid{gap:var(--ui-grid-gap)!important}
.detail-number+[data-typography=card],time+[data-typography=card]{margin-top:16px!important}
[data-ui-button=primary]{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:var(--ui-button-height)!important;min-width:120px;padding:12px 24px!important;font-family:var(--ui-font)!important;font-size:15px!important;font-weight:500!important;line-height:1.5!important;border-radius:0!important;gap:12px;box-sizing:border-box;text-align:center}
[data-ui-button=primary]:hover{filter:brightness(.96)}
[data-ui-button=text]{display:inline-flex!important;align-items:center;min-height:32px;font-family:var(--ui-font)!important;font-size:14px!important;font-weight:500!important;line-height:1.6!important;gap:10px}
.form-grid{gap:24px!important}.form-grid label{font-family:var(--ui-font)!important;font-size:14px!important;line-height:1.6!important;gap:12px!important}
.form-grid input,.form-grid select,.form-grid textarea{font-family:var(--ui-font)!important;font-size:15px!important;font-weight:400!important;line-height:1.7!important;border:1px solid var(--ui-border)!important;padding:12px 14px!important;border-radius:0!important;background:#f9fbfc!important}
.form-grid input,.form-grid select{height:48px!important;min-height:48px!important}.form-grid textarea{min-height:176px}.form-grid input[readonly]{background:#f0f5f8!important}
.form-actions,.job-detail-actions{gap:24px!important;margin-top:32px!important}
main a:focus-visible,main button:focus-visible,dialog a:focus-visible,dialog button:focus-visible{outline:2px solid #2f82bd;outline-offset:3px}
.form-grid :is(input,select,textarea):focus-visible{outline:2px solid #2f82bd;outline-offset:2px}
.modal-spec,.application-fact{min-height:48px;padding:14px 16px!important;gap:20px!important;font-family:var(--ui-font)!important;align-items:start}
.modal-spec span,.application-fact>span{font-family:var(--ui-font)!important;font-size:14px!important;line-height:1.8!important;font-weight:400!important}
.modal-spec strong,.application-fact strong{font-family:var(--ui-font)!important;font-size:14px!important;line-height:1.8!important;font-weight:500!important}
.mini-spec{padding-block:12px!important}.mini-spec span{font-size:12px!important;line-height:1.8}.mini-spec strong{font-size:14px!important;line-height:1.8}
.recruitment-row{padding:24px 16px!important;gap:24px!important}.recruitment-row .job-place,.recruitment-row .job-requirement,.job-table-head{font-size:14px!important;line-height:1.8!important}
.policy-item,.faults-restored>article{padding-block:32px!important;gap:32px!important}.policy-item h3{font-size:var(--ui-card)!important}.restored-list li{margin-bottom:12px!important}
.honor-filters button,.archive-controls button,.series-button,.news-pagination button{font-family:var(--ui-font)!important;font-size:13px!important;line-height:1.5!important;min-height:40px}
.article-meta,.job-detail-meta{font-family:var(--ui-font)!important;font-size:14px!important;line-height:1.8!important}
.site-footer .global-footer-grid{gap:48px}.site-footer .global-footer-links,.site-footer .global-footer-contact{font-size:13px;line-height:1.8}
/* The group overview remains a page banner; this landscape never depicts company premises. */
.applications-brand-hero .hero-image{inset:0!important}.applications-brand-hero .hero-image img{object-position:center!important}
.applications-brand-hero:after{background:linear-gradient(90deg,#061725ed 0%,#092a43bb 37%,#092a4333 67%,transparent 100%)!important}
.applications-brand-hero .hero-copy{width:49%;padding-right:20px}
.applications-banner-products{position:absolute;z-index:1;right:4%;bottom:5%;width:43%;height:60%;pointer-events:none}
.applications-banner-products .banner-product{position:absolute;object-fit:contain;filter:drop-shadow(0 16px 18px #061a2780)}
.banner-product--eworks{height:84%;width:66%;right:0;bottom:4%}.banner-product--pto{height:64%;width:40%;left:0;bottom:0}
@media(min-width:901px){main>.brand-hero{min-height:486px!important}}
@media(max-width:1100px){:root{--ui-hero:48px;--ui-section:34px;--ui-detail:34px;--ui-card:21px;--ui-subsection:23px;--ui-model:26px;--ui-statement:28px;--ui-body:15px;--ui-reading:16px;--ui-lead:16px;--ui-section-space:64px;--ui-heading-gap:28px;--ui-grid-gap:28px;--ui-shell:calc(100% - 64px)}.site-footer .global-footer-grid{gap:32px}.applications-banner-products{right:1%;width:48%}}
@media(max-width:820px){:root{--ui-shell:calc(100% - 40px)}.page-subnav>.shell,.catalog-nav>.shell,.application-topic-nav>.shell,.news-category-nav>.shell{width:100%;padding-inline:20px}.applications-brand-hero .hero-copy{width:100%;padding-right:0;max-width:620px}.applications-brand-hero:after{background:linear-gradient(180deg,#061725e8 0%,#092a43d1 45%,#092a4322 76%,transparent)!important}.applications-banner-products{width:55%;height:38%;right:4%;bottom:3%}.applications-brand-hero .hero-image img{object-position:65% center!important}}
@media(max-width:540px){:root{--ui-hero:36px;--ui-section:30px;--ui-detail:28px;--ui-card:20px;--ui-subsection:22px;--ui-model:24px;--ui-statement:26px;--ui-body:15px;--ui-reading:15px;--ui-lead:15px;--ui-compact:13px;--ui-section-space:48px;--ui-heading-gap:24px;--ui-grid-gap:24px;--ui-button-height:44px}
 [data-typography=home-hero]{font-size:39px!important;line-height:1.2!important}[data-typography=small-heading]{font-size:17px!important}main [data-copy=hero]{font-size:15px!important}
 [data-ui-button=primary]{font-size:14px!important;padding:10px 20px!important;min-width:108px}[data-ui-button=text]{font-size:13px!important}
 .form-grid{gap:20px!important}.form-grid input,.form-grid select{height:44px!important;min-height:44px!important}.form-grid input,.form-grid select,.form-grid textarea{font-size:14px!important;padding:10px 12px!important}
 .modal-spec,.application-fact{padding:12px!important;gap:12px!important}.modal-spec span,.modal-spec strong,.application-fact>span,.application-fact strong{font-size:13px!important}
 .recruitment-row{padding:24px 0!important;gap:16px!important}.recruitment-row .job-requirement{font-size:13px!important}
 .policy-item,.faults-restored>article{padding-block:24px!important;gap:16px!important}.site-footer .global-footer-grid{gap:32px}.article-meta,.job-detail-meta{font-size:13px!important}
 .applications-banner-products{width:77%;height:35%;right:2%;bottom:3%}.applications-brand-hero .hero-copy{padding-right:0}.applications-brand-hero .hero-image img{object-position:65% center!important}
}
@media(prefers-reduced-motion:reduce){[data-ui-button]{transition:none!important}}
/* Supporting labels share a readable secondary tone. */
.job-detail-meta,.article-meta,.job-table-head,.legacy-record-category,.recruitment-row .job-department,.certificate-dates,.application-number{color:#617b8d!important}
/* Prevent legacy fixed heights and child glyphs from changing CTA dimensions. */
:root body [data-ui-button=primary]{height:auto!important;min-height:var(--ui-button-height)!important}
[data-ui-button=primary]>span{font-size:inherit!important;line-height:inherit!important}
[data-ui-button=primary]>svg{width:18px!important;height:18px!important;flex-shrink:0}
[data-typography],[data-copy]{transition-property:color,background-color,border-color,opacity,transform!important}
@media(max-width:540px){.site-header .icon-button,.site-header .language-button,.site-header .menu-button{min-width:44px;min-height:44px}}
.modal-spec span,.application-fact>span{color:#617b8d!important}
.modal-close,.document-close,.carousel-arrow{min-width:40px;min-height:40px}
@media(max-width:540px){.modal-close,.document-close,.carousel-arrow,.carousel-pause,.honor-filters button,.archive-controls button,.series-button,.news-pagination button{min-width:44px;min-height:44px}}
:root body [data-ui-button=primary]{line-height:22px!important;flex-shrink:0}
@media(max-width:540px){:root body [data-ui-button=primary]{line-height:21px!important}}

/* Full-width editorial banners blend continuously into the shared navy base. */
.brand-hero.abstract-hero::before{inset:0;opacity:1;background-position:right center;mask-image:linear-gradient(90deg,transparent 0%,#0003 20%,#0009 42%,#000e 63%,#000 82%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0003 20%,#0009 42%,#000e 63%,#000 82%)}
.brand-hero.abstract-hero::after{background:linear-gradient(90deg,#081c2e 0%,#081c2ef5 15%,#081c2eb8 33%,#081c2e66 51%,#081c2e1a 70%,transparent 86%)}
.brand-hero.abstract-hero--support{--abstract-image:url('banner/service-support-v1.png')}
.brand-hero.abstract-hero--support::before{mask-image:none;-webkit-mask-image:none}
.brand-hero.abstract-hero--support::after{background:linear-gradient(90deg,#081c2e66 0%,#081c2e33 35%,transparent 70%)}
@media(max-width:820px){
 .brand-hero.abstract-hero{min-height:430px}
 .brand-hero.abstract-hero>.shell{padding:52px 0 210px}
 .brand-hero.abstract-hero::before{background-position:75% center;mask-image:linear-gradient(180deg,transparent 0%,#0002 18%,#0009 47%,#000 76%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#0002 18%,#0009 47%,#000 76%)}
 .brand-hero.abstract-hero::after{background:linear-gradient(180deg,#081c2ef0 0%,#081c2eb3 28%,#081c2e40 57%,#081c2e0a 80%,transparent)}
 .brand-hero.abstract-hero--support::before{background-position:75% center;mask-image:linear-gradient(180deg,transparent 0%,#0005 25%,#000 65%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#0005 25%,#000 65%)}
}

@media(max-width:540px){.brand-hero.abstract-hero--support::before{background-size:auto 78%;background-position:88% bottom;mask-image:linear-gradient(180deg,transparent 0%,transparent 30%,#0005 48%,#000 75%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,transparent 30%,#0005 48%,#000 75%)}}

/* Industrial service imagery, monochrome partner marks, four application directions. */
.brand-hero.abstract-hero--support{--abstract-image:url('banner/service-engineering-v1.png')}
#partners .partner-tile img{filter:url(#partner-white);mix-blend-mode:normal}
#applications .legacy-field--actuation .field-picture{background:linear-gradient(180deg,#0c2e4833,#0b223577),url('banner/sky-v1.webp') center/cover}
#applications .legacy-field--actuation .field-picture img{object-fit:contain;width:80%;height:68%;margin:8% auto 0;display:block}
.application-media--actuation img{object-fit:contain!important;max-width:80%;margin:auto;display:block;filter:drop-shadow(0 14px 18px #102a3c22)}
.hero.about-brand-hero .hero-image{inset:0!important;mask-image:linear-gradient(90deg,transparent 0%,#0003 22%,#0009 43%,#000e 65%,#000 85%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0003 22%,#0009 43%,#000e 65%,#000 85%)}
.hero.about-brand-hero .hero-image img{object-position:right center}
.hero.about-brand-hero::before{display:none}
.hero.about-brand-hero::after{background:linear-gradient(90deg,#071a2b 0%,#071a2bf2 17%,#071a2bb3 35%,#071a2b66 53%,#071a2b1a 73%,transparent 90%)!important}
@media(min-width:901px){.mega-application-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.site-header .main-nav .mega-application-grid .mega-feature strong{font-size:17px}.mega-application-grid .mega-feature[href$='#shift-control'] img{background-image:url('banner/sky-v1.webp')}}
@media(min-width:651px) and (max-width:900px){.legacy-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){
 .hero.about-brand-hero .hero-image{mask-image:linear-gradient(180deg,transparent 0%,#0002 20%,#0009 47%,#000 76%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#0002 20%,#0009 47%,#000 76%)}
 .hero.about-brand-hero .hero-image img{object-position:70% center}
 .hero.about-brand-hero::after{background:linear-gradient(180deg,#071a2bf5 0%,#071a2bb8 30%,#071a2b4d 56%,#071a2b0d 82%,transparent)!important}
}
