:root {
  --site-header-height: 76px;
}

html {
  scroll-padding-top: calc(var(--site-header-height) + 16px);
}

body {
  padding-top: var(--site-header-height);
}

.site-header {
  position: fixed !important;
  inset-block-start: 0;
  inset-inline: 0;
  width: 100%;
  z-index: 1000 !important;
}

main [id],
body > section[id] {
  scroll-margin-top: calc(var(--site-header-height) + 16px) !important;
}

.skip-link {
  z-index: 1100 !important;
}

.brand-link--dev img {
  width: 27px;
  height: 27px;
}

@media (max-width: 980px) {
  :root {
    --site-header-height: 164px;
  }
}

@media (max-width: 760px) {
  :root {
    --site-header-height: 218px;
  }
}