/* Shared Deal Intelligence ATF header. Unique filename: Bunny ignores CSS query strings.
   One quiet navy field behind every article title. Unique topologies stay in the body. */

.hero,
html.pg-visual .hero {
  position: relative !important;
  overflow: hidden !important;
  background: #07111d !important;
}

.hero-bg,
html.pg-visual .hero-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background-color: #07111d !important;
  background-image: none !important;
}

.hero-bg::before,
html.pg-visual .hero-bg::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: url("/assets/deal-intelligence/di-header-minimal-v1.jpg") !important;
  background-size: cover !important;
  background-position: center 38% !important;
  background-repeat: no-repeat !important;
  opacity: 0.42 !important;
}

.hero-bg::after,
html.pg-visual .hero-bg::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(7, 17, 29, 0.48) 0%, rgba(7, 17, 29, 0.62) 46%, rgba(7, 17, 29, 0.9) 100%),
    linear-gradient(90deg, rgba(7, 17, 29, 0.55) 0%, rgba(7, 17, 29, 0.16) 58%, rgba(7, 17, 29, 0.4) 100%) !important;
}

.hero-in,
html.pg-visual .hero-in {
  position: relative !important;
  z-index: 1 !important;
}

@media print {
  .hero-bg,
  html.pg-visual .hero-bg {
    display: none !important;
  }
}