<a href="{{ site.url }}" class="bk-logo" aria-label="{{ site.name }} — {{ t('Home') }}">
    {%- if site.logo -%}
        <img class="bk-logo__light" src="{{ site.logo }}" alt="{{ site.name }}" height="{{ theme.logo_height|default(32) }}">
        {%- if site.logo_dark %}<img class="bk-logo__dark" src="{{ site.logo_dark }}" alt="{{ site.name }}" height="{{ theme.logo_height|default(32) }}">{% endif -%}
    {%- else -%}
        <span class="bk-logo__mark" aria-hidden="true">{{ site.name|initials|slice(0, 1) }}</span>
        <span>{{ site.name }}</span>
    {%- endif -%}
</a>
