/* Final interior-hero treatment: preserve the generated photograph on the
   open side while maintaining a dependable contrast field below the copy. */
body:not(.home-page):not(.home-page) :is(.hero:not(.home-hero), .tool-page-hero)::before {
  background:
    linear-gradient(90deg, rgba(3, 10, 19, .96) 0%, rgba(4, 13, 24, .92) 30%, rgba(4, 13, 24, .8) 48%, rgba(4, 13, 24, .46) 68%, rgba(4, 13, 24, .14) 100%),
    linear-gradient(0deg, rgba(3, 10, 19, .58) 0%, rgba(3, 10, 19, .18) 46%, rgba(3, 10, 19, .1) 100%) !important;
  backdrop-filter: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not(.home-page):not(.home-page) :is(.hero:not(.home-hero), .tool-page-hero)::after {
  background: linear-gradient(0deg, rgba(3, 10, 19, .28) 0%, transparent 36%) !important;
  backdrop-filter: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not(.home-page):not(.home-page) :is(.hero:not(.home-hero), .tool-page-hero) :is(.hero-slide, .hero-media, picture > img) {
  filter: saturate(1.02) contrast(1.02) brightness(.98) !important;
}

body:not(.home-page):not(.home-page) :is(.hero:not(.home-hero), .tool-page-hero) .hero-content {
  filter: drop-shadow(0 3px 5px rgba(2, 8, 15, .62));
}

body:not(.home-page):not(.home-page) :is(.hero:not(.home-hero), .tool-page-hero) .hero-content :is(h1, h2, p, .eyebrow, .hero-kicker, .breadcrumb, .breadcrumb a) {
  text-shadow: 0 2px 3px rgba(2, 8, 15, .94), 0 8px 22px rgba(2, 8, 15, .64);
}

body:not(.home-page):not(.home-page) :is(.hero:not(.home-hero), .tool-page-hero) .hero-content > p {
  color: rgba(255, 255, 255, .94) !important;
}

body:not(.home-page):not(.home-page) :is(.hero:not(.home-hero), .tool-page-hero) .hero-content h1 em {
  color: var(--hero-gold-text) !important;
}

body:not(.home-page):not(.home-page) :is(.hero:not(.home-hero), .tool-page-hero) :is(.blog-hero-list, .hero-credentials) li {
  color: rgba(255, 255, 255, .9) !important;
}

@media (max-width: 700px) {
  body:not(.home-page):not(.home-page) :is(.hero:not(.home-hero), .tool-page-hero)::before {
    background:
      linear-gradient(180deg, rgba(3, 10, 19, .68) 0%, rgba(3, 10, 19, .8) 38%, rgba(3, 10, 19, .95) 100%),
      linear-gradient(90deg, rgba(3, 10, 19, .88) 0%, rgba(3, 10, 19, .58) 100%) !important;
  }

  body:not(.home-page):not(.home-page) :is(.hero:not(.home-hero), .tool-page-hero)::after {
    background: linear-gradient(0deg, rgba(3, 10, 19, .46) 0%, transparent 46%) !important;
  }
}