# Push the camera into an open side drawer, then let the pointer browse its cards

Manual DaVinci Resolve / Fusion construction guide generated from the recipe. It is not a tested .drp.
The accompanying Remotion project (recipe.json) is the executable definition; the numbers below are copied from it.
Neither construction establishes source fidelity: this is an original vector approximation of an inspected editing moment.

## Source and clock
Reference: OpenAI's "ChatGPT Work for Sales: Revenue Intelligence for Sales Leaders" (g-g6E-qtCjA), published 2026-07-28.
Source interval [1522, 1582) on the 30/1 fps master: 60 frames, 2.000000 s. Local frame 0 = source frame 1522.
Create a 1920x1080 progressive timeline at 30/1 fps and a Fusion composition exactly 60 frames long. Keep integer frames; do not round the frame rate.
Background field: #f6f7f9. Export silent H.264 yuv420p to match the intended playback container.

## Observation
At local 0 the full browser is visible with a 'Supporting records' evidence drawer already open on the right over a whitened page. Over ~f0–18 the whole frame scales up about 1.55x and slides left so the drawer fills the right half and the top of the browser leaves frame. From ~f18 the pointer moves from the first evidence card down to the second (~f34) and toward the third (~f52); nothing else changes.

## Mechanism
Post camera push-in on an already-open side drawer, followed by pointer-only browsing of its stacked cards.

## Phases (local frames)
- 0: Full browser with drawer open
- 18: Push-in settles at 1.55x, drawer fills right half
- 34: Pointer on second card
- 52: Pointer reaches third card

