.site-header{transition:background .25s,box-shadow .25s}
.site-header.scrolled{position:fixed;background:rgba(6,7,10,.84);box-shadow:0 12px 40px rgba(0,0,0,.24);backdrop-filter:blur(20px)}
@media(max-width:980px){
  .site-header nav.open{position:absolute;top:76px;left:18px;right:18px;display:flex;flex-direction:column;gap:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(10,11,15,.97);box-shadow:0 25px 70px rgba(0,0,0,.45)}
  .site-header nav.open a{padding:13px}
}