/* Site header: fixed bar with logo, main navigation and the controls on the right. */
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:26px max(48px,calc((100% - var(--maxw))/2 + 48px));transition:padding .25s,background-color .25s,box-shadow .25s}
.site-header.scrolled{padding-top:14px;padding-bottom:14px;background:var(--bg);box-shadow:0 1px 0 var(--line),0 10px 30px -20px rgba(0,0,0,.25)}
.site-nav{margin:0 auto}
.site-nav ul{display:flex;gap:40px;list-style:none;font-size:13px}
.site-nav a:hover{color:var(--accent)}
.site-nav a[aria-current="page"]{color:var(--accent);text-decoration:underline;text-underline-offset:6px}

@media (max-width:1100px){
  .site-header{padding-left:32px;padding-right:32px}
  .site-nav{display:none}
}
@media (max-width:600px){
  .site-header{padding:18px 16px}
  .site-header.scrolled{padding-top:10px;padding-bottom:10px}
}