@font-face{font-family:NotoSansThai;src:url('../fonts/noto-sans-thai.ttf') format('truetype');font-weight:100 900;font-display:swap}
.language-switch{display:flex;align-items:center;gap:3px;flex-shrink:0;padding:3px;border:1px solid #d8ded3;border-radius:24px;margin-left:23px;font-family:Inter,NotoSansThai,sans-serif;font-size:11px;line-height:1.5}.language-switch a{display:grid;place-items:center;min-width:35px;min-height:32px;padding:5px 8px;border-radius:20px;color:#6d796a;transition:background-color .2s,color .2s}.language-switch a[aria-current="true"]{background:#103d32;color:#fff}.language-switch a:hover{background:#e9ede3;color:#103d32}.language-switch a[aria-current="true"]:hover{background:#092e27;color:white}.language-switch a:focus-visible{outline:2px solid #826a91;outline-offset:3px}
html[lang="th"]{--body:NotoSansThai,Inter,sans-serif;--heading:NotoSansThai,Manrope,sans-serif}html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] h3{letter-spacing:-.015em;line-height:1.4}html[lang="th"] p{line-height:1.95}html[lang="th"] .eyebrow,html[lang="th"] .footer-label,html[lang="th"] .preloader-tagline{letter-spacing:.035em}html[lang="th"] .brand,html[lang="th"] .preloader-brand{font-family:Manrope,Inter,sans-serif}html[lang="th"] #main-navigation{font-family:NotoSansThai,Inter,sans-serif;font-size:12px}html[lang="th"] .hero-copy h1>span{white-space:normal}html[lang="th"] .recognition-meta{font-size:12px}html[lang="th"] .hero-copy .hero-project-credit{font-size:12px}
@media(max-width:767px){.header-inner .brand{margin-right:auto}.header-inner .language-switch{margin-left:12px;margin-right:10px;order:1}.header-inner .menu-toggle{order:2}.header-inner #main-navigation{order:3}.language-switch{font-size:10px}.language-switch a{min-width:31px;min-height:30px;padding:4px 6px}html[lang="th"] h1{font-size:clamp(34px,8.4vw,48px)}html[lang="th"] #main-navigation{font-size:14px}html[lang="th"] .recognition-copy h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.language-switch a{transition:none}}
@media(max-width:380px){.header-inner .brand{font-size:15px;gap:7px}.header-inner .brand img{width:30px;height:auto}.header-inner .language-switch{margin-left:8px;margin-right:4px}.language-switch a{min-width:28px;padding-inline:4px}.header-inner .menu-toggle{width:36px;min-width:36px}}
@media(max-width:767px){.header-inner{gap:8px}}@media(max-width:380px){.header-inner .brand>span{font-size:15px}}
