// Page-level sections used across Services, Work, Case Study, About, Contact const { useState: useS2, useEffect: useE2 } = React; // ═══════════════════════════════════════════════════════════ // SERVICES INDEX PAGE // ═══════════════════════════════════════════════════════════ function ServicesIndex() { return (
{SERVICES.map((s, i) => (
{s.num}

{s.title}

{s.lede}

{s.body.split('.')[0] + '.'}

Open →
))}
); } // ═══════════════════════════════════════════════════════════ // SERVICE DETAIL PAGE // ═══════════════════════════════════════════════════════════ function ServiceDetail({ slug }) { const s = SERVICES.find(x => x.slug === slug); if (!s) return
Not found
; const SIGNALS = { transformation: [ 'Operating-model redesign that ties structure, process, and incentives to outcomes.', 'Change journeys that build belief, not just compliance.', 'Transition plans that carry the organisation through the in-between.', 'Measurement frameworks that prove transformation is actually working.', ], governance: [ 'Decision rights and escalation paths that clear rather than congest.', 'Risk and assurance frameworks proportionate to the actual risk appetite.', 'Policy and control design that scales with ambition.', 'Board-level reporting that surfaces what matters, not what\'s measurable.', ], futures: [ 'Long-range scenario sets grounded in current-state signals.', 'Foresight capability embedded into strategy and investment cycles.', 'Back-casting from future states to present-day choices.', 'Strategic options mapped against plausible futures, not a single bet.', ], capability: [ 'Leadership practices that outlast any individual engagement.', 'Design-thinking fluency across product, ops, and strategy teams.', 'Internal coaching structures that compound over time.', 'Knowledge transfer measured by what your teams do, not what we document.', ], }; const QUESTIONS = { transformation: ["Are the structures carrying the strategy, or resisting it?", "Where is energy leaking between the ambition and the day-to-day?", "Who, specifically, is accountable for change taking hold?"], governance: ["Are decisions being made at the right altitude?", "Where does governance enable speed, and where does it throttle it?", "Is risk oversight proportionate, or performative?"], futures: ["What would we do differently if we believed the long-range view?", "Where is our strategy over-indexed on recent signals?", "Which futures, if they arrive, we cannot afford to be unprepared for?"], capability: ["What would internal teams need to do to stop needing us?", "Where is capability concentrated in individuals rather than practice?", "What stays when the programme ends?"], }; const signals = SIGNALS[slug] || []; const questions = QUESTIONS[slug] || []; const related = WORKS.filter(w => w.service.toLowerCase().includes(s.title.split(' ')[0].toLowerCase())).slice(0,2); const others = SERVICES.filter(x => x.slug !== slug); return ( <>
— What it involves

{s.body}

— What we bring

Signals of good work.

— Where we start

Questions worth asking first.

{questions.map((q, i) => (
Q{i+1}

{q}

))}
{related.length > 0 && (
— This practice in the work
{related.map(w => (
{w.client} · {w.year}

{w.title}

 ))}
)}
— Other practices
{others.map(o => (
{o.num}
{o.title}

{o.lede}

 ))}
); } // ═══════════════════════════════════════════════════════════ // WORK INDEX PAGE // ═══════════════════════════════════════════════════════════ function WorkIndex() { return (
{WORKS.map((w, i) => (
{w.client} · {w.year} · {w.service}

{w.title}

{w.lede}

{w.stats.map((st, j) => (
{st.big}
{st.small}
))}
Read case study →
))}
); } Object.assign(window, { ServicesIndex, ServiceDetail, WorkIndex });