/* ── Header ── */
.site-header{
  position:fixed;top:0;left:0;width:100%;z-index:1000;
  height:var(--header-h);
  background:rgba(250,247,242,.92);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(26,26,46,.06);
  transition:box-shadow .3s ease;
}
.site-header.scrolled{box-shadow:0 2px 24px rgba(26,26,46,.08)}

.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  height:100%;max-width:1200px;margin:0 auto;padding:0 24px;
}
.header-logo img{height:36px;width:auto}

.nav-links{display:flex;align-items:center;gap:36px}
.nav-links a{
  font-size:.9rem;font-weight:500;color:var(--ink-mid);
  transition:color .2s ease;position:relative;
}
.nav-links a::after{
  content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;
  background:var(--accent);transition:width .3s ease;
}
.nav-links a:hover{color:var(--ink)}
.nav-links a:hover::after,
.nav-links a.active::after{width:100%}
.nav-links a.active{color:var(--ink)}
.nav-cta{
  padding:10px 24px;background:var(--accent);color:#fff !important;
  border-radius:var(--radius);font-weight:600;
  transition:all .3s ease;
}
.nav-cta::after{display:none !important}
.nav-cta:hover{background:var(--accent-dark);transform:translateY(-1px)}

/* Hamburger */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;z-index:1001}
.hamburger span{width:24px;height:2px;background:var(--ink);border-radius:2px;transition:all .3s ease}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* Mobile menu */
.mobile-menu{
  display:none;position:fixed;top:var(--header-h);left:0;width:100%;
  background:var(--cream);
  padding:32px 24px;
  box-shadow:0 12px 40px rgba(26,26,46,.1);
  transform:translateY(-10px);opacity:0;
  transition:all .3s ease;pointer-events:none;
}
.mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:all}
.mobile-menu a{
  display:block;padding:14px 0;font-size:1.1rem;font-weight:500;
  color:var(--ink);border-bottom:1px solid rgba(26,26,46,.06);
}
.mobile-menu .nav-cta-mobile{
  display:inline-block;margin-top:20px;padding:14px 32px;
  background:var(--accent);color:#fff;border-radius:var(--radius);
  font-weight:600;text-align:center;width:100%;
}

@media(max-width:768px){
  .nav-links{display:none}
  .hamburger{display:flex}
  .mobile-menu{display:block}
}