/* Horizontal identity and the light navigation palette */
:root{--header-height:114px;--brand-ink:#193a44;--brand-gold:#876d49;--header-surface:#f5f1e9}
html{scroll-padding-top:calc(var(--header-height) + 12px)}
.topbar{height:var(--header-height);background:var(--header-surface);color:var(--brand-ink);border-bottom:1px solid #193a4426;gap:28px}
.brand{display:block;flex:0 0 300px;line-height:0;font-size:0;letter-spacing:normal}
.brand img{display:block;width:100%;height:auto}
.desktop-nav{gap:24px}.desktop-nav a{white-space:nowrap;color:var(--brand-ink);border-bottom:1px solid transparent}
.desktop-nav a:hover{color:var(--brand-gold);border-bottom-color:var(--brand-gold)}
.languages a{color:var(--brand-ink);border-color:transparent}.languages a:hover{background:#e9e1d4;color:var(--brand-ink)}
.languages a[aria-current=page]{background:var(--brand-gold);color:white}
.menu-toggle{color:var(--brand-ink);border-color:#193a4459;background:transparent}
.menu-toggle:hover,.menu-toggle[aria-expanded=true]{color:var(--paper);background:var(--brand-ink)}
.hero{min-height:min(950px,calc(100svh - var(--header-height)))}
.hero h1{font-size:clamp(52px,6.2vw,104px)}
.hero-location{font-size:21px;line-height:1.4;margin:-12px 0 25px;color:#ffffffd9}
html[lang=en] .hero h1{font-size:clamp(48px,5.2vw,85px)}
html[lang=kk] .hero h1{font-size:clamp(48px,5.5vw,90px)}
.footer-main{grid-template-columns:300px 1fr auto}
.footer-brand{display:block;background:var(--paper);padding:16px;width:280px;max-width:100%}
.footer-logo{width:100%;height:auto}.footer-tagline{font-size:22px}
@media(min-width:801px) and (max-width:1100px){:root{--header-height:104px}.brand{flex-basis:250px}.topbar{gap:18px}.desktop-nav{gap:15px;font-size:12px}}
@media(max-width:800px){:root{--header-height:92px}.topbar{gap:12px}.brand{flex-basis:210px}.languages{margin-left:auto}.menu-toggle{flex-shrink:0}
.mobile-nav:not([hidden]){top:100%;background:var(--header-surface);color:var(--brand-ink);border-bottom-color:#193a4433;box-shadow:0 16px 25px #193a4410}
.mobile-nav a{border-bottom:1px solid #193a4417}.mobile-nav a:last-child{border:0;color:var(--brand-gold)}
.hero{min-height:calc(100svh - var(--header-height))}.hero h1{font-size:clamp(43px,8.4vw,65px)}
html[lang=en] .hero h1,html[lang=kk] .hero h1{font-size:clamp(39px,7.6vw,60px)}
.hero-location{font-size:18px;margin:-9px 0 22px}.hero-content{padding-top:75px;padding-bottom:98px}
.footer-main{grid-template-columns:1fr 1fr}.footer-brand{width:250px}.footer-links{grid-column:1/-1}.footer-tagline{font-size:18px}}
@media(max-width:580px){:root{--header-height:125px}.topbar{display:grid;grid-template-columns:1fr auto;grid-template-rows:77px 35px;gap:0;padding-top:5px;padding-bottom:8px;align-content:center}
.brand{grid-column:1/-1;width:225px;max-width:100%;justify-self:start}.languages{margin-left:0;justify-self:start;gap:7px}.languages a{font-size:11px;padding:6px 10px}
.menu-toggle{justify-self:end;font-size:11px;padding:8px 17px}.hero h1{font-size:43px}.hero-content{padding-top:65px}
html[lang=en] .hero h1{font-size:39px}html[lang=kk] .hero h1{font-size:40px}
.footer-main{grid-template-columns:1fr;gap:28px}.footer-tagline{font-size:20px}.footer-links{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.hero h1{font-size:38px}html[lang=en] .hero h1{font-size:35px}html[lang=kk] .hero h1{font-size:36px}.hero-lead{font-size:15px}.hero-content{padding-bottom:105px}}
@media(max-width:350px){html[lang=ru] .hero h1{font-size:33px}}