@import url("https://cdn-font.hyperos.mi.com/font/css?family=MiSans:400,500,600:Chinese_Simplify,Latin&display=swap");
@font-face{font-family:"Inter";src:url("assets/fonts/InterVariable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--font-cn:"MiSans","PingFang SC","Microsoft YaHei",sans-serif;--font-latin:"Inter","Helvetica Neue",Arial,sans-serif;--font-tech:"Inter","Helvetica Neue",Arial,sans-serif}
.web-site,.mobile-site,.web-site button,.mobile-site button,.web-site input,.mobile-site input,.web-site select,.mobile-site select,.web-site textarea,.mobile-site textarea{font-family:var(--font-cn);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
html[lang="en"] :is(.web-site,.mobile-site),html[lang="en"] :is(.web-site,.mobile-site) :is(button,input,select,textarea){font-family:var(--font-latin)}
.web-site h1,.mobile-site h1{font-family:var(--font-cn);font-weight:600;letter-spacing:0}
.web-site :is(h2,h3,h4),.mobile-site :is(h2,h3,h4){font-family:var(--font-cn);font-weight:500;letter-spacing:0}
html[lang="en"] .web-site :is(h1,h2,h3,h4),html[lang="en"] .mobile-site :is(h1,h2,h3,h4){font-family:var(--font-latin);letter-spacing:-.02em}
.web-site :is(p,li,dd),.mobile-site :is(p,li,dd){font-weight:400;letter-spacing:normal;overflow-wrap:break-word}
.web-site :is(strong,b),.mobile-site :is(strong,b){font-weight:600}
.web-site :is(nav a,button,.button,.text-link,.system-action),.mobile-site :is(nav a,button,.m-hero-actions a,.m-contact>a){font-weight:500}
.web-site :is(.eyebrow,.system-no,.scene-tag,.stage-heading,.home-motion-status,.product-breadcrumb,.catalog-count,.card-copy small,.catalog-copy small,.gallery-main>span,.variant-label,.single-parameters dt,.panel-eyebrow,.footer-nav strong,.footer-contact strong,.capability-strip span),.mobile-site :is(.m-kicker,.m-hero-copy>p,.m-card-copy small,.m-showroom-subhead small,.m-contact>p,.m-guide-label i,.m-systems i,.m-proof i,.m-application-track i,.m-brand small,footer small){font-family:var(--font-latin);font-weight:500;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.web-site :is([data-count],.scene-step,.panel-context dt,.product-image .number),.mobile-site :is([data-count],.m-scene button span,.m-scene-label small){font-family:var(--font-latin);font-weight:500;font-variant-numeric:tabular-nums}
.web-site .brand-wordmark small,.mobile-site .m-brand small,.mobile-site footer small{font-family:var(--font-latin);font-weight:600}
.web-site .brand-wordmark strong,.mobile-site .m-brand b,.mobile-site footer b{font-family:var(--font-cn);font-weight:600}
.web-site header.industrial-header .brand-wordmark strong{font-family:var(--font-cn);font-weight:600}
.web-site .eyebrow{font-family:var(--font-latin);font-weight:500!important;letter-spacing:.1em}
html[lang="en"] .web-site .brand-wordmark strong,html[lang="en"] .mobile-site .m-brand b,html[lang="en"] .mobile-site footer b{font-family:var(--font-latin)}
.web-site #home .hero-declaration{font-size:clamp(54px,5vw,82px);line-height:1.08}
.web-site :is(.section-heading h2,.applications h2,.contact h2,#about.about-expanded h2){font-size:clamp(38px,3.35vw,56px);line-height:1.18}
.web-site :is(.section-heading>p,.about-copy p,.contact>div>p){font-size:clamp(15px,1.05vw,17px);line-height:1.7}
.web-site :is(.product-card h3,.knowledge h3,.application h3){font-weight:500}
.web-site .capability-strip strong{font-weight:600}
@media(max-width:1440px){.web-site #home .hero-declaration{font-size:clamp(50px,4.75vw,68px)}.web-site :is(.section-heading h2,.applications h2,.contact h2,#about.about-expanded h2){font-size:clamp(36px,3.05vw,48px)}}