@font-face{font-family:PlayfairVI;src:url('/assets/fonts/playfair-display-400-normal-vietnamese.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:PlayfairVI;src:url('/assets/fonts/playfair-display-400-italic-vietnamese.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:ManropeVI;src:url('/assets/fonts/manrope-400-normal-vietnamese.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:ManropeVI;src:url('/assets/fonts/manrope-600-normal-vietnamese.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}

html[lang="vi"]{--vi-serif:PlayfairVI,Georgia,"Times New Roman",serif;--font-display:PlayfairVI,Georgia,"Times New Roman",serif!important;--font-hand:PlayfairVI,Georgia,"Times New Roman",serif!important;--vi-sans:ManropeVI,Manrope,Arial,sans-serif;font-synthesis:none}
html[lang="vi"] body{font-family:var(--vi-sans)!important;font-synthesis:none}
html[lang="vi"] :is(h1,h2,h3,.display,.serif,.room-name){font-family:var(--vi-serif)!important;font-weight:400!important;letter-spacing:-.014em;line-height:1.08}
html[lang="vi"] :is(nav,button,input,textarea,select,label,small,.eyebrow,.kicker,.chapter-label,.section-label,.facts,.meta){font-family:var(--vi-sans)}
html[lang="vi"] :is(p,li,dd,figcaption){line-height:1.62}
html[lang="vi"] h1{overflow-wrap:normal;word-break:normal;text-wrap:balance}
html[lang="vi"] h2{overflow-wrap:normal;word-break:normal;text-wrap:balance}

/* Vietnamese needs more vertical room for stacked diacritics and shorter display lines. */
html[lang="vi"] :is(.hero h1,.room-hero h1,.folio-hero h1,.whole-hero h1){font-size:clamp(3.7rem,6.6vw,7rem)!important;line-height:1.02!important}
html[lang="vi"] :is(.album h2,.album-intro h2,.practical h2,.useful h2,.continue h2,.next h2){font-size:clamp(2.5rem,4.2vw,4.7rem)!important;line-height:1.08!important}
html[lang="vi"] :is(.hero-copy,.room-hero-copy,.folio-copy){max-width:min(46rem,48vw)}

@media(max-width:760px){
  html[lang="vi"] :is(.hero h1,.room-hero h1,.folio-hero h1,.whole-hero h1){font-size:clamp(3rem,14vw,4.8rem)!important;line-height:1.06!important}
  html[lang="vi"] :is(.album h2,.album-intro h2,.practical h2,.useful h2,.continue h2,.next h2){font-size:clamp(2.25rem,10vw,3.6rem)!important}
  html[lang="vi"] :is(.hero-copy,.room-hero-copy,.folio-copy){max-width:none}
}