/* Бургер-меню шапки. Подключается ПОСЛЕ <style> страницы; кнопку и панель строит /menu.js. */
.mburger{display:none;width:44px;height:44px;flex:none;align-items:center;justify-content:center;padding:0;
  background:none;border:1px solid rgba(201,169,110,.35);border-radius:50%;color:var(--gold);cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:border-color .2s,background .2s}
.mburger:hover,.mburger:focus-visible{border-color:var(--gold);background:rgba(201,169,110,.08);outline:none}

/* большая шапка с гербом (главная, /metod, /mkp): 5 пунктов не влезают уже на iPad в альбомной */
@media(max-width:1080px){
  .topbar{grid-template-columns:44px 1fr 44px;gap:10px}
  .topbar .side{display:none}
  .topbar .emblem{grid-column:2;justify-self:center}
  .topbar .emblem img{height:64px}
  .topbar .side ~ .mburger{display:flex;grid-column:3;justify-self:end}
}
/* компактная шапка (логотип слева, ссылки справа) */
@media(max-width:820px){
  .topbar > a.nav,.topbar > a.home{display:none}
  .topbar .mburger{display:flex;margin-left:auto}
}

.mnav-back{position:fixed;inset:0;z-index:900;background:rgba(3,7,15,.62);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
.mnav{position:fixed;top:0;right:0;bottom:0;z-index:901;width:min(84vw,360px);display:flex;flex-direction:column;
  padding:calc(14px + env(safe-area-inset-top)) 26px calc(26px + env(safe-area-inset-bottom));overflow-y:auto;
  background:linear-gradient(180deg,var(--panel),var(--deep));border-left:1px solid rgba(201,169,110,.25);
  box-shadow:-24px 0 60px rgba(0,0,0,.45);transform:translateX(100%);visibility:hidden;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),visibility 0s .35s}
body.mnav-open{overflow:hidden}
body.mnav-open .mnav-back{opacity:1;visibility:visible;transition:opacity .3s}
body.mnav-open .mnav{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.mnav .mclose{display:flex;align-self:flex-end;margin-bottom:18px}
.mnav a{display:block;padding:15px 2px;border-bottom:1px solid rgba(201,169,110,.14);color:var(--ink);
  font-family:var(--serif);font-size:23px;line-height:1.15;text-decoration:none;transition:color .2s}
.mnav a:hover,.mnav a:focus-visible{color:var(--gold);outline:none}
.mnav a[aria-current="page"]{color:var(--gold)}
.mnav a.cta{margin-top:26px;border:0;border-radius:14px;padding:16px 20px;text-align:center;
  font-family:var(--sans);font-size:16px;font-weight:600;color:#1a1408;
  background:linear-gradient(180deg,#e0c48a,#b8914f);box-shadow:0 10px 30px rgba(201,169,110,.25)}
.mnav a.cta:hover,.mnav a.cta:focus-visible{color:#1a1408;filter:brightness(1.06)}
@media(prefers-reduced-motion:reduce){.mnav,.mnav-back,body.mnav-open .mnav,body.mnav-open .mnav-back{transition:none}}