.overlay-split__content-block {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: var(--calcite-ui-text-1); }

.overlay-split__content-wrapper {
  position: relative;
  width: 100%; }
  @media (min-width: 480px) {
    .overlay-split__content-wrapper {
      min-height: 600px; } }
  @media (min-width: 860px) {
    .overlay-split__content-wrapper {
      min-height: 960px; } }

.overlay-split__main-image {
  width: 100%;
  height: 100%;
  padding-bottom: 72.22%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  max-width: 1100px; }
  @media (min-width: 480px) {
    .overlay-split__main-image {
      width: 72%;
      position: absolute;
      padding-bottom: 0;
      min-height: 600px; }
      .overlay-split__main-image--position-left {
        inset-inline-start: 0;
        background-position: right center; }
      .overlay-split__main-image--position-right {
        inset-inline-end: 0;
        background-position: left center; } }
  @media (min-width: 860px) {
    .overlay-split__main-image {
      width: 55.5%; }
      .overlay-split__main-image--position-left {
        margin-inline-start: var(--space-32); }
      .overlay-split__main-image--position-right {
        margin-inline-end: var(--space-32); } }

.overlay-split__wrapper {
  width: 100%;
  min-height: 400px;
  opacity: 0.9;
  padding: var(--space-8) 0;
  margin-top: -8%;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (min-width: 480px) {
    .overlay-split__wrapper {
      padding: 0;
      width: 70%;
      position: absolute;
      min-height: 600px;
      margin-top: 0; }
      .overlay-split__wrapper--position-left {
        inset-inline-start: 0; }
      .overlay-split__wrapper--position-right {
        inset-inline-end: 0; } }
  @media (min-width: 860px) {
    .overlay-split__wrapper {
      min-height: 960px;
      width: 50%; } }

.overlay-split__text {
  width: clamp(300px, 92%, 512px);
  margin: 0 auto; }
  .overlay-split__text--mega-title {
    font-size: clamp(40px, calc(2.5rem + ((1vw - 7.68px) * 3.4722)), 80px);
    line-height: clamp(40px, calc(2.5rem + ((1vw - 7.68px) * 3.4722)), 80px); }