<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 540" role="img" aria-labelledby="title desc">
  <title id="title">Bellwright base location planning graphic</title>
  <desc id="desc">A Bellwright base location planning graphic showing forest, water, road and ore access around a compact settlement.</desc>
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#1c2d29"/>
      <stop offset=".48" stop-color="#385749"/>
      <stop offset="1" stop-color="#8e7a54"/>
    </linearGradient>
  </defs>
  <rect width="960" height="540" rx="34" fill="url(#bg)"/>
  <path d="M0 430 C150 390 250 430 380 394 C560 344 710 380 960 300 L960 540 L0 540 Z" fill="#20381f"/>
  <path d="M72 390 C210 310 300 326 460 278 C612 232 704 184 888 142" fill="none" stroke="#b99361" stroke-width="28" stroke-linecap="round" opacity=".72"/>
  <path d="M88 392 C220 326 320 338 470 292 C628 244 724 196 886 158" fill="none" stroke="#dbc08a" stroke-width="7" stroke-linecap="round" opacity=".7"/>
  <ellipse cx="462" cy="310" rx="144" ry="92" fill="#e0b874" stroke="#fff0bd" stroke-width="5"/>
  <text x="480" y="112" text-anchor="middle" fill="#fff2d1" font-family="Arial, sans-serif" font-size="34" font-weight="700">Pick the Base Before the Build Queue</text>
  <text x="480" y="151" text-anchor="middle" fill="#ead8b2" font-family="Arial, sans-serif" font-size="21">Good placement lowers every future material trip.</text>
  <g font-family="Arial, sans-serif" font-weight="700" text-anchor="middle">
    <text x="462" y="300" fill="#392514" font-size="28">Starter Base</text>
    <text x="462" y="336" fill="#4c3723" font-size="18" font-weight="400">storage close to road + trees</text>
    <circle cx="194" cy="226" r="52" fill="#587b37"/>
    <text x="194" y="234" fill="#fff2d1" font-size="20">Wood</text>
    <circle cx="762" cy="244" r="52" fill="#5e6770"/>
    <text x="762" y="252" fill="#fff2d1" font-size="20">Ore</text>
    <circle cx="716" cy="404" r="50" fill="#487982"/>
    <text x="716" y="412" fill="#fff2d1" font-size="20">Water</text>
  </g>
  <g stroke="#ffe4a8" stroke-width="6" stroke-linecap="round" fill="none" opacity=".78">
    <path d="M244 244 C312 256 348 278 380 300"/>
    <path d="M704 258 C644 270 592 288 556 304"/>
    <path d="M674 388 C606 374 564 354 534 334"/>
  </g>
</svg>
