account for the admin bar in the navigation height

spearhead/assets/sass/_header.scss

@@ -1,3 +1,6 @@
+$admin-bar-height: 46px;
+$site-branding-height: 73px;
+
 .has-main-navigation {
 	.site-header {
 		padding: var(--global--spacing-horizontal) var(--global--spacing-horizontal);
@@ -14,7 +17,6 @@
 	}
 }
 
-
 .site-header {
 	display: flex;
 	justify-content: space-between;
@@ -42,7 +44,11 @@
 			.primary-menu-container {
 				background: var(--primary-nav--color-background);
 				padding: var(--global--spacing-unit);
-				top: 119px;
+				top: $site-branding-height;
+
+				.admin-bar & {
+					top: $site-branding-height + $admin-bar-height;
+				}
 
 				a {
 					color: var(--global--color-background);

spearhead/style-rtl.css

@@ -121,6 +121,9 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	.site-header .primary-navigation .primary-menu-container {
 		background: var(--primary-nav--color-background);
 		padding: var(--global--spacing-unit);
+		top: 73px;
+	}
+	.admin-bar .site-header .primary-navigation .primary-menu-container {
 		top: 119px;
 	}
 	.site-header .primary-navigation .primary-menu-container a {

spearhead/style.css

@@ -121,6 +121,9 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	.site-header .primary-navigation .primary-menu-container {
 		background: var(--primary-nav--color-background);
 		padding: var(--global--spacing-unit);
+		top: 73px;
+	}
+	.admin-bar .site-header .primary-navigation .primary-menu-container {
 		top: 119px;
 	}
 	.site-header .primary-navigation .primary-menu-container a {