/* Page specific campaign artwork shared across the Mission 5K pages. */
.hero[data-page-hero],
.intro[data-page-hero] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #fff;
  background-color: #081a35 !important;
  background-image:
    linear-gradient(90deg, rgba(5, 17, 38, .97) 0%, rgba(5, 17, 38, .89) 38%, rgba(5, 17, 38, .68) 62%, rgba(5, 17, 38, .22) 100%),
    var(--page-hero-art) !important;
  background-size: cover !important;
  background-position: center right !important;
}
.hero[data-page-hero] > .wrap,
.intro[data-page-hero] > .wrap {
  position: relative;
  z-index: 1;
}
.hero[data-page-hero] h1,
.intro[data-page-hero] h1 { color: #fff; }
.hero[data-page-hero] p,
.intro[data-page-hero] p { color: #d5e3f5; }
.hero[data-page-hero] .eyebrow,
.intro[data-page-hero] .eyebrow { color: #8ed7ff; }
.hero[data-page-hero] .service-photo,
.hero[data-page-hero="homepage"] .moni-hero,
.hero[data-page-hero="miami"] .banner,
.hero[data-page-hero="industries"] .visual {
  display: none !important;
}
.hero[data-page-hero="industries"] .hero-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}
main.policy[data-page-hero]::before {
  content: "";
  display: block;
  width: 100vw;
  height: clamp(150px, 24vw, 280px);
  margin: 0 calc(50% - 50vw) 34px;
  background:
    linear-gradient(90deg, rgba(5, 17, 38, .42), rgba(5, 17, 38, .06)),
    var(--page-hero-art) center 45% / cover no-repeat;
  border-bottom: 1px solid rgba(105, 190, 255, .24);
}
@media (max-width: 700px) {
  .hero[data-page-hero],
  .intro[data-page-hero] {
    background-image:
      linear-gradient(180deg, rgba(5, 17, 38, .54) 0%, rgba(5, 17, 38, .89) 48%, rgba(5, 17, 38, .97) 100%),
      var(--page-hero-art) !important;
    background-position: 64% top !important;
  }
}

/* Development build sync: page specific art refresh, 2026-10-22. */