/* Full-bleed industry imagery keeps the first viewport specific without rasterising SEO copy. */
.industry-hero {
  isolation: isolate;
  background-color: #06152f !important;
}
.industry-hero::after {
  position: absolute;
  z-index: 0;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgba(3, 13, 32, .97) 0%, rgba(3, 13, 32, .9) 35%, rgba(3, 13, 32, .3) 68%, rgba(3, 13, 32, .06) 100%);
}
.industry-hero-background {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.industry-hero > div { position: relative; z-index: 1; }
.industry-hero > div:first-of-type { display: none; }
.industry-hero .iv-art { display: none !important; }
.industry-hero h1 { color: #fff !important; text-shadow: 0 2px 16px rgba(0, 0, 0, .28); }
.industry-hero h1 span { color: #4cb8ff !important; }
.industry-hero p { color: #d3dfef !important; }
.industry-hero .iv-hero > div:first-child > div:first-child {
  background: rgba(5, 20, 47, .58) !important;
  border-color: rgba(97, 190, 255, .62) !important;
  backdrop-filter: blur(6px);
}
.industry-hero .iv-hero > div:first-child > div:first-child span:last-child { color: #75caff !important; }
.industry-hero .iv-hero > div:first-child > div:last-child span:last-child { color: #c8d7ea !important; }
@media (max-width: 760px) {
  .industry-hero {
    background-color: #06152f !important;
  }
  .industry-hero::after {
    background: linear-gradient(180deg, rgba(3, 13, 32, .93) 0%, rgba(3, 13, 32, .86) 65%, rgba(3, 13, 32, .72) 100%);
  }
  .industry-hero-background {
    object-position: 62% center;
  }
  .industry-hero .iv-hero > div:first-child {
    min-width: 0;
    width: 100%;
  }
  .industry-hero h1 {
    font-size: clamp(29px, 9vw, 40px) !important;
    letter-spacing: -1.35px !important;
    overflow-wrap: anywhere;
  }
  .industry-hero h1 span { white-space: normal !important; }
  .industry-hero .iv-hero > div:first-child > p {
    max-width: 28ch !important;
  }
  .industry-hero .iv-hero > div:first-child > div[style*="margin-bottom:30px"] {
    align-items: stretch;
    flex-direction: column;
  }
  .industry-hero .iv-hero > div:first-child > div[style*="margin-bottom:30px"] a {
    justify-content: center;
    width: 220px;
    max-width: 100%;
  }
  .industry-hero .iv-hero > div:first-child > div:last-child span:last-child {
    display: block;
    max-width: 20ch;
  }
}