// ——— PARTNERS ———
const PartnersPage = ({ setRoute }) => (
  <main data-screen-label="Partners">
    <section style={{ padding: '96px 40px 72px' }}>
      <Container>
        <div style={{ display: 'grid', gridTemplateColumns: '160px 1fr', gap: 48 }}>
          <Eyebrow number="01">Partners</Eyebrow>
          <div>
            <h1 style={{ fontFamily: 'var(--serif)', fontWeight: 300, fontSize: 'clamp(56px,7vw,92px)', lineHeight: 0.98, letterSpacing: '-0.025em', margin: 0 }}>
              We work <em style={{ fontStyle: 'italic' }}>with many hands.</em>
            </h1>
            <p style={{ marginTop: 28, fontFamily: 'var(--serif)', fontSize: 20, lineHeight: 1.45, color: 'var(--ink-700)', maxWidth: 720 }}>
              Ministries, universities, civil-society organisations, and multilateral bodies — in Nepal, across South Asia, and further abroad. Our independence is a practice, not a statement; every partnership is named, with its funding disclosed.
            </p>
          </div>
        </div>
      </Container>
    </section>

    {[
      ['Government', 'We advise national ministries and local government on AI procurement, evaluation, and standards.', [
        ['Ministry of Communication & IT', 'Nepal'],
        ['Ministry of Education', 'Nepal'],
        ['Ministry of Health & Population', 'Nepal'],
        ['Supreme Court of Nepal', 'Judiciary'],
        ['Digital Nepal Framework', 'Cross-ministry'],
        ['NITC', 'Nepal'],
      ]],
      ['Academic', 'Our researchers hold visiting and adjunct roles; our Olympiad and fellowships run with academic hosts.', [
        ['Tribhuvan University', 'Kathmandu'],
        ['Kathmandu University', 'Dhulikhel'],
        ['Pokhara University', 'Pokhara'],
        ['Alan Turing Institute', 'London'],
        ['IIT Delhi', 'Delhi'],
        ['Oxford Internet Institute', 'Oxford'],
      ]],
      ['Civil society', 'Convenings and joint briefings with advocacy, legal, and community organisations.', [
        ['Nepal Law Society', 'Kathmandu'],
        ['Digital Rights Nepal', 'Kathmandu'],
        ['Freedom Forum Nepal', 'Kathmandu'],
        ['Mozilla Foundation', 'San Francisco'],
        ['Data & Society', 'New York'],
        ['Ada Lovelace Institute', 'London'],
      ]],
      ['International & funders', 'Grant-makers and multilateral partners. Full list in our annual report.', [
        ['UNESCO · Kathmandu', 'Multilateral'],
        ['UNDP Nepal', 'Multilateral'],
        ['Open Society Foundations', 'Funder'],
        ['AI Fund for South Asia', 'Funder'],
        ['Ford Foundation', 'Funder'],
        ['IDRC (Canada)', 'Funder'],
      ]],
    ].map(([group, lede, items], i) => (
      <section key={group} style={{ padding: '72px 40px', borderTop: '1px solid var(--rule)', background: i % 2 ? 'var(--paper-200)' : 'var(--paper)' }}>
        <Container>
          <SectionHead number={String(i + 1).padStart(2, '0')} eyebrow={group} lede={lede}/>
          <RuleGrid cols={3}>
            {items.map(([n, t]) => <PartnerPlate key={n} name={n} type={t}/>)}
          </RuleGrid>
        </Container>
      </section>
    ))}

    <section style={{ padding: '96px 40px', background: 'var(--ink)', color: 'var(--paper)' }}>
      <Container>
        <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 64, alignItems: 'center' }}>
          <div>
            <Eyebrow onInk>Partner with us</Eyebrow>
            <h2 style={{ fontFamily: 'var(--serif)', fontWeight: 300, fontSize: 56, lineHeight: 1.02, letterSpacing: '-0.02em', margin: '18px 0 24px' }}>
              A standing desk for <em style={{ fontStyle: 'italic', color: 'var(--accent-soft)' }}>serious work.</em>
            </h2>
            <p style={{ fontSize: 17, lineHeight: 1.6, color: 'var(--paper-200)', maxWidth: '48ch' }}>
              We partner with institutions working on specific, decidable questions — not on 'AI' as such. We decline funding that constrains our research agenda. We publish the terms of every partnership in our annual report.
            </p>
          </div>
          <div style={{ display: 'flex', flexDirection: 'column', gap: 14 }}>
            <Button variant="accent" onClick={() => setRoute('contact')}>Start a conversation</Button>
            <Button variant="ghostInk">Annual report 2025 · PDF</Button>
            <Button variant="ghostInk">Partnership principles · PDF</Button>
          </div>
        </div>
      </Container>
    </section>
  </main>
);

