Using CSS @container scroll-state() for sticky headers and scroll effects
@container is a CSS feature that switches styles based on a container's size, state, or styles. It is useful for layouts that are difficult to handle with viewport width alone, as well as for UI control based on scroll state or CSS variables.