A idéia de separar o header do nav também foi recomendação dos designers (cris, tramonta). Eles têm significados semânticos distintos e independentes. Por default, no estilo que aplicamos anteriormente, eles são mostrados como elementos de bloco consecutivos. Apenas em telas maiores eles ficam lado-a-lado, dando uma impressão *visual de que fazer parte do mesmo elemento. Eu, intuitivamente, também pensava o contrário, mas desde que adotamos o padrão mobile-first e foco na acessibilidade, a maneira de ver esses blocos acaba mudando.