// Our Process — five-step pipeline walking from Trace through Frame. // This is the centerpiece. Numbered, indexed, the rooms in order they're entered. const PROCESS_STEPS = [ { n: "01", phase: "Intake", sub: "JustATrace", color: "var(--jh-trace)", headline: "The trace of history.", body: "Clients provide archival and reference-based elements — photographs, film negatives, on-set plates, written reference. Provenance matters. The more the source can tell us, the less we have to invent.", deliverables: ["Archival ingest", "Reference catalog", "Source provenance"], }, { n: "02", phase: "Generate", sub: "JustAPrompt", color: "var(--jh-prompt)", headline: "Brought to modern film.", body: "Using the latest generative tools we extend, restore, and reframe — modeled, conditioned, and corrected against the source. Every step is a fixable file. We bring it forward without losing what makes it specific.", deliverables: ["Model selection · LoRA train", "Conditioning · controlnet pass", "Intermediate EXR"], }, { n: "03", phase: "Build", sub: "JustAScene", color: "var(--jh-scene)", headline: "Immersion of actor and audience.", body: "We build the world the shot belongs in — set extension, environment, atmospherics, depth. The actor stands somewhere real to them. The audience reads it without thinking. That's the test.", deliverables: ["Camera-matched geometry", "Light direction · atmospherics", "Set dressing pass"], }, { n: "04", phase: "Integrate", sub: "JustAComp", color: "var(--jh-comp)", headline: "Put it all together.", body: "Compositing is where the seams disappear. Plate, generative element, environment, archival recovery — they leave us as a single shot. Edges, light, atmospherics, the boring 70% that makes the work invisible.", deliverables: ["Edge · spill · roto", "Light & atmospherics", "Color-managed EXR"], }, { n: "05", phase: "Finish", sub: "JustAFrame", color: "var(--jh-frame)", headline: "Human hands and skill.", body: "Editorial, grade, titles, deliverables. A final pass with eyes that have been on the project from intake. We hand back masters to your spec — DCP, IMF, ProRes — and the project leaves the house finished.", deliverables: ["Conform · grade · DI", "Title & motion graphics", "Mastering to spec"], }, ]; const ProcessSection = () => { const [active, setActive] = React.useState(0); return ( Five rooms.
In order.} meta="START → FINISH" /> {/* Pipeline track — five-column header */}

{PROCESS_STEPS.map((s, i) => { const isActive = active === i; return ( ); })}

{/* Active step detail */}

{/* Left: number + sub-brand wordmark */}

STEP {PROCESS_STEPS[active].n} · {PROCESS_STEPS[active].phase}

— {d}

{/* Right: headline + body */}

{PROCESS_STEPS[active].headline}

{PROCESS_STEPS[active].body}

HOVER OR CLICK ANY STEP TO READ

{/* Linear flow ribbon — visualizes the pipeline as files move through */}

FLOW {PROCESS_STEPS.map((s, i) => ( {s.sub} {i < PROCESS_STEPS.length - 1 && ( → )} ))} One house. One pipeline. One pass.

); }; window.ProcessSection = ProcessSection;