The idea
@media (orientation: portrait) matches when the viewport is taller than it is wide, and (orientation: landscape) when it is wider than tall. Orientation queries adapt a layout to a phone being rotated.
The stage is landscape (wider than tall), so only the landscape branch runs — this level is about getting the orientation syntax right.