/* Header — минимализм, “камень + бронза” (Basalt Night) */

.container{
  max-width:1100px;
  margin:0 auto;
  padding:0 18px;
}

.header{
  position:sticky;
  top:0;
  z-index:50;

  /* ✅ теперь шапка не светлая */
  background:rgba(14,15,18,.72);
  backdrop-filter:saturate(120%) blur(10px);
  border-bottom:1px solid var(--line);
}

.header__bar{
  height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.brand{
  display:flex;
  align-items:baseline;
  gap:10px;
  font-weight:900;
  letter-spacing:.2px;
}

.brand__logo{
  font-size:18px;
}

.brand__tag{
  font-size:12px;
  color:var(--muted);
  font-weight:700;
}

/* Меню */
.nav{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.nav a{
  color:var(--muted);
  font-weight:800;
  font-size:13px;
  letter-spacing:.12px;
  padding:10px 10px;
  border-radius:999px;
  border:1px solid transparent;
  transition:background .18s, border-color .18s, color .18s, transform .06s;
}

.nav a:hover{
  color:var(--text);
  background:rgba(176,141,87,.10);
  border-color:rgba(176,141,87,.26);
}

.nav a:active{ transform:translateY(1px); }

/* “контейнер пустоты” на главной — просто воздух */
.stage{
  min-height:calc(100vh - 68px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 18px;
  color:rgba(245,246,248,.38);
  font-weight:800;
  letter-spacing:.1px;
}

/* Мобилка */
@media (max-width:720px){
  .header__bar{height:auto;padding:12px 0;align-items:flex-start}
  .nav{gap:8px}
  .nav a{padding:9px 10px}
  .brand__tag{display:none}
}