/* Навигация vitalykolomiyets.com — общий блок для всех страниц.
   Стиль: тёмная тема + золото, шрифт Gilroy. */

:root{
  --gold:#c9a84d; --gold-dark:#6a5928; --gold-soft:rgba(201,168,77,.18);
  --bg:#1a1a1a; --bg-deep:#090909;
  --white:#fff; --text:#d2d2d2; --text-muted:#8d8d8d; --text-dim:#717171;
  --font:'Gilroy',Arial,sans-serif;
  --gut:clamp(20px,5vw,56px);
  --ease:cubic-bezier(.16,1,.3,1);
}

.nav{
  position:fixed;top:0;left:0;right:0;z-index:80;
  display:flex;align-items:center;justify-content:space-between;
  padding:20px var(--gut);
  background:rgba(26,26,26,0);transition:background .3s ease,border-color .3s ease;
  border-bottom:1px solid transparent;
  font-family:var(--font);
  box-sizing:border-box;
}
.nav.scrolled{background:rgba(9,9,9,.94);backdrop-filter:blur(10px);border-bottom-color:var(--gold-soft)}
.nav__brand{color:var(--white);font-size:16px;font-weight:600;letter-spacing:.02em;text-decoration:none}
.nav__brand:hover{color:var(--gold)}
.nav__links{display:flex;align-items:center;gap:38px}
.nav__links a{color:var(--text-muted);font-size:15px;font-weight:400;text-decoration:none}
.nav__links a:hover{color:var(--white)}
.nav__links a.is-current{color:var(--gold)}
.nav__links a em{font-style:normal;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);opacity:.65;margin-left:4px}
.nav__soon{color:var(--text-dim);font-size:15px;cursor:default;display:inline-flex;align-items:baseline;gap:8px}
.nav__soon em{font-style:normal;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);opacity:.65}
.nav__burger{display:none;background:none;border:none;cursor:pointer;padding:10px;width:44px;height:44px}
.nav__burger span{display:block;width:24px;height:1px;background:var(--white);margin:5px auto;transition:transform .3s var(--ease),opacity .2s}
.nav.open .nav__burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav.open .nav__burger span:nth-child(2){opacity:0}
.nav.open .nav__burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

@media (max-width:820px){
  .nav__links{
    position:fixed;inset:0;flex-direction:column;justify-content:center;gap:34px;
    background:var(--bg-deep);transform:translateX(100%);transition:transform .4s var(--ease);
    margin:0;padding:0;list-style:none;
  }
  .nav.open .nav__links{transform:none}
  .nav__links a,.nav__soon{font-size:1.5rem}
  .nav__burger{display:block;position:relative;z-index:2}
}
@media (prefers-reduced-motion:reduce){
  .nav,.nav__links{transition:none!important}
}