/* ============================================================
   Header / Navigation — Conceptica Studio
   ============================================================ */
header#masthead.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  padding: 0;
  background: color-mix(in srgb, var(--paper) 88%, transparent);
  -webkit-backdrop-filter: saturate(1.2) blur(10px);
  backdrop-filter: saturate(1.2) blur(10px);
  border-bottom: 1px solid transparent;
  box-shadow: none;
  transition: border-color .3s var(--ease), background .3s var(--ease);
}
/* Reset the theme's dark home-header treatment */
.home header#masthead.site-header { background: color-mix(in srgb, var(--paper) 88%, transparent); }
header#masthead.site-header.sticky { border-bottom-color: var(--line); background: color-mix(in srgb, var(--paper) 94%, transparent); }

header#masthead .container.nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  height: 88px;
}

/* Brand */
.site-branding.brand { display: flex; }
.brand__img { height: 62px; width: auto; display: block; }
.brand__link { display: inline-flex; flex-direction: column; line-height: 1; gap: 4px; }
.brand__mark { font-family: var(--font-serif); font-weight: 600; font-size: 26px; letter-spacing: 0.04em; color: var(--ink); }
.brand__word { font: 600 8.5px/1 var(--font-body); letter-spacing: 0.34em; text-transform: uppercase; color: var(--ink); }
.brand__word small { display: block; font-weight: 500; letter-spacing: 0.5em; font-size: 6.5px; color: var(--muted); margin-top: 3px; text-align: center; }

/* Menu */
#site-navigation { display: flex; align-items: center; }
ul.nav__menu { display: flex; align-items: center; gap: clamp(18px, 3vw, 40px); list-style: none; margin: 0; padding: 0; }
ul.nav__menu li { margin: 0; }
#primary-menu.nav__menu .menu-item a,
ul.nav__menu a {
  font: 600 12px/1 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink);
  position: relative;
  padding-block: 6px;
  display: inline-block;
}
.home #primary-menu .menu-item a { color: var(--ink); }
ul.nav__menu a::after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 0; background: var(--ink); transition: width .3s var(--ease); }
ul.nav__menu a:hover::after,
ul.nav__menu .current-menu-item > a::after { width: 100%; }

.nav__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ink); flex: none; }

/* Mobile toggle (opens theme mob-menu popup) */
.nav__toggle { display: none; background: none; border: 0; padding: 8px; }
.nav__toggle span { display: block; width: 24px; height: 2px; background: var(--ink); margin: 5px 0; transition: .3s var(--ease); }

@media (max-width: 820px) {
  ul.nav__menu, .nav__dot { display: none; }
  .nav__toggle { display: block; }
}