/* Homepage: let the hero photograph show through both header rows. */
body.home-transparent-header > .platform-header.platform-header {
  background: linear-gradient(180deg, rgba(5, 31, 22, .32), rgba(5, 31, 22, .12)) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.home-transparent-header > .platform-header .platform-nav {
  background: transparent !important;
  border-color: rgba(255, 255, 255, .24) !important;
}

body.home-transparent-header > .platform-header .platform-nav a,
body.home-transparent-header > .platform-header .header-app-actions > *,
body.home-transparent-header > .platform-header .home-company-name {
  color: #fff !important;
  text-shadow: 0 1px 7px rgba(0, 0, 0, .45) !important;
}

body.home-transparent-header > .platform-header .platform-nav a.active,
body.home-transparent-header > .platform-header .platform-nav a:hover,
body.home-transparent-header > .platform-header .header-app-actions > *:hover,
body.home-transparent-header > .platform-header .header-app-actions > *:focus-visible {
  color: #ffb06d !important;
}

/* Keep white navigation readable over content after leaving the hero. */
body.home-transparent-header.header-scrolled > .platform-header.platform-header {
  background: rgba(7, 38, 27, .82) !important;
}

@media (max-width: 760px) {
  body.home-transparent-header > .platform-header .platform-nav.open {
    background: rgba(7, 38, 27, .82) !important;
  }
}