Scroll down. The header becomes sticky from the first pixel (position: sticky), but the shadow/background only appear once @container scroll-state(stuck: top) reports that it's actually stuck to the edge — this used to need an IntersectionObserver hack in JS, now it's pure CSS.

(filler content to scroll through)

The end.