function Events() {
  return (
    <section id="events" className="section" style={{background:'var(--paper)'}}>
      <div className="wrap">
        <div style={{marginBottom:48}}>
          <Eyebrow>Events & Convenings</Eyebrow>
          <h2 style={{marginTop:20, fontWeight:300}}>
            <span className="italic">Small rooms.</span> Honest conversations.
          </h2>
        </div>

        <div style={{border:'1px solid var(--rule)', padding:'clamp(48px, 7vw, 96px) clamp(24px, 4vw, 64px)', textAlign:'center', background:'var(--ivory)'}}>
          <div style={{display:'inline-flex', alignItems:'center', gap:10, marginBottom:20}}>
            <span className="diamond"></span>
            <span className="eyebrow">Coming soon</span>
            <span className="diamond"></span>
          </div>
          <div style={{fontFamily:'var(--heading-font)', fontStyle:'italic', fontSize:'clamp(28px, 3.2vw, 44px)', lineHeight:1.2, color:'var(--charcoal)', maxWidth:720, margin:'0 auto'}}>
            We're curating a programme of roundtables, masterclasses and salon dinners for 2026.
          </div>
          <p style={{marginTop:20, color:'var(--muted)', fontSize:16, lineHeight:1.7, maxWidth:560, margin:'20px auto 0'}}>
            Intimate gatherings designed for candid conversation, not crowded networking. Join the dispatch to be first to hear when the calendar opens.
          </p>
          <div style={{marginTop:32, display:'flex', gap:12, justifyContent:'center', flexWrap:'wrap'}}>
            <a href="#newsletter" className="btn btn-primary">Get notified</a>
            <a href="mailto:hello@casc.global?subject=Event%20enquiry" className="btn btn-ghost">Host with us</a>
          </div>
        </div>
      </div>
    </section>
  );
}
Object.assign(window, { Events });