# Scroll a magnified detail sheet, then pull the camera back to the full browser with a blur kick

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: Pipeline and Forecast Intelligence" (q9TPE7pKkIo), published 2026-07-28.
Source interval [2040, 2130) on the 30/1 fps master: 90 frames, 3.000000 s. Local frame 0 = source frame 2040.
Create a 1920x1080 progressive timeline at 30/1 fps and a Fusion composition exactly 90 frames long. Keep integer frames; do not round the frame rate.
Background field: #0b1220. Export silent H.264 yuv420p to match the intended playback container.

## Observation
The frame opens magnified (~1.75x) on the right-hand detail sheet of a sales page: a 'Recommended outcome' paragraph, a 'Proposed action plan' with three numbered cards (card 1 highlighted blue) and the pointer near card 1. The sheet content scrolls upward slowly between ~f0 and ~f38. At ~f40 the picture smears with motion blur and by ~f50 the camera has pulled back to the full browser window floating on the dark starfield; the dimmed table and the sheet are both visible. It holds to the end while the pointer drifts.

## Mechanism
Slow in-panel scroll at macro scale, then an eased camera pull-out with a short blur kick that reveals the whole application frame.

## Phases (local frames)
- 0: Macro on sheet; content scrolls up
- 40: Pull-out starts, blur ramps
- 52: Full browser visible, blur clears
- 89: Hold

## Layer inventory (absolute 1920x1080 top-left pixels, back to front)
- browser [group] at (120, 60) size 1680x960 radius 18 fill #ffffff
  - chrome [rect] at (120, 60) size 1680x44 fill #f3f4f6
  - dot1 [ellipse] at (138, 75) size 14x14 fill #f25f58
  - dot2 [ellipse] at (160, 75) size 14x14 fill #fbbe3c
  - dot3 [ellipse] at (182, 75) size 14x14 fill #58c951
  - urlbar [rect] at (680, 69) size 560x26 radius 8 fill #e5e7eb
  - section-title [text] at (176, 144) text "Sales play opportunity" 24px weight 600 #111827
  - sub-l [rect] at (176, 184) size 700x8 radius 4 fill #e5e7eb
  - s1-dot [ellipse] at (176, 236) size 26x26 fill #e0532f
  - s1-l1 [rect] at (212, 240) size 300x12 radius 4 fill #cbd5e1
  - s1-l2 [rect] at (212, 272) size 380x8 radius 4 fill #e5e7eb
  - s2-dot [ellipse] at (620, 236) size 26x26 fill #e0532f
  - s2-l1 [rect] at (656, 240) size 300x12 radius 4 fill #cbd5e1
  - s2-l2 [rect] at (656, 272) size 300x8 radius 4 fill #e5e7eb
  - table-title [text] at (176, 390) text "Top accounts (first wave)" 20px weight 600 #111827
  - th-rule [rect] at (176, 462) size 820x1 fill #e5e7eb
  - row1-hover [rect] at (164, 472) size 840x52 radius 8 fill #f1f5f9
  - r1-a [text] at (176, 486) text "Northwind Metals" 18px weight 500 #1d4ed8
  - r1-b [text] at (560, 488) text "$2.6M            $6.4M ACV" 16px weight 400 #374151
  - r2-a [text] at (176, 542) text "Fabrikam Industrial" 18px weight 500 #1d4ed8
  - r2-b [text] at (560, 544) text "$1.9M            $4.2M ACV" 16px weight 400 #374151
  - r3-a [text] at (176, 598) text "Contoso Automation" 18px weight 500 #1d4ed8
  - r3-b [text] at (560, 600) text "$1.4M            $3.1M ACV" 16px weight 400 #374151
  - r4-a [text] at (176, 654) text "Tailspin Precision" 18px weight 500 #1d4ed8
  - r4-b [text] at (560, 656) text "$1.1M            $2.7M ACV" 16px weight 400 #374151
  - r5-a [text] at (176, 710) text "Relecloud Materials" 18px weight 500 #1d4ed8
  - r5-b [text] at (560, 712) text "$0.9M            $2.2M ACV" 16px weight 400 #374151
  - dim [rect] at (120, 60) size 1680x960 fill #0f172a
  - sheet [group] at (1040, 60) size 760x960 fill #ffffff
    - scroller [group] at (1040, 60) size 760x1400
        keyframes y: f0=0, f38=-150 (inOut)
      - outcome-h [text] at (1080, 320) text "RECOMMENDED OUTCOME" 13px weight 600 #6b7280
      - outcome [text] at (1080, 346) size 680x0 text "Move the $6.4M opportunity from solution validation to a dated production decision with an approved security path and an accountable sponsor." 15px weight 400 #374151
      - plan-h [text] at (1080, 432) text "PROPOSED ACTION PLAN" 13px weight 600 #6b7280
      - card1 [rect] at (1080, 460) size 680x108 radius 10 fill #eaf2ff stroke #93c5fd 1.5px
      - card1-n [ellipse] at (1096, 476) size 26x26 fill #2563eb
      - card1-nt [text] at (1096, 479) size 26x0 text "1" 14px weight 700 #ffffff
      - card1-t [text] at (1134, 476) text "Convene the decision team" 17px weight 700 #111827
      - card1-d [text] at (1600, 478) size 144x0 text "By Jul 24" 13px weight 600 #2563eb
      - card1-b [text] at (1134, 506) size 600x0 text "Schedule a 90-minute workshop with the CTO, CISO and VP Manufacturing plus the account team." 14px weight 400 #374151
      - card2 [rect] at (1080, 580) size 680x108 radius 10 fill #ffffff stroke #e5e7eb 1.5px
      - card2-n [ellipse] at (1096, 596) size 26x26 fill #2563eb
      - card2-nt [text] at (1096, 599) size 26x0 text "2" 14px weight 700 #ffffff
      - card2-t [text] at (1134, 596) text "Bring the secure-production path" 17px weight 700 #111827
      - card2-d [text] at (1580, 598) size 164x0 text "Before the workshop" 13px weight 600 #2563eb
      - card2-b [text] at (1134, 626) size 600x0 text "Package the data-residency architecture, control mapping and two relevant reference designs." 14px weight 400 #374151
      - card3 [rect] at (1080, 700) size 680x108 radius 10 fill #ffffff stroke #e5e7eb 1.5px
      - card3-n [ellipse] at (1096, 716) size 26x26 fill #2563eb
      - card3-nt [text] at (1096, 719) size 26x0 text "3" 14px weight 700 #ffffff
      - card3-t [text] at (1134, 716) text "Leave with a mutual decision plan" 17px weight 700 #111827
      - card3-d [text] at (1600, 718) size 144x0 text "By Jul 29" 13px weight 600 #2563eb
      - card3-b [text] at (1134, 746) size 600x0 text "Confirm the sponsor, security approval owner, success measures and a dated production decision." 14px weight 400 #374151
      - measures-h [text] at (1080, 850) text "SUCCESS MEASURES" 13px weight 600 #6b7280
      - m1-dot [ellipse] at (1080, 882) size 14x14 fill #16a34a
      - m1 [text] at (1106, 878) text "VP Manufacturing accepts executive sponsorship" 14px weight 400 #374151
      - m2-dot [ellipse] at (1080, 910) size 14x14 fill #16a34a
      - m2 [text] at (1106, 906) text "CISO approves the data-residency path" 14px weight 400 #374151
      - m3-dot [ellipse] at (1080, 938) size 14x14 fill #16a34a
      - m3 [text] at (1106, 934) text "Production decision dated on or before Jul 29" 14px weight 400 #374151
