<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 160" fill="black">
  <!--
    Bones Coffee wordmark — converted to all-black on transparent.
    Tightened viewBox (was 360×220) so the stacked BONES/COFFEE/CO.
    layout fills more of the marquee's container without wasted
    padding on the sides. Aspect ratio ~1.88:1 fits more
    efficiently against the marquee's 2.5:1 container.
  -->
  <!-- BONES — top tier, large display weight -->
  <text
    x="150"
    y="68"
    text-anchor="middle"
    font-family="'Impact', 'Arial Black', 'Helvetica Neue', sans-serif"
    font-weight="900"
    font-size="72"
    letter-spacing="2"
  >BONES</text>
  <!-- COFFEE — middle tier, block-letter sans -->
  <text
    x="150"
    y="108"
    text-anchor="middle"
    font-family="'Arial Black', 'Helvetica Neue', sans-serif"
    font-weight="900"
    font-size="28"
    letter-spacing="5"
  >COFFEE</text>
  <!-- CO. — bottom tier, inside a thin ring -->
  <circle cx="150" cy="138" r="16" fill="none" stroke="black" stroke-width="2.5" />
  <text
    x="150"
    y="144"
    text-anchor="middle"
    font-family="'Helvetica Neue', Arial, sans-serif"
    font-weight="700"
    font-size="14"
    letter-spacing="1"
  >CO.</text>
</svg>
