{% set attributes = attributes.addClass('flex items-center gap-3 shrink-0') %}
<a href="{{ path('<front>') }}" rel="home"{{ attributes }}>
  
  {% if site_logo %}
    <img src="{{ site_logo }}" alt="{{ 'Home'|t }}" class="h-10 w-auto" />
    <div class="h-8 w-px bg-gray-200 hidden sm:block mx-1"></div>
  {% endif %}

  <div class="hidden sm:block">
    {% if site_name %}
      <h1 class="text-navy font-bold text-base md:text-lg leading-tight tracking-tight uppercase">
        {{ site_name }}
      </h1>
    {% endif %}
    {% if site_slogan %}
      <p class="text-[11px] font-semibold text-gray-600 tracking-wider">
        {{ site_slogan }}
      </p>
    {% endif %}
  </div>
</a>