.header {
  background-color: var(--blue-lighter);
  position: relative;
  z-index: 2; }
  .header ~ * {
    z-index: 1; }
  .header > .container {
    padding-left: var(--container-padding, 48px);
    padding-right: var(--container-padding, 48px);
    max-width: var(--container-max-width, 1440px);
    margin-left: auto;
    margin-right: auto; }

.region-header {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  display: grid;
  grid-template-areas: "branding . controls hamburger" "nav nav nav nav";
  grid-template-columns: 1fr 5vw minmax(min-content, auto) minmax(min-content, auto);
  grid-template-rows: auto;
  grid-gap: calc(30px * 0.5) 2vw;
  padding-top: 10px;
  padding-bottom: 10px; }
  @media (min-width: 1024px) {
    .region-header {
      max-width: 0;
      display: flex;
      flex-direction: row;
      padding-bottom: 10px; } }
  @media (min-width: 1024px) and (min-width: 576px) {
    .region-header {
      max-width: 540px; } }
  @media (min-width: 1024px) and (min-width: 768px) {
    .region-header {
      max-width: 768px; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .region-header {
      max-width: 1024px; } }
  @media (min-width: 1024px) and (min-width: 1280px) {
    .region-header {
      max-width: 1280px; } }
  @media (min-width: 1024px) and (min-width: 1440px) {
    .region-header {
      max-width: 1410px; } }
  .region-header::after {
    content: none; }
  .region-header > .promotion--brand {
    grid-area: branding;
    align-self: center; }
  .region-header > .search,
  .region-header > .promotion--navigation-primary {
    grid-area: nav;
    margin-left: auto; }
  .region-header > .promotion--navigation-primary {
    flex: 1; }
  .region-header > .control {
    grid-area: controls;
    align-self: center; }
    @media (min-width: 1024px) {
      .region-header > .control {
        margin-left: 1rem; }
        .search-is-active .region-header > .control {
          margin-left: 0; } }
  .region-header > .control--responsive-menu {
    grid-area: hamburger;
    margin-left: 0.7rem; }
  .region-header .logo--primary {
    max-width: 50vw; }
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy5zYXNzLWNhY2hlL3JlZ2lvbnMvaGVhZGVyL3NyYy9yZWdpb25zL2hlYWRlci9oZWFkZXIuc2NzcyIsIi4uLy4uLy4uLy5zYXNzLWNhY2hlL3JlZ2lvbnMvaGVhZGVyL3NyYy9taXhpbnMvX2NvbnRhaW5lci5zY3NzIiwiLi4vLi4vLi4vLnNhc3MtY2FjaGUvcmVnaW9ucy9oZWFkZXIvbm9kZV9tb2R1bGVzL2Jvb3RzdHJhcC9zY3NzL21peGlucy9fZ3JpZC5zY3NzIiwiLi4vLi4vLi4vLnNhc3MtY2FjaGUvcmVnaW9ucy9oZWFkZXIvbm9kZV9tb2R1bGVzL2Jvb3RzdHJhcC9zY3NzL21peGlucy9fYnJlYWtwb2ludHMuc2NzcyIsIi4uLy4uLy4uLy5zYXNzLWNhY2hlL3JlZ2lvbnMvaGVhZGVyL3NyYy9ib290c3RyYXAvX2N1c3RvbS1ib290c3RyYXAtdmFyaWFibGVzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUFJRSxxQ0FBcUM7RUFFckMsa0JBQWtCO0VBQ2xCLFVBQVUsRUFBQTtFQVBaO0lBVUksVUFBVSxFQUFBO0VBVmQ7SUNMRSw0Q0FBNEM7SUFDNUMsNkNBQTZDO0lBQzdDLDZDQUFvRDtJQUNwRCxpQkFBaUI7SUFDakIsa0JBQWtCLEVBQUE7O0FEd0JwQjtFRXhCRSxXQUFXO0VBQ1gsbUJBQTJCO0VBQzNCLGtCQUEwQjtFQUMxQixrQkFBa0I7RUFDbEIsaUJBQWlCO0VGdUJqQixhQUFhO0VBQ2Isc0VBQXNFO0VBQ3RFLGtGQUFrRjtFQUNsRix3QkFBd0I7RUFDeEIsOEJBQStDO0VBQy9DLGlCQUFpQjtFQUNqQixvQkFBb0IsRUFBQTtFR3NCbEI7SUgvQko7TUVOTSxZRWFDO01KT0gsYUFBYTtNQUNiLG1CQUFtQjtNQUNuQixvQkFBb0IsRUFBQSxFQTJDdkI7RUc1Qkc7SUgvQko7TUVOTSxnQkVjSyxFQUFBLEVKbURWO0VHNUJHO0lIL0JKO01FTk0sZ0JFZUssRUFBQSxFSmtEVjtFRzVCRztJSC9CSjtNRU5NLGlCRWdCTSxFQUFBLEVKaURYO0VHNUJHO0lIL0JKO01FTk0saUJFaUJNLEVBQUEsRUpnRFg7RUc1Qkc7SUgvQko7TUVOTSxpQkVrQk0sRUFBQSxFSitDWDtFQTNERDtJQW9CSSxhQUFhLEVBQUE7RUFwQmpCO0lBd0JJLG1CQUFtQjtJQUNuQixrQkFBa0IsRUFBQTtFQXpCdEI7O0lBOEJJLGNBQWM7SUFDZCxpQkFBaUIsRUFBQTtFQS9CckI7SUFtQ0ksT0FBTyxFQUFBO0VBbkNYO0lBd0NJLG1CQUFtQjtJQUNuQixrQkFBa0IsRUFBQTtJR1ZsQjtNSC9CSjtRQTRDTSxpQkl4Qk8sRUFBQTtRSnlCUDtVQUNFLGNBQWMsRUFBQSxFQUNmO0VBL0NQO0lBb0RJLG9CQUFvQjtJQUNwQixtQkFBbUIsRUFBQTtFQXJEdkI7SUF5REksZUFBZSxFQUFBIiwiZmlsZSI6ImhlYWRlci5jc3MifQ== */