Chart Prompts

Restyle my chart in the "Skyline Power" style described below. Keep my data, chart type, title meaning and units; change only the presentation. Use the charting library this project already uses (plain SVG if there is none). If the library can't express a detail, draw it in a custom layer instead of dropping it. Measurements assume a 960 x 600 chart; scale them proportionally.

Mood: a 1930s municipal electric company's annual review poster. Glamorous and nocturnal: bronze-black night, bars drawn as setback skyscraper towers with fine pinstripes, the leading tower in warm gold lit by a faint fan of searchlight beams.

Colors (use these exact values):
- Page: #1B1612 (bronze-black).
- Leading bar, eyebrow and total: #D4A94F (warm gold). All other bars and the title: #EFE3C8 (pale cream), bars at 92% opacity.
- Baseline: #8A7456 (bronze). Gridlines and footer rule: #3A3028. Secondary text: #A6977F.

Typography (Google Fonts):
- Italiana 400 for the title: 40px pale cream, sentence case, stating the finding.
- Josefin Sans for everything else: eyebrow 12px 600 uppercase with 3.4px letter-spacing in gold; subtitle 16px 400 #A6977F; axis labels 14px; value labels 16px 600 cream (20px 700 gold on the leader); category labels 12px 600 uppercase with 1.8px letter-spacing (#A6977F, gold 700 on the leader); source 12px; total 11px 600 uppercase with 2.4px letter-spacing in gold.

Layout:
- Eyebrow y 56, title baseline y 110, subtitle y 142, all at x 56.
- Plot from x 112 to 904, baseline at y 474, top of the scale near y 178. Category labels 28px below the baseline.
- Footer rule at y 534, source left and city total right at y 562.

Axes and grid:
- 1px #3A3028 horizontal gridlines with labels right-aligned 16px left of the plot. A 2px bronze baseline. No y-axis line.

Marks:
- Bar chart: each bar is a setback tower 64px wide (about 57% of the band). The value sets the very top; the crown narrows in two small 8px steps: the top 8px is 72% of the full width, the next 8px is 86%, and the shaft below is full width, all centered. Keep the setbacks this small and constant in pixels on every bar so they never eat enough area to make short bars look smaller than their values. Fill cream (leader gold), then overlay vertical pinstripes (1.2px lines every 5px in the page color at 28% opacity) and a top-down white sheen (18% to 0%). Value labels 12px above each crown.
- Searchlight fan: four faint beams rising from the base of the leading tower at -28, -11, +11 and +28 degrees, each a long thin wedge about 44px wide at its far end and 340px long, filled with a gold gradient fading from 20% opacity at the baseline to 0 near the top of the plot. Draw them behind the bars.
- Line chart: a 3px cream line with square joins stepping between values (a stepped line, like a skyline profile), a pinstriped cream area under it at 20% opacity, the latest or leading point marked by a small gold setback spire (two stacked rectangles) and the same searchlight fan behind it.

Avoid: rounded corners, glossy 3D, bright colors, more than one gold mark, visible hard edges where the beams end, and beams that cover labels.

When you're done, render the chart and check that the setback steps are visible but small on the shortest bar (the tower should still look as big as its value), the tops of the crowns (not the shafts) match the values, the beams fade out smoothly, and the title's ratio is arithmetically true.