function NotFound(){
  React.useEffect(()=>{document.title='Page Not Found — Bold Bee';},[]);
  return (
    <div style={{maxWidth:520,margin:'0 auto',padding:'var(--space-8) var(--container-pad) var(--space-section)',textAlign:'center'}}>
      <Eyebrow style={{justifyContent:'center'}}>404</Eyebrow>
      <h1 style={{fontFamily:'var(--font-serif)',fontWeight:400,fontSize:'clamp(30px,4vw,44px)',margin:'0 0 16px',color:'var(--text-primary)'}}>This Page Has Been Rewoven Elsewhere</h1>
      <p style={{fontSize:16,color:'var(--text-secondary)',marginBottom:32}}>The page you are looking for no longer exists at this address.</p>
      <div style={{display:'flex',gap:16,justifyContent:'center'}}>
        <a href="index.html" style={{textDecoration:'none'}}><PrimaryButton>Return Home</PrimaryButton></a>
        <a href="Search.html" style={{fontSize:13,letterSpacing:'var(--tracking-wide)',textTransform:'uppercase',color:'var(--gold-deep)',alignSelf:'center'}}>Search</a>
      </div>
    </div>
  );
}
window.NotFound=NotFound;