/* Vietnamese uses one complete type family rather than fallback glyphs from mixed fonts. */
html[lang="vi"] body{font-family:'Be Vietnam Pro',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html[lang="vi"] h1,html[lang="vi"] h2,html[lang="vi"] h3{letter-spacing:-.025em;line-height:1.28}
html[lang="vi"] .reference-hero h1{line-height:1.13}
html[lang="vi"] .nav-link-2{font-size:14px}
html[lang="vi"] .hero-card-brand .qm-name,html[lang="vi"] .qm-name{font-family:Urbanist,sans-serif}
html[lang="vi"] .eyebrow{letter-spacing:.09em;line-height:1.8}
html[lang="vi"] .member-info h3{font-family:'Be Vietnam Pro',Urbanist,sans-serif}
html[lang="vi"] .team-story h1,html[lang="vi"] .team-story h2{line-height:1.25;letter-spacing:-.035em}
@media(min-width:1001px){
 html[lang="vi"] .reference-hero h1{font-size:clamp(44px,7.7svh,68px)}
 html[lang="vi"] .screen-section h2{font-size:clamp(30px,4.7svh,44px);line-height:1.28}
 html[lang="vi"] .product-hero h1{font-size:clamp(30px,5svh,44px);line-height:1.27}
 html[lang="vi"] .team-story h1{font-size:44px;line-height:1.25}
 html[lang="vi"] .team-story h2{font-size:36px;line-height:1.25}
 html[lang="vi"] .team-group-heading .team-group-title{font-size:18px;line-height:1.6}
 html[lang="vi"] .capability-grid h3{font-size:clamp(17px,2.3svh,21px)}
 html[lang="vi"] .reference-project-card h3{font-size:clamp(18px,2.4svh,22px)}
}
@media(min-width:901px){
 html[lang="vi"] .team-panel--wide .team-story h2{font-size:36px}
}
@media(max-width:700px){
 html[lang="vi"] .reference-hero h1{font-size:clamp(30px,7.2vw,44px)}
 html[lang="vi"] .team-story h1,html[lang="vi"] .team-story h2{font-size:34px}
 html[lang="vi"] .hero-platform-card>p{font-size:11px}
}
@media(min-width:901px) and (max-width:1000px){
 html[lang="vi"] .team-story h1,html[lang="vi"] .team-story h2{font-size:33px}
}
@media(min-width:1001px) and (max-width:1200px){
 html[lang="vi"] .about-heading h2{font-size:32px}
 html[lang="vi"] .about-principles dd{font-size:13px;line-height:1.55}
 html[lang="vi"] .about-principles dt{font-size:17px}
 html[lang="vi"] .product-hero h1{font-size:34px}
 html[lang="vi"] .product-hero .hero-description{font-size:14px;line-height:1.6}
 html[lang="vi"] .summary-grid h3{font-size:18px}
 html[lang="vi"] .summary-grid p{font-size:12px}
}

@media(min-width:901px) and (max-width:1200px){
 html[lang="vi"] .team-story h1{font-size:36px}
 html[lang="vi"] .team-story h2,html[lang="vi"] .team-panel--wide .team-story h2{font-size:31px}
}
@media(min-width:901px) and (max-height:700px){
 html[lang="vi"] .team-story h1{font-size:36px}
 html[lang="vi"] .team-story h2,html[lang="vi"] .team-panel--wide .team-story h2{font-size:31px}
}
@media(min-width:701px) and (max-width:1100px){
 html[lang="vi"] .team-story h1{font-size:38px}
 html[lang="vi"] .team-story h2,html[lang="vi"] .team-panel--wide .team-story h2{font-size:32px}
}