Click "Log In" on each to see the animation. The teal bar appears above the main nav.
Bar slides down from above (translateY)
Bar fades in place (opacity)
Container grows from 0 height (max-height)
Combines slide down with fade (translateY + opacity)