- pointer [cursor] at (1300, 560)
    keyframes tx: f0=0, f38=40 (inOut), f70=60 (inOut)
    keyframes ty: f0=0, f38=-40 (inOut), f70=-20 (inOut)

## Camera (whole scene, about canvas centre)
- scale: f40=1.75, f52=1 (inOut)
- tx: f40=-840, f52=0 (inOut)
- ty: f40=105, f52=0 (inOut)
- blur: f40=0, f45=7 (out), f52=0 (in)

## Construction steps
1. Timeline 1920x1080 at 30 fps; Fusion composition 90 frames. Local 0 = master frame 2040.
2. Build the browser plate (1680x960 white at 120,60), the dimmed table on the left and a 760x960 sheet on the right; inside the sheet, group all sheet content under one Transform ('scroller') and key its Y offset 0 -> -150 px over frames 0-38 with ease in/out. Mask the sheet so scrolled content is cropped.
3. Camera Transform on the whole comp (centre pivot): Size 1.75 and Center offset (-840,105) px held from frame 0 to 40, then eased to Size 1, offset (0,0) by frame 52.
4. Add a Directional/Gaussian blur on the same comp: 0 at frame 40, 7 px at frame 45, back to 0 at frame 52 to fake the motion smear seen in the source.
5. Pointer drifts up-right 40px during the scroll and a further 20px afterwards; no clicks.
6. Easy mistake: starting the pull-out too early. The content scroll finishes (frame 38) before the camera moves (frame 40), so the two motions never overlap.

## Content variants
Default copy:
- sectionTitle: Sales play opportunity
- tableTitle: Top accounts (first wave)
- acct1: Northwind Metals
- acct2: Fabrikam Industrial
- acct3: Contoso Automation
- acct4: Tailspin Precision
- acct5: Relecloud Materials
- outcomeH: RECOMMENDED OUTCOME
- outcome: Move the $6.4M opportunity from solution validation to a dated production decision with an approved security path and an accountable sponsor.
- planH: PROPOSED ACTION PLAN
- c1: Convene the decision team
- c1b: Schedule a 90-minute workshop with the CTO, CISO and VP Manufacturing plus the account team.
- c1d: By Jul 24
- c2: Bring the secure-production path
- c2b: Package the data-residency architecture, control mapping and two relevant reference designs.
- c2d: Before the workshop
- c3: Leave with a mutual decision plan
- c3b: Confirm the sponsor, security approval owner, success measures and a dated production decision.
- c3d: By Jul 29
- measuresH: SUCCESS MEASURES
- m1: VP Manufacturing accepts executive sponsorship
- m2: CISO approves the data-residency path
- m3: Production decision dated on or before Jul 29
Adaptation changes:
- sectionTitle: Renewal rescue play
- tableTitle: At-risk renewals (Q3)
- acct1: Bluebird Logistics
- acct2: Granite Health
- acct3: Meridian Retail
- acct4: Oakridge Energy
- acct5: Lumen Studios
- outcome: Restore weekly active seats above 60% and secure a named executive owner before the renewal notice date.
- c1: Book the health review
- c1b: Get the new operations lead and their manager into a 45-minute review of the original success plan.
- c1d: By Aug 12
- c2: Bring the adoption gap report
- c2b: Show seat activity by team, the three workflows that lapsed and what it takes to restart them.
- c2d: Before the review
- c3: Leave with a refreshed success plan
- c3b: Agree an executive owner, two adoption targets and a date for the renewal conversation.
- c3d: By Aug 20
- m1: Executive owner named in the account record
- m2: Two lapsed workflows restarted
- m3: Renewal conversation dated before notice

## 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.
