.siteHeader{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:var(--header-h);
  z-index:1000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  background:#e0bd73;
  border-bottom:1px solid rgba(255,255,255,0.06);
  transition:
    background .24s ease,
    border-color .24s ease;
}

.siteHeader__inner{
  width:min(var(--site-max), 100%);
  display:grid;
  grid-template-columns:56px 1fr 56px;
  align-items:center;
  gap:16px;
}

.menuToggle{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 0 2px 0;
  margin:0;
  background:transparent;
  appearance:none;
  -webkit-appearance:none;
  border:2.5px solid #0a070a;
  border-radius:6px;
  box-sizing:border-box;
  box-shadow:none;
  color:#0a070a;
  font-size:1.9rem;
  line-height:0.8;
  text-align:center;
  cursor:pointer;
  transition:
    opacity .24s ease,
    transform .24s ease,
    background .24s ease,
    border-color .24s ease,
    color .24s ease;
}

.menuToggle:hover{
  border:3px solid #0a070a52;
  background:#0a070acc;
  color:var(--text-main);
}

.siteLogo{
  display:block;
  text-align:center;
  font-family:'Rye', serif;
  font-size:clamp(1.5rem, 3vw, 2rem);
  font-weight:500;
  letter-spacing:0.04em;
  color:#0a070a;
  text-decoration:none;
  white-space:nowrap;
  opacity:1;
  transform:translateY(0);
  transition:
    opacity .24s ease,
    transform .24s ease;
}

.siteHeader.is-scrolled{
  background:transparent;
  border-bottom-color:transparent;
}

.siteHeader.is-scrolled .siteLogo{
  opacity:0;
  transform:translateY(-8px);
  pointer-events:none;
}

.siteHeader.is-scrolled .menuToggle{
  border:3px solid #0a070a;
  background:#0a070acc;
  color:var(--text-main);
}

.siteHeader__right{
  display:flex;
  align-items:center;
  gap:10px;
}

.langSwitch{
  display:flex;
  gap:8px;
}

.langSwitch button{
  border:none;
  background:rgba(255,255,255,0.06);
  color:var(--text-main);
  padding:8px 10px;
  border-radius:10px;
  cursor:pointer;
}

.siteFooter{
  min-height:90px;
  padding:12px 20px 14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  text-align:center;
  background:#09080b;
  color:var(--text-dim);
  border-top:1px solid rgba(255,255,255,0.05);
}

.siteFooter__nav{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  gap:18px;
  margin:0 0 8px;
}

.siteFooter__nav a{
  color:var(--text-dim);
  text-decoration:none;
  font-size:0.9rem;
  line-height:1.2;
  text-transform: uppercase;
  padding-top: 6%;
  padding-bottom: 3%;
}

.siteFooter__nav a:hover{
  color:#ddb64a;
  text-shadow:
    0 0 10px rgba(255, 215, 106, 0.65),
    0 0 18px rgba(255, 215, 106, 0.4);

}

.siteFooter p{
  margin:0;
  font-size:0.82rem;
  line-height:1.2;
}