const {Window, Transit, Button} = window.ArcadiaDesignSystem_90e8f6;
function PressPage({stub}){
  return <div className="est-measure-text" style={{paddingTop:16}}>
    <h1 className="heading-1" style={{margin:"0 0 20px"}}>Press</h1>
    <p className="body-text" style={{margin:"0 0 36px"}}>Ruti Buser is a musician who, since 2025, has been visiting the ordinary world — malls, plazas, grocery stores — in a six-foot wizard hat, and lending it to strangers. The songs and the visits are one project. For anything written about him, the short rule: sincere, never mystical.</p>
    <div className="micro-text">Portraits — owned set</div>
    <div className="est-row3" style={{margin:"14px 0 8px"}}>
      {[1,2,3].map(i=><div key={i}>
        <Window aspect="4/5" placeholder={"owned portrait 0"+i} alt={"Portrait of Ruti Buser, Planet register, "+i}/>
        <a href="#" style={{fontSize:13, display:"inline-block", marginTop:8}} onClick={(e)=>{e.preventDefault(); stub("Downloads the full-res portrait — files TBD.");}}>Download</a>
      </div>)}
    </div>
    <div className="micro-text" style={{marginTop:36}}>Marks</div>
    <div style={{display:"flex", gap:28, alignItems:"center", margin:"16px 0 8px"}}>
      <img src="assets/transit.svg" alt="The Transit — two discs, thread bridge" style={{height:44}}/>
      <span className="wordmark" style={{fontSize:26}}>Planet Ruti</span>
      <a href="#" style={{fontSize:13}} onClick={(e)=>{e.preventDefault(); stub("Downloads the mark package — files TBD.");}}>Download SVG set</a>
    </div>
    <p className="chrome-text" style={{color:"var(--text-secondary)", marginTop:36}}>Press and booking: <a href="#" onClick={(e)=>e.preventDefault()}>press@planetruti.com</a></p>
  </div>;
}
function ContactPage(){
  return <div style={{paddingTop:16, maxWidth:680}}>
    <h1 className="heading-1" style={{margin:"0 0 20px"}}>Contact</h1>
    <p className="chrome-text" style={{color:"var(--text-secondary)"}}>For everything: <a href="#" onClick={(e)=>e.preventDefault()}>hello@planetruti.com</a></p>
  </div>;
}
function PolicyPage({kind}){
  const shipping = [
    ["How the hat ships", <React.Fragment key="s">{<Tbd note="shipping method TBD — tube, flat-pack, or collapsible">{EST.hat.method}</Tbd>} {EST.shipNote} Batches ship within <Tbd note="cadence TBD">10 days</Tbd> of your order.</React.Fragment>],
    ["Returns", EST.returns],
    ["If something arrives wrong", "Tell us what happened and we'll make it right — replacement first, refund if you'd rather. Nothing was your fault for ordering a six-foot hat."]
  ];
  const privacy = [
    ["What we count", "Four things: listens out, watches, notify-me signups, and orders. That's the whole list, and it's enough to steer."],
    ["What we don't do", "No ad pixels, no session recording, no selling or sharing anything about you. The notify-me list is used for batches and releases, nothing else, and you can leave it from any email."],
    ["Payments", <React.Fragment key="p">Card details never touch this site — payment happens with our processor (<Tbd note="provider TBD">provider TBD</Tbd>), which has its own privacy terms.</React.Fragment>]
  ];
  const sections = kind==="privacy" ? privacy : shipping;
  return <div className="est-measure-text" style={{paddingTop:16}}>
    <h1 className="heading-1" style={{margin:"0 0 28px"}}>{kind==="privacy" ? "Privacy" : "Shipping & returns"}</h1>
    {sections.map(([h,b])=><div key={h} style={{marginBottom:28}}>
      <h2 className="heading-2" style={{fontSize:21, margin:"0 0 10px"}}>{h}</h2>
      <p className="body-text" style={{margin:0}}>{b}</p>
    </div>)}
  </div>;
}
function NotFoundPage({go}){
  return <EmptyState line="There's nothing here." actionLabel="Home" onAction={()=>go("")}/>;
}
Object.assign(window, {PressPage, ContactPage, PolicyPage, NotFoundPage});