/* Shared CraftSpace navigation — single source of truth for every page */
:root {
  --nav-h: 160px;
  --nav-h-scrolled: 96px;
  --nav-logo-h: 115px;
  --nav-logo-h-scrolled: 72px;
}

.nav {
  height: var(--nav-h);
  padding-left: 40px;
  padding-right: 40px;
  align-items: center;
  transition: height .4s var(--ease), background .4s var(--ease), box-shadow .4s var(--ease);
}

.nav-logo {
  height: 100%;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.nav-logo img {
  display: block;
  width: auto;
  height: var(--nav-logo-h);
  max-height: calc(100% - 24px);
  filter: none;
  transition: height .4s var(--ease), filter .3s;
}

.nav.scrolled {
  height: var(--nav-h-scrolled);
}

.nav.scrolled .nav-logo img {
  height: var(--nav-logo-h-scrolled);
  max-height: calc(100% - 24px);
  filter: none;
}

.menu-open .nav-logo img {
  filter: brightness(0) invert(1) !important;
}

@media (max-width: 768px) {
  :root {
    --nav-h: 104px;
    --nav-h-scrolled: 80px;
    --nav-logo-h: 80px;
    --nav-logo-h-scrolled: 56px;
  }

  .nav {
    padding-left: 20px;
    padding-right: 20px;
  }
}