Editorial Text Hero

A server component, one file, zero dependencies. The --vibeui-hero-015-* palette is built on light-dark(): a warm paper base in the light theme and a separate dark pair where the rules are lighter than the background. There is no backdrop by default — the section lies on the page background, and the background prop turns it on and sets color-scheme according to the lightness of the given colour. The font pair is a system one: serif for the headline, sans for the rest — no web fonts are loaded. The link underline grows from zero through the background-size of a linear gradient rather than through a border: the line stays in place and does not shift the text. The colophon is a <dl> of pairs and lays out in three columns from 34rem through a container query. The only movement is the underline transition, and prefers-reduced-motion is declared for it.