/* Unified site header + selected brand direction 01. Loaded last on every public page. */
html body[data-page] .home-topbar {
  box-sizing: border-box !important;
  z-index: 40 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
  width: calc(100% - 18px) !important;
  min-height: 74px !important;
  height: 74px !important;
  margin: 10px auto 0 !important;
  padding: 0 clamp(28px, 3.2vw, 54px) !important;
  overflow: visible !important;
  border: 1px solid rgba(242, 200, 108, .58) !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, rgba(1, 8, 7, .97), rgba(4, 16, 13, .94), rgba(1, 8, 7, .97)) !important;
  box-shadow: inset 0 0 0 6px rgba(0, 0, 0, .2), 0 8px 30px rgba(0, 0, 0, .3) !important;
}

html body.home-landing-state .home-landing > .home-topbar {
  top: 0 !important;
  right: 9px !important;
  left: 9px !important;
  width: auto !important;
}

html body[data-page] .home-topbar::before {
  content: none !important;
  display: none !important;
}

html body[data-page] .home-topbar::after {
  content: "" !important;
  position: absolute !important;
  right: auto !important;
  bottom: -4px !important;
  left: 50% !important;
  display: block !important;
  width: 6px !important;
  height: 6px !important;
  opacity: 1 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #f2c86c !important;
  box-shadow: 0 0 13px rgba(242, 200, 108, .65) !important;
  transform: translateX(-50%) !important;
}

html body[data-page] .home-topbar .home-brand {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  width: auto !important;
  min-height: 44px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 .1em .24em 0 !important;
  color: #f2cf78 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: "Songti SC", "STSong", "Noto Serif SC", serif !important;
  font-size: clamp(1.7rem, 2.25vw, 2.55rem) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .22em !important;
  text-decoration: none !important;
  text-shadow: 0 0 20px rgba(242, 200, 108, .18) !important;
  white-space: nowrap !important;
}

html body[data-page] .home-topbar .home-brand::before {
  content: none !important;
  display: none !important;
}

html body[data-page] .home-topbar .home-brand::after {
  content: "" !important;
  position: absolute !important;
  right: .5em !important;
  bottom: 0 !important;
  left: auto !important;
  display: block !important;
  width: 48% !important;
  height: 1px !important;
  opacity: .9 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(242, 200, 108, .96), rgba(117, 187, 169, .72), transparent) !important;
  box-shadow: 0 0 8px rgba(242, 200, 108, .18) !important;
  transform: none !important;
}

html body[data-page] .home-topbar .home-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: clamp(24px, 3vw, 48px) !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-page] .home-topbar .home-nav-link,
html body[data-page] .home-topbar .home-nav .hero-contact-link {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: auto !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 2px !important;
  color: rgba(255, 238, 197, .7) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font: 600 clamp(.88rem, 1vw, 1.05rem) / 1 "Songti SC", "STSong", "Noto Serif SC", serif !important;
  letter-spacing: .04em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  visibility: visible !important;
}

html body[data-page] .home-topbar .home-nav-link + .home-nav-link {
  box-shadow: none !important;
}

html body[data-page] .home-topbar .home-nav-link::before,
html body[data-page] .home-topbar .home-nav .hero-contact-link::before {
  content: none !important;
  display: none !important;
}

html body[data-page] .home-topbar .home-nav-link::after {
  content: "" !important;
  position: absolute !important;
  right: 50% !important;
  bottom: 3px !important;
  left: 50% !important;
  display: block !important;
  width: auto !important;
  height: 1px !important;
  opacity: 1 !important;
  background: linear-gradient(90deg, transparent, #f2c86c, #75bba9, transparent) !important;
  box-shadow: 0 0 9px rgba(242, 200, 108, .35) !important;
  transform: none !important;
  transition: right 180ms cubic-bezier(.23, 1, .32, 1), left 180ms cubic-bezier(.23, 1, .32, 1) !important;
}

html body[data-page] .home-topbar .home-nav-link:hover,
html body[data-page] .home-topbar .home-nav-link:focus-visible,
html body[data-page] .home-topbar .home-nav-link.is-active,
html body[data-page] .home-topbar .home-nav-link[aria-current="page"] {
  color: #f5d67e !important;
  border: 0 !important;
  background: transparent !important;
  outline: none !important;
}

html body[data-page] .home-topbar .home-nav-link:hover::after,
html body[data-page] .home-topbar .home-nav-link:focus-visible::after,
html body[data-page] .home-topbar .home-nav-link.is-active::after,
html body[data-page] .home-topbar .home-nav-link[aria-current="page"]::after {
  right: 1px !important;
  left: 1px !important;
}

@media (max-width: 680px) {
  html body[data-page] .home-topbar,
  html body.home-landing-state .home-landing > .home-topbar {
    top: 0 !important;
    right: auto !important;
    left: 0 !important;
    box-sizing: border-box !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 82px !important;
    height: 82px !important;
    margin: 0 !important;
    padding: 6px 8px 5px !important;
    overflow: hidden !important;
    border-width: 0 0 1px !important;
    border-color: rgba(242, 200, 108, .5) !important;
    background: linear-gradient(180deg, rgba(1, 10, 8, .99), rgba(1, 8, 6, .96)) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .28) !important;
  }

  html body[data-page] .home-topbar::before {
    content: none !important;
    display: none !important;
  }

  html body[data-page] .home-topbar::after {
    content: none !important;
    display: none !important;
  }

  html body[data-page] .home-topbar .home-brand {
    align-self: center !important;
    justify-content: center !important;
    max-width: calc(100% - 28px) !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 12px .18em !important;
    font-size: clamp(1.28rem, 6vw, 1.58rem) !important;
    letter-spacing: .17em !important;
  }

  html body[data-page] .home-topbar .home-brand::after {
    right: 1.1em !important;
    width: 35% !important;
  }

  html body[data-page] .home-topbar .home-nav {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    min-height: 32px !important;
    height: 32px !important;
    gap: 0 !important;
    overflow: hidden !important;
    border-top: 1px solid rgba(242, 200, 108, .16) !important;
  }

  html body[data-page] .home-topbar .home-nav-link,
  html body[data-page] .home-topbar .home-nav .hero-contact-link {
    position: relative !important;
    display: inline-flex !important;
    grid-column: auto !important;
    grid-row: auto !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 31px !important;
    height: 31px !important;
    padding: 0 2px !important;
    font-size: clamp(.66rem, 3vw, .8rem) !important;
    white-space: nowrap !important;
    visibility: visible !important;
  }

  html body[data-page] .home-topbar .home-nav-link + .home-nav-link {
    box-shadow: -1px 0 0 rgba(242, 200, 108, .16) !important;
  }

  html body[data-page] .home-topbar .home-nav-link::after {
    bottom: 1px !important;
  }

  html body[data-page] .home-topbar .home-nav .hero-contact-link::before {
    content: none !important;
    display: none !important;
  }
}