/* Vietnamese page overrides (loaded after style.css on /vi/ only). Adapted from bizitrip-home-redesign-vi.html. */

/* 1) Font tiêu đề: Instrument Serif không có bộ glyph tiếng Việt (dấu bị lệch).
      Noto Serif Display nén ngang 75% có đủ tiếng Việt và gần dáng Instrument Serif nhất. */
:root{--serif:"Noto Serif Display","Times New Roman",Georgia,serif}
.display,.hero__title,.card h3,.stat h2,.stat__sym,.why__head em,.mobile-menu a{font-variation-settings:"wdth" 75;font-stretch:75%}
.hero__title{font-weight:400;letter-spacing:-.025em}
.display{font-weight:400;letter-spacing:-.018em}
.card h3{font-weight:400}

/* 2) Dấu tiếng Việt cao hơn chữ hoa: nới line-height và chừa chỗ cho dấu
      ở các khối dùng overflow:hidden để chạy hiệu ứng chữ. */
.hero__title{font-size:clamp(58px,9.6vw,142px);line-height:1}
.hero__title .line{padding-top:.14em;margin-top:-.14em;padding-bottom:.1em}
.display{font-size:clamp(38px,5vw,72px);line-height:1.1}
.split-armed .w{padding-top:.16em;margin-top:-.16em}
.card h3{font-size:clamp(30px,2.6vw,40px);line-height:1.15}
.why__head em{font-size:1.22em;line-height:1.3}

/* 3) Câu tiếng Việt dài hơn bản Anh khoảng 20–30%: giữ độ dài dòng dễ đọc. */
.lede{font-size:clamp(16.5px,1.15vw,18px);line-height:1.75}
@media (min-width:901px){ .framework__head{grid-template-columns:minmax(0,6fr) minmax(0,6fr)} }
.partner__copy .lede{max-width:540px}
.contact .display{font-size:clamp(36px,4.4vw,64px)}
.stats__title{max-width:900px}
.tab h3,.tab h4{font-size:clamp(17px,1.4vw,20px)}

/* Ngắt dòng đẹp hơn cho câu tiếng Việt: tiêu đề cân dòng, đoạn văn tránh chữ mồ côi. */
.display,.hero__title,.card h3,.perk h3,.tab h3,.tab h4{text-wrap:balance}
.lede,.hero__lead,.card p,.perk p,.panel li,.checks li{text-wrap:pretty}
.hero__foot{grid-template-columns:minmax(0,480px) auto}
@media (max-width:900px){ .hero__foot{grid-template-columns:1fr} }

/* 4) Menu tiếng Việt dài hơn: thu khoảng cách để không xuống dòng ở 1100–1280px. */
.nav__link{padding:10px 13px;font-size:14px}
.header__cta{margin-left:10px;padding:0 18px}
@media (max-width:1240px){ .nav__link{padding:10px 10px;font-size:13.5px} }

/* 5) Nhãn chữ in hoa (mono) tiếng Việt: giảm giãn chữ để dấu không tách rời. */
.eyebrow,.stat__subject{letter-spacing:.12em}
.field label{letter-spacing:.06em}

@media (max-width:640px){
  .hero__title{font-size:clamp(52px,14vw,68px)}
  .display{font-size:clamp(34px,9.2vw,44px)}
}