/* Page-family banners (owner-generated art) behind the existing .seo-hero. Generated list; one block per family.
   The copy sits on the calm left 40% of each image; a veil keeps it readable. Tool pages keep their open heading. */
body.v3[data-family] .seo-hero { background-size: cover; background-position: right center; background-repeat: no-repeat; min-height: 280px; display: flex; flex-direction: column; justify-content: center; }
body.v3[data-family] .seo-hero > * { position: relative; }
body.v3[data-family="horoscope"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/horoscope-960.avif") type("image/avif"), url("/static/art/v1/banners/horoscope-960.webp") type("image/webp")); }
body.v3[data-family="planets-navagraha"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/planets-navagraha-960.avif") type("image/avif"), url("/static/art/v1/banners/planets-navagraha-960.webp") type("image/webp")); }
body.v3[data-family="nakshatras"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/nakshatras-960.avif") type("image/avif"), url("/static/art/v1/banners/nakshatras-960.webp") type("image/webp")); }
body.v3[data-family="kundli"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/kundli-960.avif") type("image/avif"), url("/static/art/v1/banners/kundli-960.webp") type("image/webp")); }
body.v3[data-family="kundli-matching"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/kundli-matching-960.avif") type("image/avif"), url("/static/art/v1/banners/kundli-matching-960.webp") type("image/webp")); }
body.v3[data-family="panchang"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/panchang-960.avif") type("image/avif"), url("/static/art/v1/banners/panchang-960.webp") type("image/webp")); }
body.v3[data-family="dashas"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/dashas-960.avif") type("image/avif"), url("/static/art/v1/banners/dashas-960.webp") type("image/webp")); }
body.v3[data-family="transits"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/transits-960.avif") type("image/avif"), url("/static/art/v1/banners/transits-960.webp") type("image/webp")); }
body.v3[data-family="yogas"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/yogas-960.avif") type("image/avif"), url("/static/art/v1/banners/yogas-960.webp") type("image/webp")); }
body.v3[data-family="remedies"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/remedies-960.avif") type("image/avif"), url("/static/art/v1/banners/remedies-960.webp") type("image/webp")); }
body.v3[data-family="muhurat"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/muhurat-960.avif") type("image/avif"), url("/static/art/v1/banners/muhurat-960.webp") type("image/webp")); }
body.v3[data-family="signs-lagnas"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/signs-lagnas-960.avif") type("image/avif"), url("/static/art/v1/banners/signs-lagnas-960.webp") type("image/webp")); }
body.v3[data-family="guides"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/guides-960.avif") type("image/avif"), url("/static/art/v1/banners/guides-960.webp") type("image/webp")); }
body.v3[data-family="free-tools"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/free-tools-960.avif") type("image/avif"), url("/static/art/v1/banners/free-tools-960.webp") type("image/webp")); }
body.v3[data-family="about-support"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/about-support-960.avif") type("image/avif"), url("/static/art/v1/banners/about-support-960.webp") type("image/webp")); }
body.v3[data-family="not-found"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/not-found-960.avif") type("image/avif"), url("/static/art/v1/banners/not-found-960.webp") type("image/webp")); }
@media (min-width: 1100px) {
  body.v3[data-family="horoscope"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/horoscope-1448.avif") type("image/avif"), url("/static/art/v1/banners/horoscope-1448.webp") type("image/webp")); }
  body.v3[data-family="planets-navagraha"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/planets-navagraha-1448.avif") type("image/avif"), url("/static/art/v1/banners/planets-navagraha-1448.webp") type("image/webp")); }
  body.v3[data-family="nakshatras"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/nakshatras-1448.avif") type("image/avif"), url("/static/art/v1/banners/nakshatras-1448.webp") type("image/webp")); }
  body.v3[data-family="kundli"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/kundli-1448.avif") type("image/avif"), url("/static/art/v1/banners/kundli-1448.webp") type("image/webp")); }
  body.v3[data-family="kundli-matching"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/kundli-matching-1448.avif") type("image/avif"), url("/static/art/v1/banners/kundli-matching-1448.webp") type("image/webp")); }
  body.v3[data-family="panchang"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/panchang-1448.avif") type("image/avif"), url("/static/art/v1/banners/panchang-1448.webp") type("image/webp")); }
  body.v3[data-family="dashas"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/dashas-1448.avif") type("image/avif"), url("/static/art/v1/banners/dashas-1448.webp") type("image/webp")); }
  body.v3[data-family="transits"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/transits-1448.avif") type("image/avif"), url("/static/art/v1/banners/transits-1448.webp") type("image/webp")); }
  body.v3[data-family="yogas"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/yogas-1448.avif") type("image/avif"), url("/static/art/v1/banners/yogas-1448.webp") type("image/webp")); }
  body.v3[data-family="remedies"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/remedies-1448.avif") type("image/avif"), url("/static/art/v1/banners/remedies-1448.webp") type("image/webp")); }
  body.v3[data-family="muhurat"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/muhurat-1448.avif") type("image/avif"), url("/static/art/v1/banners/muhurat-1448.webp") type("image/webp")); }
  body.v3[data-family="signs-lagnas"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/signs-lagnas-1448.avif") type("image/avif"), url("/static/art/v1/banners/signs-lagnas-1448.webp") type("image/webp")); }
  body.v3[data-family="guides"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/guides-1448.avif") type("image/avif"), url("/static/art/v1/banners/guides-1448.webp") type("image/webp")); }
  body.v3[data-family="free-tools"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/free-tools-1448.avif") type("image/avif"), url("/static/art/v1/banners/free-tools-1448.webp") type("image/webp")); }
  body.v3[data-family="about-support"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/about-support-1448.avif") type("image/avif"), url("/static/art/v1/banners/about-support-1448.webp") type("image/webp")); }
  body.v3[data-family="not-found"] .seo-hero { background-image: linear-gradient(90deg, rgba(18,11,38,.9) 0%, rgba(18,11,38,.78) 40%, rgba(18,11,38,.18) 64%, rgba(18,11,38,0) 82%), image-set(url("/static/art/v1/banners/not-found-1448.avif") type("image/avif"), url("/static/art/v1/banners/not-found-1448.webp") type("image/webp")); }
}
@media (min-width: 901px) { body.v3[data-family] .seo-hero { text-align: left; align-items: flex-start; padding-left: clamp(28px, 4vw, 56px); padding-right: 46%; } }
/* phones: the picture is a strip at the top that fades into solid dusk; text sits below it */
@media (max-width: 640px) {
  body.v3[data-family] .seo-hero { background-color: #1B1238; background-size: 100% 100%, 100% auto; background-position: 0 0, 70% 0; min-height: 0; padding-top: 150px; }
  body.v3[data-family="horoscope"] .seo-hero { background-image: linear-gradient(180deg, rgba(27,18,56,0) 0, rgba(27,18,56,0) 70px, #1B1238 214px), image-set(url("/static/art/v1/banners/horoscope-640.avif") type("image/avif"), url("/static/art/v1/banners/horoscope-640.webp") type("image/webp")); }
  body.v3[data-family="planets-navagraha"] .seo-hero { background-image: linear-gradient(180deg, rgba(27,18,56,0) 0, rgba(27,18,56,0) 70px, #1B1238 214px), image-set(url("/static/art/v1/banners/planets-navagraha-640.avif") type("image/avif"), url("/static/art/v1/banners/planets-navagraha-640.webp") type("image/webp")); }
  body.v3[data-family="nakshatras"] .seo-hero { background-image: linear-gradient(180deg, rgba(27,18,56,0) 0, rgba(27,18,56,0) 70px, #1B1238 214px), image-set(url("/static/art/v1/banners/nakshatras-640.avif") type("image/avif"), url("/static/art/v1/banners/nakshatras-640.webp") type("image/webp")); }
  body.v3[data-family="kundli"] .seo-hero { background-image: linear-gradient(180deg, rgba(27,18,56,0) 0, rgba(27,18,56,0) 70px, #1B1238 214px), image-set(url("/static/art/v1/banners/kundli-640.avif") type("image/avif"), url("/static/art/v1/banners/kundli-640.webp") type("image/webp")); }
  body.v3[data-family="kundli-matching"] .seo-hero { background-image: linear-gradient(180deg, rgba(27,18,56,0) 0, rgba(27,18,56,0) 70px, #1B1238 214px), image-set(url("/static/art/v1/banners/kundli-matching-640.avif") type("image/avif"), url("/static/art/v1/banners/kundli-matching-640.webp") type("image/webp")); }
  body.v3[data-family="panchang"] .seo-hero { background-image: linear-gradient(180deg, rgba(27,18,56,0) 0, rgba(27,18,56,0) 70px, #1B1238 214px), image-set(url("/static/art/v1/banners/panchang-640.avif") type("image/avif"), url("/static/art/v1/banners/panchang-640.webp") type("image/webp")); }
  body.v3[data-family="dashas"] .seo-hero { background-image: linear-gradient(180deg, rgba(27,18,56,0) 0, rgba(27,18,56,0) 70px, #1B1238 214px), image-set(url("/static/art/v1/banners/dashas-640.avif") type("image/avif"), url("/static/art/v1/banners/dashas-640.webp") type("image/webp")); }
  body.v3[data-family="transits"] .seo-hero { background-image: linear-gradient(180deg, rgba(27,18,56,0) 0, rgba(27,18,56,0) 70px, #1B1238 214px), image-set(url("/static/art/v1/banners/transits-640.avif") type("image/avif"), url("/static/art/v1/banners/transits-640.webp") type("image/webp")); }
  body.v3[data-family="yogas"] .seo-hero { background-image: linear-gradient(180deg, rgba(27,18,56,0) 0, rgba(27,18,56,0) 70px, #1B1238 214px), image-set(url("/static/art/v1/banners/yogas-640.avif") type("image/avif"), url("/static/art/v1/banners/yogas-640.webp") type("image/webp")); }
  body.v3[data-family="remedies"] .seo-hero { background-image: linear-gradient(180deg, rgba(27,18,56,0) 0, rgba(27,18,56,0) 70px, #1B1238 214px), image-set(url("/static/art/v1/banners/remedies-640.avif") type("image/avif"), url("/static/art/v1/banners/remedies-640.webp") type("image/webp")); }
  body.v3[data-family="muhurat"] .seo-hero { background-image: linear-gradient(180deg, rgba(27,18,56,0) 0, rgba(27,18,56,0) 70px, #1B1238 214px), image-set(url("/static/art/v1/banners/muhurat-640.avif") type("image/avif"), url("/static/art/v1/banners/muhurat-640.webp") type("image/webp")); }
  body.v3[data-family="signs-lagnas"] .seo-hero { background-image: linear-gradient(180deg, rgba(27,18,56,0) 0, rgba(27,18,56,0) 70px, #1B1238 214px), image-set(url("/static/art/v1/banners/signs-lagnas-640.avif") type("image/avif"), url("/static/art/v1/banners/signs-lagnas-640.webp") type("image/webp")); }
  body.v3[data-family="guides"] .seo-hero { background-image: linear-gradient(180deg, rgba(27,18,56,0) 0, rgba(27,18,56,0) 70px, #1B1238 214px), image-set(url("/static/art/v1/banners/guides-640.avif") type("image/avif"), url("/static/art/v1/banners/guides-640.webp") type("image/webp")); }
  body.v3[data-family="free-tools"] .seo-hero { background-image: linear-gradient(180deg, rgba(27,18,56,0) 0, rgba(27,18,56,0) 70px, #1B1238 214px), image-set(url("/static/art/v1/banners/free-tools-640.avif") type("image/avif"), url("/static/art/v1/banners/free-tools-640.webp") type("image/webp")); }
  body.v3[data-family="about-support"] .seo-hero { background-image: linear-gradient(180deg, rgba(27,18,56,0) 0, rgba(27,18,56,0) 70px, #1B1238 214px), image-set(url("/static/art/v1/banners/about-support-640.avif") type("image/avif"), url("/static/art/v1/banners/about-support-640.webp") type("image/webp")); }
  body.v3[data-family="not-found"] .seo-hero { background-image: linear-gradient(180deg, rgba(27,18,56,0) 0, rgba(27,18,56,0) 70px, #1B1238 214px), image-set(url("/static/art/v1/banners/not-found-640.avif") type("image/avif"), url("/static/art/v1/banners/not-found-640.webp") type("image/webp")); }
}
/* two-column tool heroes (kundli matching): keep their grid */
body.v3[data-family] .seo-hero--tool { display: block; padding-right: clamp(20px, 3vw, 40px); }
/* tool pages: keep the open heading (restated after the banner rules, higher specificity) */
body.v3[data-family] .public-tool-page .seo-hero, body.v3[data-family] .tool-hub .seo-hero { background: transparent; background-image: none; min-height: 0; display: block; color: var(--text-primary); padding-right: 0; padding-top: 0; text-align: left; }