{# EKGF logo with inline SVG and text - links to main EKGF site #}
<a
  href="{{ config.extra.homepage | default('https://ekgf.org/quadrants', true) }}"
  class="md-header__button md-logo"
  aria-label="EKGF Home"
  title="Go to EKGF Home"
>
  <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>