/* Establish the shared header's full-window geometry before any page can paint. */
@media (min-width: 981px) {
  #nav4961789503 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    z-index: 99999 !important;
  }

  #nav4961789503 .t446__maincontainer {
    position: relative !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
  }

  #nav4961789503 .t446__leftwrapper,
  #nav4961789503 .t446__rightwrapper {
    position: absolute !important;
    top: 0 !important;
    width: 50vw !important;
    box-sizing: border-box !important;
  }

  #nav4961789503 .t446__leftwrapper {
    left: 0 !important;
    right: auto !important;
  }

  #nav4961789503 .t446__rightwrapper {
    left: 50vw !important;
    right: auto !important;
  }

  /* Pin the two menu groups so Tilda's delayed text alignment cannot shift them. */
  #nav4961789503 .t446__leftmenuwrapper {
    position: absolute !important;
    left: auto !important;
    right: 116px !important;
  }

  #nav4961789503 .t446__rightmenuwrapper {
    position: absolute !important;
    left: 116px !important;
    right: auto !important;
  }
}

/* Keep project content out from under the shared fixed sidebar. */
html.val-project-page #allrecords .t446:not(#nav4961789503) {
  display: none !important;
}

html.val-project-page body.t-body > .t-records {
  padding-left: clamp(220px, 13vw, 280px) !important;
  box-sizing: border-box !important;
}

@media screen and (max-width: 980px) {
  html.val-project-page body.t-body > .t-records {
    padding-left: 0 !important;
  }
}

/* Align the shared project sidebar heading with the project links. */
@media (min-width: 981px) {
  html.val-project-page #rec5015892303 .t830__logo__container {
    transform: translateX(19px) !important;
  }
}


/* Keep the mobile shared header opaque from the first paint. */
@media screen and (max-width: 980px) {
  #rec4961789503 #nav4961789503 {
    background-color: #000000 !important;
  }
}
