@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
nav{width:max-content;max-width:calc(100vw - 24px)}nav .nav-links a{white-space:nowrap}
html[lang=vi] body :is(h1,h2,h3,h4,p,a,button,li,dd,dt,span,strong,small,figcaption){font-family:Inter,Arial,sans-serif}
html[lang=vi] body :is(.sg-eyebrow,.sg-source,.case-label,.intro-label,.hero-strip,.reader-case-title){font-family:'JetBrains Mono',monospace}
.language-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(255,255,255,.25);border-radius:999px;flex-shrink:0;margin:0 3px}
.language-switch button{appearance:none;border:0;background:transparent;border-radius:999px;color:rgba(255,255,255,.72);font:600 11px/1.1 Poppins,system-ui,sans-serif;letter-spacing:.03em;padding:9px 8px;min-height:32px;cursor:pointer}
.language-switch button[aria-pressed=true]{background:rgba(255,255,255,.22);color:#fff}
.language-switch button:hover{color:#fff;background:rgba(255,255,255,.14)}
.language-switch button:focus-visible{outline:2px solid #fff;outline-offset:2px}
html[lang=vi] .hero-title{font-family:Inter,Arial,sans-serif;font-size:clamp(46px,10.4vw,150px);line-height:1.15;letter-spacing:-.065em}
html[lang=vi] .hero-title .line{white-space:nowrap}
html[lang=vi] .hero-hello{line-height:1.5}
html[lang=vi] .hero-strip{letter-spacing:.05em}
html[lang=vi] .nb-row-name{font-size:clamp(10px,1.3vw,14px)}
@media(max-width:1100px){nav .nav-email{display:none}}
@media(max-width:760px){nav{max-width:calc(100vw - 20px);gap:3px!important;padding:5px!important}nav .nav-logo{width:30px!important;height:30px!important}nav .nav-links a{font-size:11px!important;padding:9px 7px!important}nav .nav-resume{padding:8px!important;font-size:11px!important}nav .nav-resume svg{width:12px!important}nav .language-switch{margin:0;padding:2px}.language-switch button{padding:10px 6px;font-size:10px;min-height:34px}html[lang=vi] .hero-title{font-size:10.1vw}html[lang=vi] .hero-eyes{width:1em}html[lang=vi] .hero-hello{font-size:18px}html[lang=vi] .hero-strip>span:nth-child(2){display:none}}
@media(max-width:380px){nav .nav-links a{padding:9px 4px!important;font-size:9.5px!important}nav .nav-logo{width:25px!important;height:25px!important}nav .language-switch button{padding:10px 4px}html[lang=vi] .hero-hello{font-size:16px}}