An extension of your team.

This hero uses data-background="mosaic" data-background-mode="blocks". No <bg-wc> tag in the markup — the binder injects one behind the section's content. Palette comes from CSS custom properties; change --color-primary and the squares re-tint.

Geometric waves.

Bezier ribbons with crisp top edges — reads as geometric rather than gradient. Same palette tokens flow through.