/* V24 hero art direction: authentic desktop sources and dedicated mobile panels. */
body.v22.v20-page-etxa-plus .hbg-features {
  background-color: #07111f !important;
  background-image:
    linear-gradient(90deg, rgba(5, 13, 24, .98) 0%, rgba(5, 13, 24, .86) 28%, rgba(5, 13, 24, .22) 48%, rgba(5, 13, 24, 0) 64%),
    image-set(
      url("/assets/v24-ai/features-open-side-desktop-v24.avif") type("image/avif"),
      url("/assets/v46/media/features-open-side-desktop-v24-81e6d15a.webp") type("image/webp")
    ) !important;
  background-position: center, center !important;
  background-repeat: no-repeat !important;
  background-size: cover, cover !important;
}

@media (max-width: 820px) {
  body.v22.v20-page-home .xhero.home,
  body.v22.v20-page-etxa-plus .hbg-features,
  body.v22.v20-page-materials .hbg-materials,
  body.v22.v20-page-scenarios .hbg-scenarios,
  body.v22.v20-page-story .hbg-story,
  body.v22.v20-page-crowdfunding .hbg-crowd {
    background: #071323 !important;
    background-image: none !important;
  }

  body.v22.v20-page-home .xhero.home::after,
  body.v22.v20-page-etxa-plus .hbg-features::after,
  body.v22.v20-page-materials .hbg-materials::after,
  body.v22.v20-page-scenarios .hbg-scenarios::after,
  body.v22.v20-page-crowdfunding .hbg-crowd::after {
    height: clamp(420px, 125vw, 520px) !important;
    background-color: #071323 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
  }

  body.v22.v20-page-home .xhero.home::after {
    background-image: image-set(
      url("/assets/v24-ai/home-hero-mobile-v24.avif") type("image/avif"),
      url("/assets/v46/media/home-hero-mobile-v24-aa6d33a1.webp") type("image/webp")
    ) !important;
  }

  body.v22.v20-page-etxa-plus .hbg-features::after {
    height: clamp(360px, 100vw, 420px) !important;
    background-image: image-set(
      url("/assets/v24-ai/features-open-side-mobile-v24.avif") type("image/avif"),
      url("/assets/v46/media/features-open-side-mobile-v24-144bd15c.webp") type("image/webp")
    ) !important;
    background-position: center bottom !important;
  }

  body.v22.v20-page-materials .hbg-materials::after {
    background-image: image-set(
      url("/assets/v24-ai/materials-hero-mobile-v24.avif") type("image/avif"),
      url("/assets/v46/media/materials-hero-mobile-v24-ff98b6d9.webp") type("image/webp")
    ) !important;
  }

  body.v22.v20-page-scenarios .hbg-scenarios::after {
    background-image: image-set(
      url("/assets/v24-ai/scenarios-hero-mobile-v24.avif") type("image/avif"),
      url("/assets/v46/media/scenarios-hero-mobile-v24-f83d875f.webp") type("image/webp")
    ) !important;
  }

  body.v22.v20-page-story .hbg-story::after {
    height: clamp(330px, 100vw, 420px) !important;
    background-color: #071323 !important;
    background-image: image-set(
      url("/assets/v24-ai/story-engineering-mobile-v24.avif") type("image/avif"),
      url("/assets/v46/media/story-engineering-mobile-v24-cb33797e.webp") type("image/webp")
    ) !important;
    background-position: center 67% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  body.v22.v20-page-crowdfunding .hbg-crowd::after {
    background-image: image-set(
      url("/assets/v24-ai/crowdfunding-hero-mobile-v24.avif") type("image/avif"),
      url("/assets/v46/media/crowdfunding-hero-mobile-v24-e9dbf2f4.webp") type("image/webp")
    ) !important;
    background-position: center 52% !important;
  }

  body.v22.v20-page-lineup .v10-lineup-hero {
    display: block !important;
    min-height: 0 !important;
    overflow: hidden !important;
    color: #f8fbff !important;
    background: #071323 !important;
    background-image: none !important;
  }

  body.v22.v20-page-lineup .v10-lineup-hero::after {
    content: "";
    display: block;
    position: relative !important;
    inset: auto !important;
    width: 100%;
    height: clamp(420px, 120vw, 500px);
    border-radius: 0 !important;
    background-color: #071323;
    background-image: image-set(
      url("/assets/v24-ai/lineup-hero-mobile-v24.avif") type("image/avif"),
      url("/assets/v46/media/lineup-hero-mobile-v24-9ac83b3b.webp") type("image/webp")
    );
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
  }

  body.v22.v20-page-lineup .v10-lineup-hero > .wrap {
    width: 100% !important;
    min-height: 0 !important;
    padding: 34px 20px 26px !important;
  }

  body.v22.v20-page-lineup .v10-hero-copy {
    width: 100% !important;
    max-width: none !important;
    text-align: left !important;
  }

  body.v22.v20-page-lineup .v10-hero-copy h1 {
    max-width: 100% !important;
    font-size: clamp(34px, 10vw, 44px) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  body.v22.v20-page-lineup .v10-hero-copy p {
    max-width: 35rem !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    color: #c9d6e8 !important;
  }

  body.v22.v20-page-crowdfunding .hbg-crowd h1 {
    color: #f4f8ff !important;
  }
}