/* Distinct display, reading and technical type roles, with self-hosted OFL fonts. */
@font-face{font-family:"LabFlux Sans";src:url('/assets/fonts/labflux-sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:"LabFlux CJK";src:url('/assets/fonts/labflux-cjk.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:"LabFlux Mono";src:url('/assets/fonts/labflux-mono.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--font-reading:"LabFlux Sans","LabFlux CJK","PingFang SC","Microsoft YaHei",sans-serif;--font-display:"LabFlux Sans","LabFlux CJK",sans-serif;--font-technical:"LabFlux Mono","LabFlux CJK",monospace}
body{font-family:var(--font-reading);font-weight:400;font-synthesis:none}
button,input,textarea,select{font-family:inherit}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:500}
.hero h1{font-size:clamp(44px,4.3vw,62px);font-weight:560;letter-spacing:-.045em;line-height:1.12}
[lang^=zh] .hero h1{font-family:"LabFlux CJK",sans-serif;font-size:clamp(40px,4vw,57px);font-weight:550;letter-spacing:-.025em;line-height:1.36}
.hero-description,.section-heading>p,.concept-copy>p,.project p,.instrument-copy p,.knowledge-intro{font-weight:400}
[lang^=zh] .hero-description{font-size:17px;font-weight:350;line-height:1.85}
.section-heading h2,.contact-copy h2,.instrument-copy h2,.faq-section h2{font-size:40px;line-height:1.4;font-weight:500;letter-spacing:-.035em}
.entity-summary h2,.human-work h3,.resource-inner h2{font-weight:500}
[lang^=zh] .section-heading h2,[lang^=zh] .contact-copy h2,[lang^=zh] .instrument-copy h2,[lang^=zh] .faq-section h2{font-weight:450}
.concept-copy h3,.project h3,.workflow-panel h3,.delivery h3,.expertise h3,.instrument-copy h3,.inquiry h3,.knowledge-content h3{font-weight:600}
.concept-copy h3{font-family:var(--font-technical);font-size:24px;font-weight:450;line-height:1.3;letter-spacing:-.045em}
[lang^=zh] .concept-copy h3{font-family:"LabFlux CJK",sans-serif;font-weight:500;font-size:24px;letter-spacing:-.025em;line-height:1.4}
[lang^=zh] .project h3,[lang^=zh] .workflow-panel h3,[lang^=zh] .delivery h3,[lang^=zh] .expertise h3,[lang^=zh] .instrument-copy h3,[lang^=zh] .inquiry h3,[lang^=zh] .knowledge-content h3{font-weight:500}
.site-header nav a,.nav-contact,.hero .button.primary,.button,.text-link,.workflow-tabs button,.station-item button,.instrument-tabs button{font-weight:500}
.site-header nav a{font-weight:400}
.language-links a[aria-current=page],.workflow-tabs button[aria-selected=true],.station-item button[aria-selected=true],.instrument-tabs button[aria-selected=true]{font-weight:600}
.positioning,.signature,.project-meta,.attribution,.concept-copy dl,.footer-bottom,figcaption{font-weight:400}
.hero .positioning,.project-meta,.concept-copy dt,.workflow-mode{font-family:var(--font-technical);font-size:12px;letter-spacing:.015em}
.faq-section summary,.knowledge-content summary{font-weight:500}
.knowledge-page h1{font-weight:500}
[lang^=zh] .knowledge-page h1{font-weight:400}
.expertise strong{font-family:var(--font-technical);font-weight:450;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.expertise strong span{font-family:var(--font-reading);font-weight:400;letter-spacing:0}
@media(max-width:950px){.section-heading h2,.contact-copy h2,.instrument-copy h2,.faq-section h2{font-size:35px}}
@media(max-width:720px){.hero h1{font-size:41px;line-height:1.17}[lang^=zh] .hero h1{font-size:39px;line-height:1.38;letter-spacing:-.025em}.section-heading h2,.contact-copy h2,.instrument-copy h2,.faq-section h2{font-size:30px;line-height:1.4}.concept-copy h3{font-size:23px}.expertise strong{font-size:49px}.hero .positioning{font-size:11px}}