## Layer inventory (absolute 1920x1080 top-left pixels, back to front)
- page-bg [rect] at (0, 0) size 1920x1080 fill #f6f7f9
- chrome [rect] at (0, 0) size 1920x64 fill #ffffff stroke #e5e7eb 1px
- url [rect] at (120, 18) size 900x30 radius 15 fill #f1f3f6
- sections [text] at (300, 90) text "SECTIONS   01 Summary   02 Market   03 Product & Persona   04 Field Learning   05 Actions" 13px weight 400 #6b7280
- progress [rect] at (300, 150) size 600x10 radius 5 fill #e5e7eb
- progress-fill [rect] at (300, 150) size 230x10 radius 5 fill #5b6b7d
- page-title [text] at (300, 200) text "Competitive threats shaping active deals" 24px weight 700 #111827
- num1 [rect] at (300, 260) size 28x28 radius 14 fill #e5e7eb
- row1-t [text] at (342, 262) text "NimbusGrid Control" 18px weight 600 #111827
- row1-s [text] at (342, 290) size 860x0 text "The easiest governance path is the control plane already native to your cloud." 15px weight 400 #6b7280
- num2 [rect] at (300, 370) size 28x28 radius 14 fill #e5e7eb
- row2-t [text] at (342, 372) text "Ironhide Security" 18px weight 600 #111827
- row2-s [text] at (342, 400) size 860x0 text "Blocks malicious agent behavior before it becomes an incident." 15px weight 400 #6b7280
- num3 [rect] at (300, 480) size 28x28 radius 14 fill #e5e7eb
- row3-t [text] at (342, 482) text "TraceRiver AI" 18px weight 600 #111827
- row3-s [text] at (342, 510) size 860x0 text "Deep agent trace with the developer experience your engineering team already uses." 15px weight 400 #6b7280
- num4 [rect] at (300, 590) size 28x28 radius 14 fill #e5e7eb
- row4-t [text] at (342, 592) text "LedgerSpring GRC" 18px weight 600 #111827
- row4-s [text] at (342, 620) size 860x0 text "Existing controls library to AI without adding another governance system." 15px weight 400 #6b7280
- lower-a [text] at (300, 760) text "What buyers are saying" 20px weight 700 #111827
- lower-b [text] at (760, 760) text "What to prove next" 20px weight 700 #111827
- dim [rect] at (0, 0) size 1920x1080 fill #ffffff
- drawer [group] at (1300, 64) size 580x1016 fill #f9fafb stroke #e5e7eb 1px
  - eyebrow [text] at (1324, 90) text "SOURCE EVIDENCE" 11px weight 700 #3b82f6
  - close [text] at (1836, 84) text "×" 22px weight 400 #6b7280
  - drawer-title [text] at (1324, 108) text "Supporting records" 30px weight 700 #111827
  - drawer-sub [text] at (1324, 152) size 520x0 text "Connected call moments behind the report statement, including the account context, participants, and exact language used." 14px weight 400 #6b7280
  - card1 [group] at (1324, 214) size 532x250 radius 10 fill #ffffff stroke #e5e7eb 1px
    - card1-meta [text] at (1342, 228) text "CUSTOMER CALL · MAY 15 · EXPANSION · COMPETITIVE THREAT" 11px weight 600 #9ca3af
    - card1-title [text] at (1342, 248) text "Northwind Pharma — technical discovery · 00:15:20" 17px weight 700 #111827
    - card1-who [text] at (1342, 274) text "Nora Evans with Ethan Mercer, GRC/Compliance Leader" 13px weight 400 #6b7280
    - card1-q [text] at (1342, 298) text "”" 20px weight 700 #3b82f6
    - card1-quote [text] at (1366, 302) size 470x0 text "I understand the visibility, but I still need a direct line to lower risk or faster production rollout. NimbusGrid says the control plane is already native to our cloud, so the burden is on you to prove cross-platform value." 15px weight 400 #1f2937
  - card2 [group] at (1324, 478) size 532x250 radius 10 fill #ffffff stroke #e5e7eb 1px
    - card2-meta [text] at (1342, 492) text "CUSTOMER CALL · JUL 3 · DISCOVERY · COMPETITIVE THREAT" 11px weight 600 #9ca3af
    - card2-title [text] at (1342, 512) text "Beacon Genomics — technical discovery · 00:19:28" 17px weight 700 #111827
    - card2-who [text] at (1342, 538) text "Uma Shah with Inez Mercer, CISO" 13px weight 400 #6b7280
    - card2-q [text] at (1342, 562) text "”" 20px weight 700 #3b82f6
    - card2-quote [text] at (1366, 566) size 470x0 text "A six-month integration would erase the value for this year's agent program. NimbusGrid says the control plane is already native to our cloud, so the burden is on you to prove cross-platform value." 15px weight 400 #1f2937
  - card3 [group] at (1324, 742) size 532x250 radius 10 fill #ffffff stroke #e5e7eb 1px
    - card3-meta [text] at (1342, 756) text "CUSTOMER CALL · MAY 6 · EXPANSION · COMPETITIVE THREAT" 11px weight 600 #9ca3af
    - card3-title [text] at (1342, 776) text "Northstar Bank — architecture deep dive · 00:18:08" 17px weight 700 #111827
    - card3-who [text] at (1342, 802) text "Xavier Cole with Alex Santos, CISO" 13px weight 400 #6b7280
    - card3-q [text] at (1342, 826) text "”" 20px weight 700 #3b82f6
    - card3-quote [text] at (1366, 830) size 470x0 text "A six-month integration would erase the value for this year's agent program. The control plane argument keeps coming back, so we need proof of cross-platform value." 15px weight 400 #1f2937
- pointer [cursor] at (1420, 250)
    keyframes tx: f18=0, f34=40 (inOut), f42=40, f52=10 (inOut)
    keyframes ty: f18=0, f34=230 (inOut), f42=230, f52=480 (inOut)

## Camera (whole scene, about canvas centre)
- scale: f0=1, f18=1.55 (inOut)
- tx: f0=0, f18=-486 (inOut)
- ty: f0=0, f18=193 (inOut)

