// Work page — discreet, no published portfolio
function Work({ go }) {
  return (
    <main>
      <PageHead
        index="§ Work"
        title={<>Engagements held<br/><em>in confidence.</em></>}
        sub="Matters are discussed only with the controlling party's permission and only in general terms. Identifying details are withheld unless already part of the public record. Matters under active investigation or litigation are omitted entirely."
        meta={[]}
      />

      <section className="section" style={{paddingTop: 80, paddingBottom: 40}}>
        <div style={{
          maxWidth: '64ch',
          display: 'grid',
          gap: 28,
          color: 'var(--paper-dim)',
          fontSize: 16,
          lineHeight: 1.7
        }}>
          <p>
            Flight Reconstruction Group does not maintain a public portfolio. A
            curated brief — case scope, methodology, and representative output —
            is available to instructing counsel, investigating authorities, and
            qualifying clients on request, under appropriate non-disclosure.
          </p>
          <p>
            For broadcast and editorial use, prior reconstructions cleared for
            publication can be discussed individually. Please indicate the
            programme, intended use, and editorial timeline when enquiring.
          </p>
        </div>

        <div style={{marginTop: 48, display: 'flex', gap: 14}}>
          <button className="btn btn-primary" onClick={() => go("contact")}>
            Request a brief <span className="btn-arrow">→</span>
          </button>
          <button className="btn btn-ghost" onClick={() => go("services")}>
            View capabilities
          </button>
        </div>
      </section>

      <CtaBand go={go}/>
    </main>
  );
}

Object.assign(window, { Work });