.site-header{position:sticky;top:0;z-index:30}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);padding-bottom:var(--space-3);gap:var(--space-4)}
.header-brand{display:flex;align-items:center}
.brand-link{display:inline-flex;align-items:center;gap:var(--space-3)}
.brand-mark{width:36px;height:36px;border-radius:14px;background:linear-gradient(135deg,#f4e3c7,#c2995d);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:1.4rem;color:#1f1305;box-shadow:var(--shadow-sm)}
.brand-text{display:flex;flex-direction:column;line-height:1.2}
.brand-name{font-family:var(--font-serif);font-size:1.25rem;letter-spacing:0.06em;text-transform:uppercase}
.brand-tagline{font-size:var(--font-size-xs);color:var(--color-text-soft);letter-spacing:0.12em;text-transform:uppercase}
.site-nav{display:flex;align-items:center}
.nav-list{display:flex;align-items:center;gap:var(--space-4)}
.nav-link{font-size:var(--font-size-sm);letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-soft);padding:6px 0;border-bottom:2px solid transparent}
.nav-link:focus-visible,.nav-link:hover{color:var(--color-text);border-bottom-color:var(--color-primary)}
.nav-cta .btn-small{padding:8px 18px;font-size:var(--font-size-xs)}
.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;border-radius:999px;border:1px solid rgba(0,0,0,0.08);background:rgba(255,255,255,0.9);cursor:pointer;transition:background-color var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}
.nav-toggle-bar{width:18px;height:2px;border-radius:999px;background-color:var(--color-text);transition:transform var(--transition-base),opacity var(--transition-base),width var(--transition-base)}
.nav-toggle-bar+.nav-toggle-bar{margin-top:4px}
.nav-toggle:focus-visible{box-shadow:var(--shadow-outline);outline:none}
.nav-toggle.is-open .nav-toggle-bar:nth-child(1){transform:translateY(6px) rotate(45deg);width:20px}
.nav-toggle.is-open .nav-toggle-bar:nth-child(2){opacity:0}
.nav-toggle.is-open .nav-toggle-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg);width:20px}
@media (max-width:768px){.nav-toggle{display:inline-flex}.site-nav{position:fixed;inset:0 0 auto 0;top:60px;background:rgba(247,244,239,0.96);backdrop-filter:blur(14px);transform:translateY(-120%);opacity:0;pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base);padding:var(--space-4) 0}
.nav-list{flex-direction:column;align-items:flex-start;padding:0 var(--space-4);gap:var(--space-3)}
.nav-item{width:100%}
.nav-link{display:block;width:100%;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.04)}
.nav-cta .btn-small{width:100%;justify-content:center;margin-top:var(--space-2)}
.site-nav.is-open{transform:translateY(0);opacity:1;pointer-events:auto}}
@media (min-width:769px){.site-nav{position:static;transform:none;opacity:1;pointer-events:auto;background:transparent}
.nav-list{padding:0}}
@media (prefers-reduced-motion:reduce){.site-nav,.nav-toggle-bar{transition:none}}