/* ===== Editorial header (clean, uppercase, no pill buttons) ===== */
.mbc-site-header{
  --mbc-logo-h: 92px;
  /* Normal (non-sticky) header: scrolls with the page */
  position: relative;
  top: auto;
  z-index: 10;
  background: rgba(251, 247, 240, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(31,31,31,.10);
}

.mbc-header-top{
  position: relative;
  display:grid;
  width: 100%;
  grid-template-columns: 25px 1fr 25px;
  align-items:center;
  padding: 10px 16px 6px;
  min-height: calc(var(--mbc-logo-h) + 18px);
  gap: 10px;
  transition: min-height .28s ease, padding .28s ease;
}

/* NOTE: No scroll/shrink behaviour. Header scrolls naturally with the page. */

/* Logo centered (hard-centre, even if other CSS interferes) */
.mbc-logo{
  position:absolute;
  left:50%;
  transform: translate(-50%, 0);
  display:flex;
  justify-content:center;
  align-items:center;
  text-decoration:none;
  transition: opacity .28s ease, transform .28s ease;
}
.mbc-logo img{
  height: var(--mbc-logo-h);
  width: auto;
  transition: height .2s ease;
}

/* No scroll-hide state */

/* Burger */
.mbc-burger{
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  cursor:pointer;
  display:grid;
  place-items:center;
}
.mbc-burger span{
  display:block;
  width: 28px;
  height: 3px;
  background: rgba(31,31,31,.85);
  border-radius: 4px;
  margin: 4px 0;
}

/* Make the hamburger feel like a proper icon on mobile */
@media (max-width: 860px){
  .mbc-burger span{
    width: 30px;
    height: 3px;
    margin: 5px 0;
  }
}

@media (min-width: 861px){ .mbc-burger{ display:none; } }

/* Nav row */
.mbc-nav{
  display:flex;
  justify-content:center;
  gap: 18px;
  padding: 8px 16px 10px;
  transition: padding .28s ease, gap .28s ease;
}
.mbc-nav-link{
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  text-decoration:none;
  color: rgba(31,31,31,.88);
  padding: 4px 0;
  border-bottom: 1px solid transparent;
}
.mbc-nav-link:hover{ color: rgba(31,31,31,1); border-bottom-color: transparent; }
.mbc-nav-link.is-active{ border-bottom-color: rgba(107,92,165,.70); }

/* Mobile: nav becomes dropdown */
@media (max-width: 860px){
  .mbc-site-header{ --mbc-logo-h: 82px; }
  .mbc-nav{
    display:none;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px 16px 14px;
    border-top: 1px solid rgba(31,31,31,.10);
  }
  .mbc-nav-link{
    border-bottom: 1px solid rgba(31,31,31,.12);
    padding: 10px 2px;
  }
  .mbc-nav-link:last-child{ border-bottom-color: transparent; }

  html.mbc-nav-open .mbc-nav{ display:flex; }
}

/* No sticky header, so no special scroll padding required */