From 00669ab925efdcae2e62db9b2a128e03adde64a8 Mon Sep 17 00:00:00 2001
From: Satyam Rastogi <satyamrastogi302@gmail.com>
Date: Sat, 30 May 2026 03:12:19 +0530
Subject: [PATCH] =?UTF-8?q?feat(film):=20pillar=204=20=E2=80=94=20scale=20?=
 =?UTF-8?q?with=20control=20(access=20boundaries)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/sequences/Pillar4Control.tsx          | 43 +++++++++++++++++--
 1 file changed, 40 insertions(+), 3 deletions(-)

diff --git a/marketing/product-film/src/sequences/Pillar4Control.tsx b/marketing/product-film/src/sequences/Pillar4Control.tsx
index 70dacff..6da85ff 100644
--- a/marketing/product-film/src/sequences/Pillar4Control.tsx
+++ b/marketing/product-film/src/sequences/Pillar4Control.tsx
@@ -1,5 +1,42 @@
+import { AbsoluteFill, Sequence } from "remotion";
 import { PillarTitle } from "../components/PillarTitle";
+import { ScreenFrame } from "../components/ScreenFrame";
+import { KenBurns } from "../components/KenBurns";
+import { Cursor } from "../components/Cursor";
+import { Caption } from "../components/Caption";
 import { DURATIONS } from "../timing";
-export const Pillar4Control: React.FC = () => (
-  <PillarTitle index="④" title="Pillar 4" subtitle="(stub)" startFrame={0} durationInFrames={DURATIONS.pillar4} />
-);
+
+const D = DURATIONS.pillar4;
+const TITLE = 75;
+
+export const Pillar4Control: React.FC = () => {
+  const afterTitle = D - TITLE;
+  const beat = Math.floor(afterTitle / 3);
+  const last = afterTitle - beat * 2;
+  return (
+    <AbsoluteFill>
+      <Sequence durationInFrames={TITLE}>
+        <PillarTitle index="④" title="Scale with control" subtitle="You decide who sees what" startFrame={0} durationInFrames={TITLE} />
+      </Sequence>
+
+      {/* Owner toggles a module permission */}
+      <Sequence from={TITLE} durationInFrames={beat}>
+        <KenBurns durationInFrames={beat}><ScreenFrame captureId="settings-access" /></KenBurns>
+        <Cursor from={{ x: 1000, y: 380 }} to={{ x: 1480, y: 520 }} moveStartFrame={16} clickAtFrame={40} />
+        <Caption text="Set permissions by role or by person." startFrame={8} durationInFrames={beat - 16} />
+      </Sequence>
+
+      {/* Switch to the rep's view — Financials gone, only their leads */}
+      <Sequence from={TITLE + beat} durationInFrames={beat}>
+        <KenBurns durationInFrames={beat}><ScreenFrame captureId="rep-leads" /></KenBurns>
+        <Caption text="The rep sees only their own leads — no more, no less." startFrame={8} durationInFrames={beat - 16} />
+      </Sequence>
+
+      {/* Sub sees only their jobs */}
+      <Sequence from={TITLE + beat * 2} durationInFrames={last}>
+        <KenBurns durationInFrames={last}><ScreenFrame captureId="sub-projects" /></KenBurns>
+        <Caption text="The crew sees only their job. You see everything." startFrame={8} durationInFrames={last - 16} />
+      </Sequence>
+    </AbsoluteFill>
+  );
+};