function ServerError(){
  React.useEffect(()=>{document.title='Something Went Wrong — 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'}}>500</Eyebrow>
      <h1 style={{fontFamily:'var(--font-serif)',fontWeight:400,fontSize:'clamp(30px,4vw,44px)',margin:'0 0 16px',color:'var(--text-primary)'}}>Something Has Come Loose at the Loom</h1>
      <p style={{fontSize:16,color:'var(--text-secondary)',marginBottom:32}}>An unexpected error occurred on our end. Please try again shortly.</p>
      <div style={{display:'flex',gap:16,justifyContent:'center'}}>
        <a href="index.html" style={{textDecoration:'none'}}><PrimaryButton>Return Home</PrimaryButton></a>
        <a href="Contact.html" style={{fontSize:13,letterSpacing:'var(--tracking-wide)',textTransform:'uppercase',color:'var(--gold-deep)',alignSelf:'center'}}>Contact Us</a>
      </div>
    </div>
  );
}
window.ServerError=ServerError;