.elementor-5340 .elementor-element.elementor-element-7989b55 .elementor-wrapper{--video-aspect-ratio:1.77777;}/* Start custom CSS for html, class: .elementor-element-72dafe0 *//* 3 AND 5. PHONE HERO SIZE AND CONTRIBUTION ALIGNMENT
--------------------------------------------------------- */

@media (max-width: 767px) {
  body.home .jcx-home-page,
  body.home .jcx-home-part-two {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-x: clip !important;
  }

  body.home .jcx-home-hero {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin-inline: auto !important;
  }

  body.home .jcx-home-shell {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin-inline: auto !important;
  }

  /* Homepage hero title only. */
  body.home .jcx-home-hero .jcx-home-title,
  body.home .jcx-home-hero h1 {
    max-width: 100% !important;
    font-size: clamp(48px, 14vw, 64px) !important;
    line-height: 0.91 !important;
    letter-spacing: -0.035em !important;
  }

  /* Prevent the contribution grid escaping to the right. */
  body.home .jcx-home-contribute-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 24px !important;
  }

  body.home .jcx-home-contribute-grid > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.home .jcx-home-contribute-copy,
  body.home .jcx-home-founder-note {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 30px 22px !important;
    transform: none !important;
  }

  body.home .jcx-home-contribute .jcx-home-heading {
    max-width: 100% !important;
    font-size: clamp(36px, 10.5vw, 46px) !important;
    line-height: 0.99 !important;
    overflow-wrap: break-word !important;
  }

  body.home .jcx-home-contribute-list {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }
}


/* 4. CLEARER “SYMBOL OF SHARED IDENTITY” SECTION
   The original was meant to feel subdued, but it has become
   murkier than intended. This keeps the atmosphere without haze.
--------------------------------------------------------- */

.jcx-home-emblem {
  background:
    radial-gradient(
      circle at 88% 16%,
      rgba(182, 138, 44, 0.15),
      transparent 27%
    ),
    linear-gradient(
      135deg,
      #142A19 0%,
      #06470E 58%,
      #113B16 100%
    ) !important;
  filter: none !important;
}

.jcx-home-emblem-grid {
  filter: none !important;
}

.jcx-home-emblem-frame {
  background: rgba(4, 58, 10, 0.24) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow:
    0 26px 58px rgba(0, 0, 0, 0.20),
    0 0 0 7px rgba(182, 138, 44, 0.06) !important;
}

.jcx-home-emblem p {
  color: rgba(255, 255, 255, 0.90) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dbc1af3 *//* Keep the homepage emblem continuously visible */
.jcx-home-emblem-frame,
.jcx-home-emblem-frame img {
  opacity: 1 !important;
  visibility: visible !important;
}

.jcx-home-emblem-frame img {
  display: block !important;
  animation: none !important;
  transition: none !important;
}/* End custom CSS */