Announcement Hero

A server component, one file, zero dependencies. The --vibeui-hero-012-* palette, and the theme comes from the surrounding color-scheme through light-dark(); there is no backdrop by default — the block sits on the page background, and the backdrop is set with the background prop. A fill of its own is left to the announcement pill and the release card, and the monospace font lives there too. The announcement line is an <a> in its entirety rather than a pill with an arrow link: the whole strip is clickable. Long announcement text is trimmed through text-overflow: ellipsis, so the line does not wrap and does not break the pill. The release card shows up to four items. The buttons become a row from 34rem through a container query. There is a transition on hover, and prefers-reduced-motion is declared for it.