.language-switch{display:flex;align-items:center;gap:2px;flex:none;padding:3px;border:1px solid currentColor;border-radius:3px;color:#d8c29d;background:#071b23a8;font-family:'DM Mono',monospace;letter-spacing:.04em;position:relative;z-index:21}
.language-switch button{border:0;border-radius:2px;background:transparent;color:inherit;min-width:32px;height:29px;padding:0 5px;font-size:10px;font-weight:700;cursor:pointer}
.language-switch button.active{background:#e8be83;color:#162b30}
.language-switch button:hover:not(.active){background:#ffffff24}
.language-switch button:focus-visible{outline:2px solid #f6c88a;outline-offset:2px}
.site-nav{gap:18px}.site-nav nav{margin-left:auto}
.topbar .language-switch{margin-left:auto;color:#e9ba84;background:#1b1d25}
html[lang="en"] .hero h1{font-size:clamp(58px,7.2vw,105px);letter-spacing:-.07em}
html[lang="en"] .atlas-heading h1{font-size:clamp(35px,4.4vw,61px);letter-spacing:-.055em}
@media(max-width:800px){.site-nav{gap:12px}.site-nav nav{gap:0}}
@media(max-width:600px){
  .language-switch button{min-width:28px;height:28px;padding:0 3px;font-size:9px}
  .topbar{gap:4px}.topbar nav{margin-left:auto;margin-right:0}
  html[lang="en"] .topbar .brand>span:last-child{display:none}
  html[lang="en"] .topbar .nav-link{padding-left:7px;padding-right:7px}
  html[lang="en"] .hero h1{font-size:clamp(36px,10vw,55px);letter-spacing:-.06em}
  html[lang="en"] .atlas-heading h1{font-size:clamp(29px,7.3vw,37px);line-height:1.08}
}
@media(max-width:360px){.site-nav{gap:5px}.site-nav .nav-enter{padding-left:7px;padding-right:7px}.language-switch button{min-width:25px}html[lang="en"] .topbar .nav-link{padding-left:5px;padding-right:5px}}

@media(max-width:360px){html[lang="en"] .site-nav .nav-enter{font-size:0;min-width:39px;padding:10px 9px;justify-content:center}html[lang="en"] .site-nav .nav-enter span{font-size:18px;margin:0}}