/* KK/RU language toggle for the KZ landing (smenakz). Dual-markup: every translatable element is authored TWICE — once with class "lang-ru", once with class "lang-kk". The active language is selected by the data-lang attribute on (set synchronously by lang.js to avoid FOUC). Default before JS runs: Russian. */ html[data-lang="kk"] .lang-ru { display: none !important; } html[data-lang="ru"] .lang-kk { display: none !important; } html:not([data-lang]) .lang-kk { display: none !important; } /* Language switch — lives in the nav. Compact segmented control. */ .lang-switch { display: inline-flex; align-items: stretch; border: 1px solid rgba(244,245,240,.22); border-radius: 999px; overflow: hidden; font-family: 'Onest', system-ui, sans-serif; line-height: 1; } .lang-switch button { appearance: none; border: 0; background: transparent; color: var(--text, #f4f5f0); font: 700 12px/1 'Onest', system-ui, sans-serif; letter-spacing: .04em; padding: 7px 10px; cursor: pointer; transition: background .15s, color .15s; } .lang-switch button[aria-pressed="true"] { background: var(--acid, #ccff00); color: #0a0a0a; } .lang-switch button:hover:not([aria-pressed="true"]) { background: rgba(244,245,240,.10); } /* KZ is graffiti-free. The KZ pages share the RU site.css, which styles .hl/.hand/.stab .num with the Caveat handwritten font + rotation. lang.css loads AFTER site.css, so these overrides neutralize the graffiti while keeping the acid (#ccff00) emphasis. */ .hl, .hand, .stab .num { font-family: 'Onest', system-ui, sans-serif !important; transform: none !important; letter-spacing: normal !important; line-height: inherit !important; } .hl { font-size: inherit !important; } .stab .num { font-size: clamp(46px, 5.2vw, 62px) !important; }