/* The brand in the public header is the official logo + the address AlmatyBars.kz (one link to the home page).
   Loaded after landing.css / site-nav.css on Home, Trail, About and Sign (RU/KK/EN).
   Earlier the wordmark was hidden on phones; this keeps it visible from 440px down to 320px without making
   the header taller: the wordmark, the language control and the contact button each give back a few pixels,
   in steps, so nothing overlaps. Wider than 440px nothing here changes the approved header. */
.lp-top .lp-brand span{white-space:nowrap}
@media (max-width:440px){
  .lp-top .lp-brand span{display:block;font-size:14px;letter-spacing:0}
  .lp-top .lp-brand{gap:6px}
}
@media (max-width:389px){
  .lp-top{gap:6px 6px}
  .lp-top .lp-brand span{font-size:12.5px}
  .lp-contact{padding:10px 10px;font-size:12px}
  .lang > summary{padding:10px 8px;font-size:11.5px}
}
@media (max-width:339px){
  .lp-top .lp-brand{gap:4px}
  .lp-top .lp-brand img{--mark:40px}
  .lp-top .lp-brand span{font-size:11.5px}
  .lp-contact{padding:9px 8px;font-size:11.5px}
  .lang > summary{padding:9px 6px;font-size:11px}
}