.topbar{
  position:fixed;inset:0 0 auto;z-index:50;height:76px;padding:0 var(--pad);
  display:flex;align-items:center;justify-content:space-between;gap:32px;
  background:#050608;color:#e6e9ee;border:0;border-radius:0;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  transform:translateY(0);transition:transform .24s ease;
}
.topbar.is-scroll-hidden{transform:translateY(-105%);pointer-events:none;}
.topbar .mark{
  display:inline-flex;align-items:center;min-height:44px;flex:none;
  font-family:var(--display);font-size:14px;font-weight:800;
  letter-spacing:-.02em;text-decoration:none;color:#fff;
}
.topbar .navlinks.site-nav{display:flex;align-items:center;gap:32px;margin:0;}
.topbar .site-nav a{
  position:relative;display:flex;align-items:center;min-height:44px;padding:0;
  color:#aeb4be;font-family:var(--body);font-size:14px;font-weight:400;
  letter-spacing:0;text-decoration:none;transition:color .18s;
}
.topbar .site-nav a::after{
  content:"";display:block;position:absolute;left:0;bottom:5px;
  width:100%;height:1px;background:var(--signal);
  transform:scaleX(0);transform-origin:left;transition:transform .18s;
}
.topbar .site-nav a:hover,.topbar .site-nav a[aria-current="location"]{color:#fff;}
.topbar .site-nav a:hover::after,.topbar .site-nav a[aria-current="location"]::after{transform:scaleX(1);}
.topbar a:focus-visible,.topbar button:focus-visible{outline:2px solid var(--signal);outline-offset:5px;}
.topbar .nav-toggle{
  min-height:44px;min-width:44px;padding:0;color:#e6e9ee;background:none;border:0;
  font-family:var(--body);font-size:14px;cursor:pointer;text-align:right;
}
.topbar [hidden]{display:none!important;}
@media(max-width:767px){
  .topbar{height:64px;gap:20px;}
  .topbar .navlinks.site-nav{
    position:absolute;top:100%;left:0;right:0;padding:12px var(--pad) 24px;
    display:flex;flex-direction:column;align-items:stretch;gap:0;
    background:#050608;border-top:1px solid #262b33;
  }
  .topbar .site-nav a{min-height:48px;}
  .topbar .site-nav a::after{width:20px;bottom:7px;}
}
@media(prefers-reduced-motion:reduce){
  .topbar,.topbar .site-nav a,.topbar .site-nav a::after{transition:none;}
}