/* ===== NAV ===== */
.site-header .menu-toggle::-webkit-details-marker { display:none; }
.site-header .menu-toggle::marker { content:''; }
.site-header{
  position:sticky; top:0; z-index:50;
  background:linear-gradient(#f2f1ee,rgba(242,241,238,.92));
  backdrop-filter:saturate(1.1) blur(6px);
  border-bottom:1px solid rgba(0,0,0,.05);
}
.site-header .nav-wrap{
  max-width:1200px; margin:0 auto; padding:10px 16px;
  position:relative; min-height:44px;
}

/* Brand (left) */
.site-header .brand{
  font-family:'Playfair Display',serif;
  letter-spacing:.18em; text-transform:uppercase;
  font-size:14px; color:#2a2622; text-decoration:none;
  position:relative; z-index:2;
}

/* Reset details */
.site-header .nav-shell{ margin:0; padding:0; border:0; }

/* --- Desktop (>=900px): centered band --- */
@media (min-width:900px){
  .site-header .menu-toggle{ display:none; }

  .site-header .menu{
    display:inline-flex !important; gap:28px;
    position:absolute; left:50%; transform:translateX(-50%);
    top:8px;  
    white-space: nowrap;       /* prevents wrapping to second line */
    flex-wrap: nowrap;         /* keeps all items in one line */
    justify-content: center;   /* ensures balanced centering */
  }
  .site-header .menu a{
    font-family:'Work Sans',sans-serif; font-size:14px;
    letter-spacing:.04em; color:#4a4642; text-decoration:none;
    padding:6px 2px; transition:opacity .15s ease;
  }
  .site-header .menu a:hover{ opacity:.75; }
}

/* --- Mobile (<900px): menu LEFT, brand RIGHT, elegant label --- */
@media (max-width:899px){
  .site-header .nav-wrap{
    position:relative; min-height:44px; padding:10px 16px;
  }

  /* brand goes to the right */
  .site-header .brand{
    float:right;
    font-family:'Playfair Display',serif;
    letter-spacing:.18em; text-transform:uppercase;
    font-size:14px; color:#2a2622; text-decoration:none;
  }

  /* Menu text on the left (no arrows) */
  .site-header .menu-toggle{
    float:left; cursor:pointer; user-select:none;
    -webkit-tap-highlight-color:transparent;
    font-family:'Playfair Display',serif;
    font-style:italic; letter-spacing:.03em;
    font-size:18px; color:#2a2622; padding:4px 2px;
    line-height:1.2;
  }
  /* remove any pseudo arrow from older rules */
  .site-header .menu-toggle span::after{ content:''; }

  /* when open, give a subtle underline for affordance */
  .site-header .nav-shell[open] .menu-toggle{
    text-decoration:underline; text-underline-offset:3px;
  }

  /* dropdown panel */
  .site-header .menu{
    display:none;
    position:absolute; left:0; right:0; top:100%;
    background:rgba(255,255,255,.965);
    border-bottom:1px solid rgba(0,0,0,.06);
    box-shadow:0 10px 24px rgba(0,0,0,.08);
    padding:10px 16px 12px;
  }
  .site-header .nav-shell[open] .menu{ display:block; }

  .site-header .menu a{
    display:block; padding:12px 6px;
    font-family:'Work Sans',sans-serif; font-size:16px;
    color:#2f2b27; text-decoration:none;
  }
  .site-header .menu a + a{ border-top:1px dashed rgba(0,0,0,.08); }
}