{# EKGF logo with inline SVG and text #}
<a
  href="{{ config.site_url | default(nav.homepage.url, true) | url }}"
  class="md-header__button md-logo"
  aria-label="{{ config.site_name }}"
  title="{{ config.site_name }}"
>
  <span class="ekgf-logo-wrap">
    <svg
      viewBox="12 30 170 170"
      xmlns="http://www.w3.org/2000/svg"
      role="img"
      aria-label="EKGF Logo"
      class="ekgf-logo-symbol"
    >
      <title>EKGF Logo</title>
      <g fill="#ff9900">
        <circle cx="30" cy="60" r="12" />
        <circle cx="80" cy="40" r="7" />
        <circle cx="125" cy="40" r="7" />
        <circle cx="170" cy="80" r="12" />
        <circle cx="170" cy="150" r="12" />
        <circle cx="100" cy="180" r="12" />
        <circle cx="50" cy="150" r="18" />
        <circle cx="100" cy="100" r="18" />
      </g>
      <g stroke-width="2.2" stroke="#ff9900">
        <line x1="100" y1="100" x2="30" y2="60" />
        <line x1="100" y1="100" x2="80" y2="40" />
        <line x1="100" y1="100" x2="125" y2="40" />
        <line x1="125" y1="40" x2="170" y2="80" />
        <line x1="100" y1="100" x2="50" y2="150" />
        <line x1="100" y1="100" x2="170" y2="150" />
        <line x1="100" y1="180" x2="170" y2="150" />
        <line x1="170" y1="80" x2="170" y2="150" />
        <line x1="100" y1="180" x2="50" y2="150" />
      </g>
    </svg>
    <span class="ekgf-logo-text">EKGF</span>
  </span>
</a>