<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252 64" width="252" height="64">
  <defs>
    <linearGradient id="djbsLogo" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#21477C"/>
      <stop offset="0.7" stop-color="#0E1F3A"/>
    </linearGradient>
    <style>
      @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&amp;display=swap');
      .djbs-d  { font-family:'Space Grotesk','Segoe UI',system-ui,Arial,sans-serif; font-weight:700; }
      .djbs-wm { font-family:'Space Grotesk','Segoe UI',system-ui,Arial,sans-serif; font-weight:600; }
    </style>
  </defs>

  <!-- mark -->
  <rect x="4" y="4" width="56" height="56" rx="15" fill="url(#djbsLogo)"/>
  <text x="32" y="40" text-anchor="middle" class="djbs-d" font-size="34" letter-spacing="-1.4" fill="#F5F2EC">D</text>
  <rect x="23" y="45" width="18" height="3.5" rx="1.75" fill="#C6A972"/>

  <!-- wordmark -->
  <text x="82" y="42" class="djbs-wm" font-size="30" letter-spacing="6" fill="#0E1F3A">DJBS</text>
</svg>
