/* Desktop navigation shared by homepage and works catalog. */
@media(min-width:901px){
  .nav{
    top:31px;
    height:82px;
    padding:0 var(--pad);
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    background:transparent!important;
    backdrop-filter:none!important;
    border:0!important;
  }
  .works-page .nav{top:0}
  .nav .brand,.nav .logo{
    align-self:center;
    font-family:"Archivo Black","Noto Sans SC",sans-serif;
    font-size:17px;
    letter-spacing:-.02em;
  }
  .nav nav{
    display:flex;
    gap:36px;
    align-self:center;
    justify-self:end;
    padding-top:0;
    font-family:"Noto Sans SC","Helvetica Neue",Arial,sans-serif;
    font-size:14px;
    font-weight:700;
    line-height:1;
    text-transform:none;
  }
  .nav nav a{width:max-content;white-space:nowrap}
  .nav nav a:after{
    bottom:-12px;
    height:2px;
    background:var(--orange)!important;
  }
  .nav nav a.is-current:after{right:0}
  .nav.scrolled{
    background:rgba(0,0,0,.82)!important;
    backdrop-filter:blur(18px)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  .works-page .nav.scrolled{
    background:rgba(244,244,240,.92)!important;
    border-bottom:1px solid rgba(0,0,0,.12)!important;
  }
}