FP32 | Coastline Estates | FIT=B | Professional | Cinematic
TECHNIQUES: scroll pin cinematic hover focus rotate card front gallery filter mask motion contact font hero film gsap lenis
BORN_HOOD_ADVICE: Elegant focal photo crossfades, limited to existing photo/video stages.
DESIGN_SIGNATURE: 's colors] The design Idea: a film trailer for a home, full-bleed, slow and golden, where every listing is presented like a feature film. Fonts: Marcellus for headlines, home names, prices and big numbers; Albert Sans for everything else, with small, widely spaced capitals for labels. Colours: sea foam #E8EFEC and deep sea #0E2A33 backgrounds, night #071A20 for the cinematic sections, sand #D9C7A7 and gold #B8935A for accents and hairlines, white #FFFFFF for type over photos. Layout, in order: a full-screen hero inside black letterbox bars, the menu in the top bar and four scene markers with a running timecode in the bottom one; a statement with a giant headline, tonight's sunset time and four counting figures; listings with city, bedroom and price filters in an offset three-column grid, one an off-market card; the featured house; neighborhoods beside a drawn coastal map; agents set as film credits; sold homes as reviews under laurel wreaths plus a ledger; a valuation and showing form; a footer with the name edge to edge. Motion: on load the letterbox opens like a shutter and the first home fades up. The hero crossfades slowly between homes, each photo drifting and zooming, while name, address and price arrive like film titles, letters sharpening out of a blur. Scrolling into the featured house holds it on screen: rooms wipe in one by one with their time of evening, a floor plan lights the current room, a camera marker moves and a small sun sinks. Details: film grain, hairlines, tabular prices.
HTML_SURFACE: headings=Coastal homes from Corona del Mar to Dana Point, every one filmed at golden; Every house has its hour.; Six homes on the water this season.; Villa Crescent; Twelve miles of coast, and every cove on it.; Four agents, one coastline, no assistants answering the phone.; The reviews are in.; What is your house worth in its best light?; Coming attractions | ids=n, menu, main, top, state-h, listings, lst-h, feature, ft-h, neighborhoods, hd-h, agents, ag-h, sold, sd-h, contact, val-h, tab-value, tab-show, panel-value, v-addr, v-hood, v-beds, v-name, v-contact, panel-show, s-home, s-day, s-time, s-name, s-contact, s-note, n-mail | functions=
ORIGINAL_PROMPT: prompt/coastline-estates.md (SHA256 4190e4f84fdf7269c54cd598c0c0e7053993e567871ed0acf8649d5c36324ecf)
EXAMPLE_SOURCE: example/coastline-estates.html (SHA256 543006b451a60463f7030752f1ed831bcf2ba12a2bacccf0170d7000c94848c8)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\coastline-estates\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
