FP69 | Long Lens | FIT=A | Video production | Editorial
TECHNIQUES: scroll scrub pin parallax hover focus rotate card front back filter music mask motion responsive contact font hero film gsap lenis
BORN_HOOD_ADVICE: Documentary-style film title pacing for artist stories; no fictitious laurels.
DESIGN_SIGNATURE: 's colors] The design Idea: a documentary house told like a long read, patient and on the record, with silent-film title cards between chapters. Fonts: Newsreader for headlines, body text and figures, light and tight when large, with italic phrases; Public Sans for small spaced capitals and labels. Colours: newsprint #F1EEE8 page, black #111111 for title cards and dark sections, film amber #C98A2B for ornaments and laurels, slate #4A5560 for labels, red #B3261E for edit marks. Use stills from my own films if I have them; otherwise wide, quiet documentary photos (landscapes, people at work, a crew in the field) in one muted, sepia-leaning grade with grain and a soft vignette. Order: a hero with an 'in this long read' contents list, a three-line headline and a tall photo with a plate caption; the current film with a huge title and four facts; three chapters; the films as an index; how we make a film; five on-the-record promises; offers with prices; the team, each with their longest wait; a pitch form. Motion: the page opens on a black title card that flickers on, then an iris opens onto the hero. Signature: each chapter's black title card (Chapter the First, a large Roman numeral, an italic title) holds on screen beside the scrolling story, flickering on with grain, scratches and a running timecode. A pinned counter edits 400 hours down to 90 minutes as you scroll, cutting a timeline of clips away in red and striking through each stage. Laurels draw themselves around each award, and the footer closes with an iris on The End.
HTML_SURFACE: headings=Stay long enoughand the storytells itself; What the Water Keeps; Fourteen films. Not one of them finished on schedule.; We film everything. Then we keep almost none of it.; On the record.; Bring us a slot, a question, or a place.; Six people who are very good at waiting.; Tell us about a story that won't fit in a week. | ids=n, orn, arr, menu, main, top, hero-title, film, film-title, ch1, ch2, ch3, films, films-title, process, cut-title, cn, cu, stages, stage-now, cut-canvas, tcode, kept, stg, commissions, com-title, people, people-title, contact, contact-title, pitch, f-name, f-mail, f-org, f-who | functions=
ORIGINAL_PROMPT: prompt/long-lens.md (SHA256 ac5bdbded468a33f9dfe9fb69cb147119461751d8656ce214b707bafa84a831e)
EXAMPLE_SOURCE: example/long-lens.html (SHA256 1c79a1f6b5a17412e77bb8bcbd757423365ee47cb1efbf1dd22fad30aff9e37a)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\long-lens\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
