/* SERPIFAI EIGHT HERO WHITE TEXT FIX V1.7.2 */
/* SERPIFAI Insights — Relevant Article Visuals V1.7.0
   Scoped to the next five supporting-research articles. */

.insights-authority-page.ri7-visual-page {
  --ri7-hero-position: center center;
}

.insights-authority-page.ri7-visual-page .ri2-article-hero {
  min-height: clamp(400px, 43vw, 520px);
  align-items: center;
  padding: clamp(96px, 10vw, 132px) 0 clamp(42px, 5vw, 60px);
  background: #07111f;
}

.insights-authority-page.ri7-visual-page .ri2-article-hero::before {
  background-position: var(--ri7-hero-position);
  background-size: cover;
  opacity: .96;
  filter: saturate(1.04) contrast(1.04) brightness(.92);
  transform: scale(1.01);
}

.insights-authority-page.ri7-visual-page .ri2-article-hero::after {
  background:
    linear-gradient(90deg,
      rgba(3, 10, 24, .97) 0%,
      rgba(3, 10, 24, .92) 24%,
      rgba(3, 10, 24, .76) 48%,
      rgba(3, 10, 24, .38) 74%,
      rgba(3, 10, 24, .14) 100%),
    linear-gradient(0deg,
      rgba(2, 8, 20, .68) 0%,
      rgba(2, 8, 20, .08) 56%,
      rgba(2, 8, 20, .34) 100%);
}

.insights-authority-page.ri7-visual-page .ri2-hero-content {
  max-width: 880px;
}

.insights-authority-page.ri7-visual-page .ri2-article-hero h1 {
  max-width: 19ch;
  font-size: clamp(2.15rem, 4.25vw, 4rem) !important;
  line-height: 1.03 !important;
  letter-spacing: -.045em !important;
  color: #ffffff !important;
  text-shadow: 0 3px 18px rgba(0, 0, 0, .42), 0 1px 2px rgba(0, 0, 0, .54) !important;
}

.insights-authority-page.ri7-visual-page .ri2-deck {
  color: #dce7f3 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .40);
}

.insights-authority-page.ri7-visual-page .ri2-meta,
.insights-authority-page.ri7-visual-page .ri2-meta span,
.insights-authority-page.ri7-visual-page .ri2-meta a {
  color: #b9cadb !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .44);
}

.insights-authority-page.ri7-visual-page .ri2-breadcrumbs,
.insights-authority-page.ri7-visual-page .ri2-breadcrumbs a {
  color: #bdeef6 !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .46);
}

.insights-authority-page.ri7-visual-page .ri2-eyebrow {
  color: #7de3f5 !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .48);
}

.ri7-article-visual {
  position: relative;
  margin: 8px 0 56px;
  overflow: hidden;
  border: 1px solid rgba(149, 167, 219, .32);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(244,247,252,.96));
  box-shadow: 0 24px 64px rgba(45, 67, 116, .12), 0 6px 18px rgba(79, 102, 158, .06);
  content-visibility: auto;
  contain-intrinsic-size: 760px 470px;
}

.ri7-article-visual::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(140, 123, 255, .58), rgba(110, 186, 255, .54), rgba(240, 186, 81, .46), transparent);
  pointer-events: none;
}

.ri7-article-visual img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: #f6f8fc;
}

.ri7-article-visual figcaption {
  margin: 0;
  padding: 15px 18px 17px;
  border-top: 1px solid rgba(149, 167, 219, .18);
  color: #51637d;
  font-size: .82rem;
  line-height: 1.55;
}

.ri7-article-visual figcaption strong { color: #15284a; }
.ri7-article-visual figcaption span { color: #6a7c93; }

.ri7-score-false-certainty { --ri7-hero-position: center 50%; }
.ri7-auditable-record { --ri7-hero-position: center 52%; }
.ri7-commercial-priority { --ri7-hero-position: center 53%; }
.ri7-volume-value-gap { --ri7-hero-position: center 50%; }
.ri7-territory-comparison { --ri7-hero-position: center 50%; }

@media (max-width: 760px) {
  .insights-authority-page.ri7-visual-page .ri2-article-hero {
    min-height: 370px;
    padding: 96px 0 40px;
  }

  .insights-authority-page.ri7-visual-page .ri2-article-hero::before {
    opacity: .95;
    background-position: center;
  }

  .insights-authority-page.ri7-visual-page .ri2-article-hero h1 {
    max-width: 21ch;
    font-size: clamp(2rem, 9.5vw, 3rem) !important;
  }

  .ri7-article-visual {
    margin-bottom: 42px;
    border-radius: 17px;
  }

  .ri7-article-visual figcaption {
    padding: 13px 14px 15px;
    font-size: .78rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .insights-authority-page.ri7-visual-page .ri2-article-hero::before {
    transform: none;
  }
}