// ——— PRESS / NEWS ———
const PressPage = ({ setRoute }) => (
  <main data-screen-label="Press">
    <section style={{ padding: '96px 40px 48px' }}>
      <Container>
        <div style={{ display: 'grid', gridTemplateColumns: '160px 1fr', gap: 48 }}>
          <Eyebrow number="01">Press &amp; news</Eyebrow>
          <div>
            <h1 style={{ fontFamily: 'var(--serif)', fontWeight: 300, fontSize: 'clamp(56px,7vw,92px)', lineHeight: 0.98, letterSpacing: '-0.025em', margin: 0 }}>
              On the record, <em style={{ fontStyle: 'italic' }}>and in print.</em>
            </h1>
            <p style={{ marginTop: 28, fontFamily: 'var(--serif)', fontSize: 20, lineHeight: 1.45, color: 'var(--ink-700)', maxWidth: 720 }}>
              Press releases, media coverage, and our quarterly letter. Journalists and researchers are welcome to quote our work — we publish a press list and a named contact each month.
            </p>
          </div>
        </div>
      </Container>
    </section>

    <section style={{ padding: '48px 40px 72px' }}>
      <Container>
        <SectionHead number="02" eyebrow="Recent releases"/>
        <div style={{ borderTop: '1px solid var(--rule)' }}>
          {[
            ['18 · 04 · 2026', 'Release', 'BRAIN Foundation publishes working paper on public-sector AI audits', 'Kathmandu'],
            ['02 · 04 · 2026', 'Release', 'Nepal AI Olympiad 2026 opens for registration — fourth edition', 'Kathmandu'],
            ['22 · 03 · 2026', 'Statement', 'On the tabled Data Protection Bill — a BRAIN response', 'Kathmandu'],
            ['09 · 03 · 2026', 'Release', 'New fellowship cohort announced — six researchers across four districts', 'Kathmandu'],
            ['14 · 02 · 2026', 'Statement', 'Following the Ministerial workshop on automated triage', 'Kathmandu'],
          ].map((r, i) => (
            <div key={i} style={{
              display: 'grid', gridTemplateColumns: '160px 120px 1fr 140px',
              gap: 24, alignItems: 'baseline',
              padding: '22px 0', borderBottom: '1px solid var(--rule)',
            }}>
              <div style={{ fontFamily: 'var(--mono)', fontSize: 11, letterSpacing: '0.1em', textTransform: 'uppercase', color: 'var(--ink)' }}>{r[0]}</div>
              <div style={{ fontFamily: 'var(--mono)', fontSize: 10, letterSpacing: '0.14em', textTransform: 'uppercase', color: 'var(--accent)' }}>{r[1]}</div>
              <div style={{ fontFamily: 'var(--serif)', fontSize: 20, lineHeight: 1.3 }}>{r[2]}</div>
              <div style={{ fontFamily: 'var(--sans)', fontSize: 13, color: 'var(--ink-soft)' }}>{r[3]}</div>
            </div>
          ))}
        </div>
      </Container>
    </section>

    <section style={{ padding: '72px 40px', background: 'var(--paper-200)', borderTop: '1px solid var(--rule)' }}>
      <Container>
        <SectionHead number="03" eyebrow="In the media"/>
        <RuleGrid cols={3}>
          {[
            ['The Kathmandu Post', 'On evaluation standards — a needed accounting for the public sector.', '15 April 2026'],
            ['Nepali Times', 'Nepal\'s quietly ambitious AI Olympiad, and what it says about the country.', '04 April 2026'],
            ['Himal Southasian', 'Who audits the auditors? A long read on BRAIN Foundation.', '28 March 2026'],
            ['Online Khabar', 'BRAIN and the Supreme Court — a judicial conversation on algorithmic systems.', '12 March 2026'],
            ['MIT Technology Review', 'From Kathmandu, a different model for AI governance.', '22 February 2026'],
            ['The Hindu', 'South Asian voices on responsible AI — BRAIN at the Delhi symposium.', '04 February 2026'],
          ].map(([outlet, headline, date]) => (
            <div key={headline} style={{ background: 'var(--paper)', padding: '28px 28px', display: 'flex', flexDirection: 'column', gap: 14, minHeight: 220 }}>
              <div style={{ fontFamily: 'var(--mono)', fontSize: 10, letterSpacing: '0.14em', textTransform: 'uppercase', color: 'var(--accent)' }}>{outlet}</div>
              <div style={{ fontFamily: 'var(--serif)', fontSize: 22, lineHeight: 1.3, color: 'var(--ink)' }}>"{headline}"</div>
              <div style={{ marginTop: 'auto', paddingTop: 14, borderTop: '1px solid var(--rule)', fontFamily: 'var(--mono)', fontSize: 10, letterSpacing: '0.1em', textTransform: 'uppercase', color: 'var(--ink-soft)' }}>{date}</div>
            </div>
          ))}
        </RuleGrid>
      </Container>
    </section>

    <section style={{ padding: '96px 40px' }}>
      <Container>
        <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 80 }}>
          <div>
            <Eyebrow number="04">Press kit</Eyebrow>
            <h2 style={{ fontFamily: 'var(--serif)', fontWeight: 400, fontSize: 40, lineHeight: 1.05, letterSpacing: '-0.015em', margin: '14px 0 20px' }}>
              Everything a journalist <em style={{ fontStyle: 'italic', color: 'var(--ink-soft)' }}>might need.</em>
            </h2>
            <p style={{ fontSize: 16, lineHeight: 1.6, color: 'var(--ink-700)' }}>
              Logos, boilerplate, high-resolution photographs, our full staff directory, and a named press contact. No registration required.
            </p>
            <div style={{ marginTop: 24, display: 'flex', gap: 12, flexWrap: 'wrap' }}>
              <Button variant="primary">Download press kit · 42 MB</Button>
              <Button variant="ghost">Logo pack</Button>
              <Button variant="ghost">Photo library</Button>
            </div>
          </div>
          <div style={{ padding: '32px 36px', background: 'var(--paper-200)', borderLeft: '2px solid var(--accent)' }}>
            <Eyebrow>Press contact</Eyebrow>
            <div style={{ marginTop: 14, fontFamily: 'var(--serif)', fontSize: 28, fontWeight: 400, letterSpacing: '-0.01em' }}>Pratima Gurung</div>
            <div style={{ fontFamily: 'var(--mono)', fontSize: 11, letterSpacing: '0.12em', textTransform: 'uppercase', color: 'var(--ink-soft)', marginTop: 6 }}>Head of Communications</div>
            <div style={{ marginTop: 20, fontFamily: 'var(--mono)', fontSize: 13, color: 'var(--ink-700)', lineHeight: 1.8 }}>
              press@brainfoundation.np<br/>
              +977 1 555 0214
            </div>
            <div style={{ marginTop: 24, fontSize: 13, color: 'var(--ink-soft)', lineHeight: 1.6 }}>
              Response within one working day. Embargoed releases available on request, subject to standard editorial terms.
            </div>
          </div>
        </div>
      </Container>
    </section>
  </main>
);

Object.assign(window, { PartnersPage, PressPage });