/* Keep language controls visible independently of the mobile navigation. */
.language-switch{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border:1px solid #51485f;background:#181220;color:#b8b5c4;font:400 13px/1 BoitMono,monospace;white-space:nowrap}
.language-switch strong{color:var(--lime);font-weight:700}
.language-switch:hover{border-color:var(--lime);background:#282036}
html[data-theme="light"] .language-switch{background:#f4f5f7;border-color:#c6cbd4;color:#535e70}
html[data-theme="light"] .language-switch strong{color:#5e1db2}
html[data-theme="light"] .language-switch:hover{border-color:#5e1db2;background:#ebe3f6}
html[lang="en"] .hero h1{font-size:clamp(35px,4.1vw,63px)}
html[lang="en"] .about h2{font-size:clamp(26px,2.6vw,38px);overflow-wrap:break-word}
@media(max-width:1200px){
 nav{position:relative;gap:16px}
 .menu{display:block;min-height:44px}
 .nav-controls{margin-left:auto}
 .navlinks{display:none;position:absolute;left:0;right:0;top:calc(100% - 1px);padding:20px;z-index:15;background:var(--bg);border:1px solid var(--line);flex-direction:column;align-items:stretch;margin-left:0;font-size:15px}
 .navlinks.open{display:flex}
 .navlinks a{padding:10px 8px}
}
@media(max-width:650px){
 html[lang="en"] .hero h1{font-size:clamp(27px,7.8vw,46px)}
 html[lang="en"] .about h2{font-size:clamp(25px,7vw,33px)}
 .nav-controls{gap:7px}
 .language-switch{padding:0 9px;font-size:12px}
 .brand small{font-size:9px;letter-spacing:.03em}
 nav{gap:10px}
 .menu{padding:8px 10px}
 .featured-label{overflow-wrap:anywhere}
}
@media(max-width:390px){
 nav{flex-wrap:wrap}
 .brand{flex:1 1 100%}
 .nav-controls{margin-left:0;width:100%;justify-content:flex-end}
 .language-switch{margin-right:auto}
}