docs(media): redo 13F clip as value-sorted top-10 holdings

The previous 13F clip rendered the raw object (~98 alphabetical rows) and
scrolled the headline and iconic positions off-screen, landing on no-name
mid-table holdings. Switch to holdings_view(10): Berkshire's top 10 by value
(Apple, Amex, Coca-Cola, BofA, Chevron...) in one clean, untruncated frame.

- Load the 13F off-camera so the reveal is instant.
- Env VHS_CONSOLE_WIDTH=124 + FontSize 16 to show full names/values in 1280px.
- Document two VHS gotchas in the harness README: Env must follow all Set
  directives (else Set is dropped), and lines render ~40px tall.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: dgunning

docs/images/thirteenf-holdings.gif

@@ -75,6 +75,14 @@ on-camera expression. Viewers never see boilerplate.
 
 ## Tips
 
+- **`Env` must come AFTER all `Set` directives** (and after `Source`). If an
+  `Env` line sits between `Source` and a `Set`, VHS silently drops the
+  following `Set` commands — e.g. `Set Height` reverts to the theme default and
+  the output is the wrong size. Order: `Source` → `Set ...` → `Env ...` →
+  `Output`. (`thirteenf-holdings.tape` widens the Rich console via
+  `Env VHS_CONSOLE_WIDTH "124"`.)
+- **Lines render tall (~40px at FontSize 16).** Budget height generously — a
+  ~19-line panel needs `Set Height 880`, not the ~500 the arithmetic suggests.
 - **Frame height = fit the output, no scroll.** If a table scrolls, its header
   is gone from the final hold frame. Raise `Set Height` until the whole result
   fits (≈21.6px per line at FontSize 18, plus padding).

docs/images/thirteenf-holdings.mp4

@@ -1,27 +1,40 @@
 # CLIP — 13F institutional holdings.
-# Berkshire Hathaway's latest 13F: the report summary (manager, holdings count,
-# total value) and the full portfolio, scrolling through 90 positions.
+# Berkshire Hathaway's latest 13F, top 10 positions by value — the iconic
+# portfolio (Apple, Amex, Coca-Cola, BofA, Chevron...) in one clean frame.
+#
+# Uses holdings_view(10) (value-sorted, deduped) instead of the raw object,
+# which would render ~98 alphabetical rows and scroll the headline off-screen.
+# Env widens the Rich console to 124 so issuer names and dollar values aren't
+# truncated; FontSize 16 keeps that width inside the standard 1280px frame.
 #
 # Render:
 #   docker run --rm -e EDGAR_IDENTITY="$EDGAR_IDENTITY" \
 #       -v "$PWD:/vhs" -w /vhs edgartools-vhs scripts/vhs/thirteenf-holdings.tape
 
 Source scripts/vhs/theme.tape
-Set Height 720
+Set FontSize 16
+Set Height 880
+Env VHS_CONSOLE_WIDTH "124"
 
 Output scripts/vhs/out/thirteenf-holdings.gif
 Output scripts/vhs/out/thirteenf-holdings.mp4
 
+# Load Berkshire's latest 13F off-camera so the reveal is instant and the panel
+# (title + header + 10 rows) fits without the load line pushing it off-screen.
 Hide
 Type "python -q"
 Enter
 Sleep 6s
+Type "brk = Company('BRK.B').get_filings(form='13F-HR').latest().obj()"
+Enter
+Sleep 7s
 Ctrl+L
 Show
 
+# Reveal the top holdings by value.
 Sleep 800ms
-Type@80ms "Company('BRK.B').get_filings(form='13F-HR').latest().obj()"
-Sleep 1s
+Type@80ms "brk.holdings_view(10)"
+Sleep 600ms
 Enter
-Sleep 6s
-Sleep 3s
+Sleep 2s
+Sleep 3500ms