## Construction steps
1. Timeline 1920x1080 at 30 fps; Fusion comp of 60 frames. Local 0 = master frame 1522.
2. Build the page (chrome bar, section list, four competitor rows) on one layer and cover it with a 55% white rectangle so it reads as dimmed behind the drawer.
3. Drawer: 580x1016 #f9fafb panel at x=1300 with a left-edge shadow; eyebrow, 30 px title, 14 px wrapped subtitle and three 532x250 white cards at y=150/414/678 (11 px meta caps, 17 px bold title, 15 px wrapped quote with a blue quote glyph).
4. Camera: on a Transform above everything keyframe Size 1.0 to 1.55, X offset 0 to -486 px and Y offset 0 to +193 px over frames 0–18 with ease in/out; the pivot is the canvas centre.
5. Pointer: static until 18, then ease to the second card (34) and the third card (52); no clicks.
6. Easy mistake: scaling only the drawer. The whole frame (page and drawer together) pushes in, which is why the browser chrome exits the top of frame.

## Content variants
Default copy:
- drawerTitle: Supporting records
- drawerSub: Connected call moments behind the report statement, including the account context, participants, and exact language used.
- pageTitle: Competitive threats shaping active deals
- row1: NimbusGrid Control
- row1s: The easiest governance path is the control plane already native to your cloud.
- row2: Ironhide Security
- row2s: Blocks malicious agent behavior before it becomes an incident.
- row3: TraceRiver AI
- row3s: Deep agent trace with the developer experience your engineering team already uses.
- row4: LedgerSpring GRC
- row4s: Existing controls library to AI without adding another governance system.
- meta1: CUSTOMER CALL · MAY 15 · EXPANSION · COMPETITIVE THREAT
- card1: Northwind Pharma — technical discovery · 00:15:20
- who1: Nora Evans with Ethan Mercer, GRC/Compliance Leader
- quote1: I understand the visibility, but I still need a direct line to lower risk or faster production rollout. NimbusGrid says the control plane is already native to our cloud, so the burden is on you to prove cross-platform value.
- meta2: CUSTOMER CALL · JUL 3 · DISCOVERY · COMPETITIVE THREAT
- card2: Beacon Genomics — technical discovery · 00:19:28
- who2: Uma Shah with Inez Mercer, CISO
- quote2: A six-month integration would erase the value for this year's agent program. NimbusGrid says the control plane is already native to our cloud, so the burden is on you to prove cross-platform value.
- meta3: CUSTOMER CALL · MAY 6 · EXPANSION · COMPETITIVE THREAT
- card3: Northstar Bank — architecture deep dive · 00:18:08
- who3: Xavier Cole with Alex Santos, CISO
- quote3: A six-month integration would erase the value for this year's agent program. The control plane argument keeps coming back, so we need proof of cross-platform value.
Adaptation changes:
- drawerTitle: Source excerpts
- drawerSub: Verbatim moments from support tickets behind this finding, with account, requester and timestamp.
- pageTitle: Recurring blockers in enterprise renewals
- row1: Harbor Identity
- row2: Quill Analytics
- row3: Meridian Ops
- row4: Copperline Billing
- card1: Atlas Freight — renewal review · 00:08:12
- who1: Priya Nair with Sam Ortiz, VP Platform
- quote1: We like the roadmap, but procurement will not sign until the residency question is closed in writing. Show me the region map and the fallback plan.
- card2: Oakline Health — security workshop · 00:22:40
- who2: Dev Patel with Maria Lund, CISO
- quote2: Every new vendor adds a review cycle. If your controls map to what we already run, this gets much easier for my team.
- card3: Summit Retail — pricing call · 00:11:05
- who3: Lena Fox with Tom Reyes, CFO
- quote3: Seat pricing does not fit how our stores staff up seasonally. We need a model that flexes with headcount.

## Limits
Easing names map to Fusion spline shapes: linear = linear, in/out/inOut = ease curves on the same frames, hold = step, spring/overshoot = slight overshoot past the target before settling.
Text reveal frames give the first and last unit; distribute characters/words evenly between them. Cursor click rings last 14 frames.
Vector illustration is an approximation of layout and motion, not the product UI or recovered production assets.
