feat(docs): an asymmetric hero, and the card names this project

[ajbarea]

The landing page centred its copy because the artwork was square and symmetric, so there was nowhere clean to set a left-aligned column. New art with an empty left third is what unblocks the layout the sister sites use.

The layout

Copy sits left against empty ground; the art anchors right and keeps its braid. Two things are worth calling out because both were mistakes on the way:

The scrim is derived from the copy column, not from a share of the viewport. A gradient stated in percentages cannot track a column sized in rem — that is exactly how ariadne's hero lost the last words of every line (ajbarea/ariadne#46). Here the column and the scrim are both built from --hero-copy-width, so they cannot drift.

The column is stated in vw, not %. Stated as 42% it resolved against the hero's content box rather than the viewport and collapsed the column to 440px, which cramped the wordmark onto two lines and stacked the buttons. 42vw means what it says.

The social card

It read InteFL — Federated learning, under fire — 10 strategies · 6 attacks · Byzantine-robust, over github.com/ajbarea/phalanx-fl. That is a different project's name and figures, and none of the three describes this one. Every unfurl of a Phalanx link has been carrying it. The card now carries this project's name and its actual line, set in Inter, the site's own face.

Weight

	was	now
dark hero	3.6MB	349KB
light hero	685KB	383KB
social card	784KB	114KB

5MB to 846KB. All three move to JPEG, including the card: the brief had called for PNG on the grounds that JPEG ringing shows on letterforms, but measured against the PNG at q92 the text regions differ by at most 21/255 with under 0.5% of pixels past a delta of 8. Not visible, and 6.6x smaller.

Verification

Built locally and checked at 1440, 1024 and 390, in both schemes:

• Wordmark, subtitle, buttons and mode strip all sit inside the scrimmed column at every width.
• Below 960px the layout centres and the veil goes vertical, because a left-anchored falloff cannot work once the copy spans full width.
• Contrast sampled from the rendered page: subtitle 9.76:1, mode strip 5.70:1 at its right end and 3.87:1 at its left. All past AA for their sizes.
• zensical build --clean — "No issues found".

README.md and overrides/main.html follow the renamed assets; IMPL.md records what shipped against what the brief asked for.