---
import { Image } from 'astro:assets'
import logo from '@assets/logo.svg'
---

<a href="/" rel="noopener noreferrer" aria-label="Home" role="button">
  <Image src={logo} alt="" loading="eager" />
  <span class="visually-hidden">Logo</span>
</a>

<style>
  a {
    margin-left: 16px;
    padding-top: 8px;
    height: 48px;
    width: 48px;
    display: flex;
    justify-self: top;
    align-items: center;
  }

    a > img {
    height: 42px;
    width: 42px;
    object-fit: contain;
  }
  @media (min-width: 1140px) {
    a {
      padding-top: 0px;
    }
  }
</style>