.nav [aria-current="page"]{color:#72dfa0;text-decoration:underline;text-underline-offset:7px}
.header-controls{display:flex;align-items:center;justify-content:flex-end;gap:24px;min-width:0}
.header-controls .nav{gap:20px;font-size:.875rem;justify-content:flex-end}
.language-switch{display:flex;align-items:center;border:1px solid #4a554e;border-radius:4px;flex-shrink:0;padding:3px;gap:2px}
.language-switch a{display:grid;place-items:center;min-width:38px;min-height:34px;padding:6px 8px;font-size:.875rem;font-weight:700;line-height:1;text-decoration:none;color:#c5d0c9;border-radius:2px}
.language-switch [aria-current="true"]{background:#72dfa0;color:#0a2113}
.language-switch a:hover{background:#273d30;color:#fff}
.language-switch [aria-current="true"]:hover{background:#72dfa0;color:#0a2113}
html[lang="vi"] h1,html[lang="vi"] h2,html[lang="vi"] h3{letter-spacing:-.035em;line-height:1.14}
html[lang="vi"] .hero-copy h1.artist-title{font-size:clamp(2.8rem,7vw,7.2rem)}
@media(max-width:1150px){.header-controls{flex-wrap:wrap;gap:8px 20px}.header-controls .nav{gap:4px 18px}}
@media(max-width:700px){.header-controls{width:100%;justify-content:space-between;align-items:flex-start;gap:12px}.header-controls .nav{justify-content:flex-start;gap:2px 17px;flex:1;min-width:0}.header-controls .nav a{font-size:.875rem;min-height:38px;padding-block:10px}.language-switch{margin-top:3px}.language-switch a{min-height:38px}.header-inner{align-items:flex-start}html{scroll-padding-top:200px}html[lang="vi"] .hero-copy h1.artist-title{font-size:8.5vw}}
.experience-page{background:#f7f7f3}
.experience-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end;padding-block:70px 60px}
.experience-intro .eyebrow{font-size:.875rem;color:#116f3b;letter-spacing:.09em}
.experience-intro h1{font-size:clamp(3rem,6.7vw,6.75rem);line-height:.96;letter-spacing:-.065em;margin-top:23px}
.experience-intro h1 span{color:#116f3b}
.experience-intro>p{font-size:1.125rem;max-width:475px;padding-bottom:5px;color:#454b46}
.experience-section{padding-bottom:60px}
.experience-section>h2{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;padding-block:18px;border-block:1px solid #bbc2bb}
.experience-entry{padding-block:36px;border-bottom:1px solid #d0d4ce}
.experience-detail{min-width:0}
.experience-detail h3{font-size:clamp(1.7rem,2.8vw,2.6rem);letter-spacing:-.05em;line-height:1.1}
.experience-role{font-size:1.125rem;font-weight:600;line-height:1.45;margin-top:12px}
.experience-focus{color:#116f3b;font-size:.875rem;line-height:1.5;margin-top:7px}
.experience-tasks{padding:0;margin:20px 0 0;list-style:none;max-width:720px}
.experience-tasks li{font-size:1rem;color:#454b46;line-height:1.7;margin-top:8px}
.experience-tasks li::before{content:"— ";color:#7b877d}
.experience-project{display:block;max-width:770px;margin-top:25px}
.experience-project img{width:100%;height:auto;aspect-ratio:5/2}
.experience-project span{display:inline-block;font-size:.9375rem;color:#116f3b;margin-top:11px;text-decoration:underline;text-underline-offset:5px}
.experience-project:hover{text-decoration:none}
.experience-project:hover span{color:#181818}
.experience-about-link{display:inline-block;font-size:1rem;color:#116f3b;margin-top:24px;text-decoration:underline;text-underline-offset:6px}
.experience-contact{border-top:1px solid #bbc2bb;padding-block:32px 50px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.experience-contact p{font-size:1rem;color:#454b46}
.experience-contact a{font-size:1.25rem;text-decoration:underline;text-underline-offset:6px;overflow-wrap:anywhere}
@media(max-width:1000px){.experience-intro{gap:35px}.nav{gap:20px}}
@media(max-width:700px){
  .nav{gap:2px 20px;font-size:.875rem;line-height:1.3}
  .nav a{padding-block:10px;min-height:38px}
  html{scroll-padding-top:170px}
  .experience-intro{grid-template-columns:1fr;gap:25px;padding-block:38px 35px}
  .experience-intro h1{font-size:clamp(2.8rem,12.5vw,5rem);margin-top:18px}
  .experience-intro>p{font-size:1rem}
  .experience-entry{padding-block:28px}
  .experience-detail h3{font-size:1.8rem}
  .experience-role{font-size:1rem;margin-top:10px}
  .experience-tasks{margin-top:16px}
  .experience-section{padding-bottom:36px}
  .experience-contact{display:block;padding-block:25px 35px}
  .experience-contact a{display:inline-block;font-size:1.1rem;margin-top:12px}
}