<template>
  <header class="site-header sticky top-0 z-20 h-[57px] border-b border-line bg-paper/95 backdrop-blur">
    <div class="site-header__inner mx-auto flex h-full max-w-[1294px] items-center justify-between px-4 lg:px-0">
      <NuxtLink class="site-header__brand text-[19px] font-semibold tracking-normal" to="/">
        sori.studio
      </NuxtLink>
      <nav class="site-header__nav flex items-center gap-5 text-sm text-muted">
        <NuxtLink class="site-header__nav-link hover:text-ink" to="/pages/about">
          About
        </NuxtLink>
        <NuxtLink class="site-header__nav-link hover:text-ink" to="/pages/links">
          Links
        </NuxtLink>
        <NuxtLink class="site-header__nav-link hover:text-ink" to="/admin">
          Admin
        </NuxtLink>
      </nav>
    </div>
  </header>
</template>
