Black Desert/Banner

<style>
.bd-wrap { width: 100%; margin: 0 0 14px 0; }
.bd-pub { background: #111; padding: 6px 16px; display: flex; align-items: center; }
.bd-bar { background: #000; padding: 0 16px; display: flex; align-items: stretch; gap: 16px; min-height: 54px; position: relative; }
.bd-logo { display: flex; align-items: center; }
.bd-nav { display: flex; gap: 15px; font-size: 0.84em; align-items: center; flex: 1; }
.bd-spacer { flex: 1; }

.bd-item { position: relative; align-self: stretch; display: flex; align-items: center; }
.bd-label { color: rgba(255,255,255,0.9); transition: color 0.15s; cursor: pointer; outline: none; }
.bd-item:hover .bd-label, .bd-item:focus-within .bd-label { color: #fff; }
.bd-accent { color: #fbb251; transition: color 0.15s; cursor: pointer; outline: none; }
.bd-item:hover .bd-accent, .bd-item:focus-within .bd-accent { color: #ffd08a; }

.bd-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 100; min-width: 165px; background: #000; border: 1px solid #2a2a2a; border-top: 2px solid #ad8b53; box-shadow: 0 8px 20px rgba(0,0,0,0.6); padding: 5px 0; }
.bd-menu-right { left: auto; right: 0; min-width: 185px; }
.bd-item:hover .bd-menu, .bd-item:focus-within .bd-menu { display: block; }
.bd-menu p { margin: 0; }
.bd-menu a { display: block; padding: 8px 16px; font-size: 0.9em; color: rgba(255,255,255,0.85); text-decoration: none; white-space: nowrap; }
.bd-menu a:hover { background: #1a1a1a; color: #fbb251; }

.bd-burger { display: none; align-items: center; margin-left: auto; padding: 0 4px; font-size: 1.5em; line-height: 1; color: #fbb251; cursor: pointer; outline: none; transition: color 0.15s; }
.bd-burger:hover, .bd-burger:focus { color: #ffd08a; }

@media (max-width: 800px) {
  .bd-burger { display: flex; }
  .bd-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 200; flex: none; flex-direction: column; align-items: stretch; gap: 0; background: #000; border-top: 2px solid #ad8b53; box-shadow: 0 8px 20px rgba(0,0,0,0.6); padding: 6px 0; }
  .bd-burger:hover + .bd-nav, .bd-burger:focus + .bd-nav, .bd-nav:hover, .bd-nav:focus-within { display: flex; }
  .bd-spacer { display: none; }
  .bd-item { flex-direction: column; align-items: stretch; align-self: auto; }
  .bd-label, .bd-accent { padding: 10px 16px; }
  .bd-menu, .bd-menu-right { position: static; min-width: 0; border: none; box-shadow: none; background: transparent; padding: 0 0 6px 0; }
  .bd-menu a { padding: 7px 16px 7px 32px; white-space: normal; }
}
@dark { .bd-menu { border-color: #48484a; } }
</style>

<div class="bd-wrap">
<div class="bd-pub">![[Pearl_Abyss_logo_white.svg|110px|link=Pearl Abyss]]</div>
<div class="bd-bar">

<div class="bd-logo">![[logo_bdo_naeu.svg|130px|link=Black Desert/Home]]</div>

<span class="bd-burger" tabindex="0" role="button" aria-label="Menu">☰</span>

<div class="bd-nav">

<span class="bd-item"><span class="bd-label" tabindex="0" role="button">Geography ▾</span>
<span class="bd-menu">[[Black Desert/Regions|Regions]] [[Black Desert/Cities|Cities]] [[Black Desert/Landmarks|Landmarks]] [[Black Desert/Maps|Maps]]</span></span>

<span class="bd-item"><span class="bd-label" tabindex="0" role="button">Adventure ▾</span>
<span class="bd-menu">[[Black Desert/Classes|Classes]] [[Black Desert/Quests|Quests]] [[Black Desert/Bosses|Bosses]] [[Black Desert/Dungeons|Dungeons]]</span></span>

<span class="bd-item"><span class="bd-label" tabindex="0" role="button">Economy ▾</span>
<span class="bd-menu">[[Black Desert/Central Market|Central Market]] [[Black Desert/Life Skills|Life Skills]] [[Black Desert/Workers|Workers]] [[Black Desert/Trading|Trading]]</span></span>

<span class="bd-item"><span class="bd-label" tabindex="0" role="button">World ▾</span>
<span class="bd-menu">[[Black Desert/Lore|Lore]] [[Black Desert/Factions|Factions]] [[Black Desert/Timeline|Timeline]] [[Black Desert/Characters|Characters]]</span></span>

<span class="bd-item"><span class="bd-label" tabindex="0" role="button">Gameplay ▾</span>
<span class="bd-menu">[[Black Desert/Combat|Combat]] [[Black Desert/Gear|Gear]] [[Black Desert/Enhancement|Enhancement]] [[Black Desert/Node War|Node War]]</span></span>

<span class="bd-spacer"></span>

<span class="bd-item"><span class="bd-accent" tabindex="0" role="button">Games ▾</span>
<span class="bd-menu bd-menu-right">[[Black Desert Online|Black Desert Online]] [[Black Desert Mobile|Black Desert Mobile]]</span></span>

</div>

</div>
</div>