.topbar{
  position:fixed;
  z-index:50;
  height:132px;
  padding:18px max(4vw,30px) 34px;
  align-items:flex-start;
  border-bottom:0;
  background:linear-gradient(180deg,rgba(4,10,14,.96) 0%,rgba(4,10,14,.78) 48%,rgba(4,10,14,.34) 76%,rgba(4,10,14,0) 100%);
  isolation:isolate;
}
.brand{min-height:80px;position:relative;z-index:2}
.brand img{width:auto;height:80px;max-width:300px;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 9px rgba(0,0,0,.32))}
.topbar nav{margin-top:15px;text-shadow:0 1px 5px rgba(0,0,0,.7)}
.topbar nav a{transition:color .2s,background-color .2s,border-color .2s}
.topbar nav a:not(.nav-cta):hover{color:var(--lime)}
.nav-cta{background:rgba(7,12,15,.25);backdrop-filter:blur(5px)}
.nav-cta:hover{background:rgba(255,255,255,.12);border-color:#fff}
@media(max-width:800px){
  .topbar{height:108px;padding:13px 22px 28px;align-items:flex-start}
  .brand{min-height:64px}
  .brand img{height:64px;max-width:220px}
  .menu-btn{margin-top:15px;text-shadow:0 2px 5px #000}
  .topbar nav{top:92px;margin-top:0;background:linear-gradient(180deg,rgba(12,16,13,.98),rgba(24,26,23,.96));box-shadow:0 18px 35px rgba(0,0,0,.25)}
}
@media(max-width:420px){.brand img{height:58px;max-width:185px}}