/* SERPIFAI Article Visual System Batch 05 V1.0.0
   Uses the ten exact user-shared source images: five actual hero pictures and five explanatory figures. */

body.serpifai-avs-b05-v1-0-0 {
  --sav-b05-hero-position:center center;
}

body.serpifai-avs-b05-v1-0-0.serpifai-b05-direct-indirect-substitute-reference-competitors { --sav-b05-hero-position:center 50%; }

body.serpifai-avs-b05-v1-0-0.serpifai-b05-evaluate-emerging-competitors-limited-history { --sav-b05-hero-position:center 50%; }

body.serpifai-avs-b05-v1-0-0.serpifai-b05-segment-competitors-products-funnel-stages { --sav-b05-hero-position:center 50%; }

body.serpifai-avs-b05-v1-0-0.serpifai-b05-validate-competitor-set-sales-customer-evidence { --sav-b05-hero-position:center 50%; }

body.serpifai-avs-b05-v1-0-0.serpifai-b05-evidence-freshness-reliability-standard { --sav-b05-hero-position:center 50%; }

body.serpifai-avs-b05-v1-0-0 [data-serpifai-b05-hero-host] {
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  min-height:clamp(430px,55vw,720px) !important;
  display:grid !important;
  align-items:center !important;
  background:#07111f !important;
  background-image:none !important;
  --ri2-hero-image:none !important;
}
body.serpifai-avs-b05-v1-0-0 [data-serpifai-b05-hero-host]::before {
  content:none !important;
  display:none !important;
  background:none !important;
  background-image:none !important;
}
body.serpifai-avs-b05-v1-0-0 [data-serpifai-b05-hero-host]::after {
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg,rgba(3,10,20,.93) 0%,rgba(3,10,20,.80) 24%,rgba(3,10,20,.52) 48%,rgba(3,10,20,.18) 72%,rgba(3,10,20,.05) 100%),
    linear-gradient(180deg,rgba(3,10,20,.14) 0%,rgba(3,10,20,.02) 55%,rgba(3,10,20,.58) 100%) !important;
}
body.serpifai-avs-b05-v1-0-0 [data-serpifai-b05-hero-host] > .serpifai-b05-hero-media {
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}
body.serpifai-avs-b05-v1-0-0 .serpifai-b05-hero-media picture,
body.serpifai-avs-b05-v1-0-0 .serpifai-b05-hero-media img {
  display:block !important;
  width:100% !important;
  height:100% !important;
}
body.serpifai-avs-b05-v1-0-0 .serpifai-b05-hero-media img {
  object-fit:cover !important;
  object-position:var(--sav-b05-hero-position) !important;
  filter:saturate(1.02) contrast(1.035) brightness(.95) !important;
  transform:scale(1.006) !important;
}
body.serpifai-avs-b05-v1-0-0 [data-serpifai-b05-hero-host] > :not(.serpifai-b05-hero-media) {
  position:relative !important;
  z-index:2 !important;
}
body.serpifai-avs-b05-v1-0-0 [data-serpifai-b05-hero-host] h1,
body.serpifai-avs-b05-v1-0-0 [data-serpifai-b05-hero-host] h2,
body.serpifai-avs-b05-v1-0-0 [data-serpifai-b05-hero-host] p,
body.serpifai-avs-b05-v1-0-0 [data-serpifai-b05-hero-host] a,
body.serpifai-avs-b05-v1-0-0 [data-serpifai-b05-hero-host] span {
  color:#fff !important;
  text-shadow:0 2px 18px rgba(0,0,0,.42) !important;
}
body.serpifai-avs-b05-v1-0-0 [data-serpifai-b05-hero-host] [class*="content"],
body.serpifai-avs-b05-v1-0-0 [data-serpifai-b05-hero-host] [class*="copy"] {
  background:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.serpifai-avs-b05-v1-0-0 .serpifai-b05-visually-hidden {
  position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;
  margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;border:0 !important;
}
body.serpifai-avs-b05-v1-0-0 .serpifai-b05-article-visual {
  display:block !important;
  width:min(100%,1040px) !important;
  margin:clamp(2rem,5vw,4rem) auto !important;
}
body.serpifai-avs-b05-v1-0-0 .serpifai-b05-article-visual picture,
body.serpifai-avs-b05-v1-0-0 .serpifai-b05-article-visual img {
  display:block !important;width:100% !important;height:auto !important;
}
body.serpifai-avs-b05-v1-0-0 .serpifai-b05-article-visual img {
  aspect-ratio:16/9 !important;object-fit:contain !important;
}
body.serpifai-avs-b05-v1-0-0 .serpifai-b05-article-visual figcaption { margin-top:.8rem !important; }
body.serpifai-avs-b05-v1-0-0 [data-serpifai-b05-card] > .serpifai-b05-card-visual {
  display:block !important;width:100% !important;aspect-ratio:16/9 !important;overflow:hidden !important;
}
body.serpifai-avs-b05-v1-0-0 .serpifai-b05-card-visual picture,
body.serpifai-avs-b05-v1-0-0 .serpifai-b05-card-visual img {
  display:block !important;width:100% !important;height:100% !important;
}
body.serpifai-avs-b05-v1-0-0 .serpifai-b05-card-visual img { object-fit:cover !important; }
@media (min-width:1181px) {
  body.serpifai-avs-b05-v1-0-0 .ri2-article-layout > .ri2-toc,
  body.serpifai-avs-b05-v1-0-0 .ri2-article-layout > .ri2-side-note,
  body.serpifai-avs-b05-v1-0-0 .ri2-article-layout > .ri2-share-rail,
  body.serpifai-avs-b05-v1-0-0 .ri2-article-layout > [class*="share"] {
    transition:opacity .24s ease,visibility .24s ease,transform .24s ease !important;
  }
  body.serpifai-avs-b05-v1-0-0 .ri2-article-layout.ri8-visual-focus > .ri2-toc,
  body.serpifai-avs-b05-v1-0-0 .ri2-article-layout.ri8-visual-focus > .ri2-side-note,
  body.serpifai-avs-b05-v1-0-0 .ri2-article-layout.ri8-visual-focus > .ri2-share-rail,
  body.serpifai-avs-b05-v1-0-0 .ri2-article-layout.ri8-visual-focus > [class*="share"] {
    opacity:0 !important;visibility:hidden !important;pointer-events:none !important;
  }
}
@media (max-width:760px) {
  body.serpifai-avs-b05-v1-0-0 [data-serpifai-b05-hero-host] { min-height:clamp(460px,115vw,660px) !important; }
  body.serpifai-avs-b05-v1-0-0 [data-serpifai-b05-hero-host]::after {
    background:linear-gradient(180deg,rgba(3,10,20,.40) 0%,rgba(3,10,20,.20) 36%,rgba(3,10,20,.82) 100%) !important;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.serpifai-avs-b05-v1-0-0 .serpifai-b05-hero-media img { transform:none !important; }
}
