/* Final header/nav appearance — safe overrides */
:root{
  --ne-navy:#2b3e50;
  --ne-green:#264d3c;
  --ne-shadow:0 6px 24px rgba(0,0,0,0.06);
}

/* Header gradient that blends to page parchment */
.site-header{
  background:linear-gradient(90deg,var(--ne-navy) 0%, #fdfaf5 100%);
  border-bottom:1px solid #d9d2c7;
  box-shadow:var(--ne-shadow);
  padding:1rem 0 .75rem;
  position:static; top:auto; z-index:auto;
}

/* Brand row: logo | title | spacer, bottom aligned */
.header-block{max-width:1140px;margin:0 auto;padding:0 1rem;}
.brand-top{
  display:grid;
  grid-template-columns:auto auto auto; /* logo | title | spacer */
  align-items:end;
  justify-content:center;
  gap:.75rem;
  width:100%;
}
.brand-logo{height:64px;width:auto;}
.brand-top::after{content:'';display:block;width:64px;}
.brand-title{
  font-family:'Cormorant Garamond',serif;
  font-size:2.6rem;font-weight:700;line-height:1;
  color:#f9f3e8; /* midpoint parchment we settled on for title */
  text-shadow:0 1px 2px rgba(0,0,0,.35);
  white-space:nowrap;
}

/* Nav bubble (warmed) + link feedback */
.primary-nav ul{
  background-color:#FCF8F2;
  border:1px solid #D9D2C7;
  border-radius:999px;
  padding:.4rem 1rem; gap:1.25rem;
  transition:background-color .2s ease,border-color .2s ease;
}
.primary-nav ul:hover{
  background-color:#F9F3E8;
  border-color:#CFC8BA;
}
.primary-nav a{
  transition:color .2s ease,background-color .2s ease;
  border-radius:999px; padding:.25rem .75rem;
}
.primary-nav a:hover,.primary-nav a:focus{
  color:var(--ne-green);
  background-color:rgba(255,255,255,.75); /* brighter hover for contrast */
}

@media (max-width:768px){
  .brand-logo{height:48px;}
  .brand-top::after{width:48px;}
  .brand-title{font-size:2rem;}
}