:root {
  --site-global-header-padding-left: 4.2666666667vw;
  --site-global-header-padding-right: 3.2vw;
}

.site-global-header {
  position: relative;
  z-index: 2;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  gap: 4.2666666667vw;
  justify-content: space-between;
  padding: 3.2vw var(--site-global-header-padding-right) 3.2vw var(--site-global-header-padding-left);
  width: 100%;
}
@media (min-width: 769px) {
  :root {
    --site-global-header-padding-left: 7.5vw;
    --site-global-header-padding-right: 7.5vw;
  }

  .site-global-header {
    gap: 0.5555555556vw;
    padding: 0.6944444444vw var(--site-global-header-padding-right) 0.6944444444vw var(--site-global-header-padding-left);
  }
}

.page-node-type-header .layout-content {
  box-sizing: border-box;
  padding: 3.2vw var(--site-global-header-padding-right) 3.2vw var(--site-global-header-padding-left);
}
.page-node-type-header .layout-content .region-content {
  align-items: center;
  display: flex;
  gap: 4.2666666667vw;
  width: 100%;
  justify-content: space-between;
}
.page-node-type-header .layout-content .region-content article.contextual-region {
  width: 100%;
}
.page-node-type-header .layout-content .region-content article.contextual-region div:last-child {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 4.2666666667vw;
  justify-content: flex-end;
}
@media (min-width: 769px) {
  .page-node-type-header .layout-content .region-content article.contextual-region div:last-child {
    gap: 0.5555555556vw;
  }
}
.page-node-type-header .layout-content .region-content article.contextual-region div:last-child > *:first-child {
  margin-left: auto;
}
.page-node-type-header .layout-content .region-content article.contextual-region div:last-child:has(> .header-site-branding) > .header-site-branding {
  margin-left: 0;
  margin-right: auto;
}
.page-node-type-header
  .layout-content
  .region-content
  article.contextual-region
  div:last-child:has(> .header-site-branding):has(> .occupy-extra-space)
  > .header-site-branding {
  margin-right: 0;
}
.page-node-type-header
  .layout-content
  .region-content
  article.contextual-region
  div:last-child:has(> .header-site-branding):has(> .occupy-extra-space)
  > .occupy-extra-space {
  flex: 1;
}
@media (min-width: 769px) {
  .page-node-type-header .layout-content {
    padding: 0.8333333333vw var(--site-global-header-padding-right) 0.8333333333vw var(--site-global-header-padding-left);
  }
  .page-node-type-header .layout-content .region-content {
    gap: 0.5555555556vw;
  }
}