/* Inner-page hero used on the server request page. */

/* Keep the hero content centred and reserve enough vertical space for the fixed header. */
.page-hero {
  align-items: center;
  background: #062b5c !important;
  color: #fff;
  display: grid;
  isolation: isolate;
  min-height: clamp(24rem, 48vh, 30rem);
  overflow: hidden;
  padding-left: .75rem;
  padding-right: .75rem;
  position: relative;
}
.page-hero::after {
  background: radial-gradient(circle, rgba(43, 198, 244, .24), rgba(43, 198, 244, 0) 70%);
  border-radius: 50%;
  content: "";
  filter: blur(1px);
  height: 30rem;
  opacity: .85;
  position: absolute;
  right: -8rem;
  top: -20rem;
  width: 30rem;
  z-index: -1;
}

/* Text contrast and small-screen top offset for the transparent navigation. */
.page-hero > .container {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.navbar.top-overlay + main .page-hero > .container {
  padding-top: 4rem;
}
.page-hero h1 {
  color: #fff;
  letter-spacing: -.045em;
}
.page-hero .lead, .page-hero .text-white-50 {
  color: rgba(255, 255, 255, .86) !important;
}
@media (max-width: 575.98px) {
  .navbar.top-overlay + main .page-hero > .container {
    padding-top: 5rem;
  }
}