.dl-public-nav{
  position:sticky;
  top:0;
  z-index:999999;
  background:#050505;
  border-bottom:1px solid rgba(216,182,70,.30);
  padding:12px 4vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.dl-public-brand{
  display:flex;
  align-items:baseline;
  gap:10px;
  text-decoration:none;
  flex-shrink:0;
}
.dl-public-brand span{
  color:#f3d65f;
  font-family:Georgia,serif;
  font-size:24px;
  font-weight:900;
  letter-spacing:.11em;
  white-space:nowrap;
}
.dl-public-brand em{
  color:#fff;
  font-family:Georgia,serif;
  font-size:12px;
  font-weight:800;
  font-style:italic;
  white-space:nowrap;
}
.dl-public-nav nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  flex-wrap:nowrap;
}
.dl-public-nav nav a{
  color:#fff;
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  letter-spacing:.05em;
  white-space:nowrap;
}
.dl-public-nav nav a:hover{color:#f3d65f}

/* remove old extra menu/ticker only on public pages */
body > .ticker,
body > .marquee,
body > header.nav:not(.dl-public-nav),
body > header.dl-nav:not(.dl-public-nav),
body > header.dl-unified-header:not(.dl-public-nav),
body > header.dl-top-nav:not(.dl-public-nav){
  display:none!important;
}

@media(max-width:900px){
  .dl-public-nav{display:block}
  .dl-public-brand{display:block}
  .dl-public-brand em{display:block;margin-top:4px}
  .dl-public-nav nav{margin-top:10px;flex-wrap:wrap;justify-content:flex-start}
}