/* Navigation: a compact charcoal frosted bar that lets the work lead. The current page is white, the others grey;
   the bar slides away while scrolling down and returns on scroll up. */
.nav.glass,[data-theme="dark"] .nav.glass{
  background:rgba(22,22,25,.8);
  -webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  transition:transform .45s cubic-bezier(.22,1,.36,1)}
.nav.glass.nav-hidden{transform:translateY(calc(-100% - 28px))}
#main-navigation a{position:relative;color:rgba(255,255,255,.62)!important;transition:color .25s ease}
#main-navigation a:hover,#main-navigation a[aria-current="page"]{color:#fff!important}
@media (prefers-reduced-motion:reduce){.nav.glass{transition:none}}