/* Contextual hero artwork for redesigned inner pages. The image URL is set per page. */
body.pf-generated-hero .about-hero,
body.pf-generated-hero .ach-hero,
body.pf-generated-hero .vm-hero,
body.pf-generated-hero .launch-hero,
body.pf-generated-hero .sp-hero {
  background-image:
    linear-gradient(90deg, rgba(8, 16, 29, .76) 0%, rgba(8, 16, 29, .55) 48%, rgba(8, 16, 29, .08) 100%),
    var(--pf-page-hero-image);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

body.pf-generated-hero .sp-hero::before {
  opacity: .12;
}

/* The government page has a legacy inline background declaration. */
body.pf-generated-hero .header-inner.header-inner-menu {
  background-image: var(--pf-page-hero-image) !important;
  background-position: center !important;
  background-size: cover !important;
}

body.pf-generated-hero .header-inner.header-inner-menu::before {
  background: linear-gradient(90deg, rgba(8, 16, 29, .83) 0%, rgba(8, 16, 29, .58) 52%, rgba(8, 16, 29, .1) 100%) !important;
}

@media (max-width: 767px) {
  body.pf-generated-hero .about-hero,
  body.pf-generated-hero .ach-hero,
  body.pf-generated-hero .vm-hero,
  body.pf-generated-hero .launch-hero,
  body.pf-generated-hero .sp-hero {
    background-image:
      linear-gradient(90deg, rgba(8, 16, 29, .9), rgba(8, 16, 29, .7)),
      var(--pf-page-hero-image);
    background-position: 68% center;
  }

  body.pf-generated-hero .header-inner.header-inner-menu {
    background-position: 68% center !important;
  }

  body.pf-generated-hero .header-inner.header-inner-menu::before {
    background: linear-gradient(90deg, rgba(8, 16, 29, .91), rgba(8, 16, 29, .69)) !important;
  }
}