function Header() {
  return (
    <header className="site-header" style={{position:'sticky',top:0,zIndex:20,display:'flex',alignItems:'center',justifyContent:'space-between',background:'rgba(15,12,10,0.9)',backdropFilter:'blur(8px)',borderBottom:'1px solid var(--border-subtle)'}}>
      <img src="/assets/logo.webp" className="site-logo" alt="Maggie May Fried Chicken" />
      <nav style={{display:'flex',gap:32,fontFamily:'var(--font-body)',fontWeight:600,fontSize:13,letterSpacing:'0.08em',textTransform:'uppercase',color:'var(--text-secondary)'}}>
        <a href="#menu" className="nav-link" style={{color:'inherit',textDecoration:'none'}}>Menu</a>
        <a href="#story" className="nav-link" style={{color:'inherit',textDecoration:'none'}}>Our Story</a>
      </nav>
    </header>
  );
}

window.Header = Header;