/* Compact bilingual switch; keep the portfolio's original hero identity. */
.language-switch{display:flex;align-items:center;gap:2px;border:1px solid #729a9e;border-radius:30px;padding:3px;flex-shrink:0}
.language-switch button{border:0;border-radius:24px;padding:8px 10px;min-width:38px;min-height:38px;background:transparent;color:var(--ink);font:500 .875rem var(--sans);cursor:pointer}
.language-switch button[aria-pressed="true"]{background:var(--mist);color:var(--deep)}
.site-header nav{margin-right:0}
html[lang="vi"] h2,html[lang="vi"] h3,html[lang="vi"] h4{letter-spacing:-.015em;line-height:1.3}
html[lang="vi"] .intro-word{font-size:clamp(1.5rem,2.5vw,2.2rem);line-height:1.35}
html[lang="vi"] .freelance-visual{font-size:clamp(2.6rem,4.5vw,4.4rem);line-height:1.15}
html[lang="vi"] .project-meta{letter-spacing:.02em}
html[lang="vi"] .recruit-intro h2{font-size:clamp(2rem,3vw,3rem)}
html[lang="vi"] .hero-portrait figcaption{font-size:.75rem}
@media(max-width:1050px){.header-inner{flex-wrap:wrap;gap:12px}.site-header nav{order:4;width:100%;justify-content:space-between;flex-wrap:wrap}.language-switch{margin-left:auto}.header-contact{margin-left:0}html{scroll-padding-top:170px}}
@media(max-width:580px){.language-switch{order:1}.header-contact{order:2}.site-header nav{order:3}.language-switch button{padding:6px 8px;min-width:34px;min-height:36px}.header-contact{gap:8px;padding:9px 12px}.header-inner{column-gap:10px}html[lang="vi"] .site-header nav a{font-size:.75rem}html[lang="vi"] .case-opening h2,html[lang="vi"] .research-copy h2{font-size:2.2rem}html[lang="vi"] .intro-word{font-size:1.6rem}html[lang="vi"] .intro-controls{flex-wrap:wrap}}

/* Vietnamese hero uses three deliberate lines, with room for tone marks. */
html[lang="vi"] .hero h1{font-size:clamp(2.6rem,5.3vw,5rem);line-height:1.2;letter-spacing:-.025em}
html[lang="vi"] .hero h1 .headline-line{overflow:visible;white-space:nowrap;padding-block:.035em}
html[lang="vi"] .hero h1 em{line-height:1.2}
html[lang="vi"] .hero-copy{min-width:0}
html[lang="vi"] .hero-intro{max-width:440px;font-size:1.0625rem;line-height:1.7}
html[lang="vi"] .intro-caption{min-height:115px;bottom:90px}
html[lang="vi"] .intro-word{max-width:100%;font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.4}
html[lang="vi"] .hero-portrait figcaption{line-height:1.6;gap:5px 14px}
@media(min-width:581px) and (max-width:760px){html[lang="vi"] .hero h1{font-size:clamp(1.85rem,4.9vw,2.4rem)}html[lang="vi"] .intro-word{font-size:1.25rem}}
@media(max-width:580px){html[lang="vi"] .hero h1{font-size:clamp(2.3rem,10.3vw,3.7rem);line-height:1.22}html[lang="vi"] .hero-intro{font-size:1rem}html[lang="vi"] .intro-caption{min-height:100px;bottom:105px}html[lang="vi"] .intro-word{font-size:1.5rem}html[lang="vi"] .intro-controls{bottom:22px}}