
.content--split {
  display: flex;
  gap: 30px;

  @media (max-width: 920px) {
    flex-direction: column;
    gap: 40px;
  }
}

.content--split .intro-block {
  z-index: var(--layout-default);

  h2.wp-block-heading {
    width: min-content;
    letter-spacing: -0.06rem;
    text-wrap: balance;
  }

  .more-detailed {
    font-size: 20px;
    font-weight: 400;
  }

  @media (min-width: 921px) {
    flex: 0 0 clamp(260px, 30.903vw, 445px);
  }
}

.content--split .intro-block__content {
  gap: 20px;
  width: 100%;
  height: min-content;

  .intro-block__description {
    margin-bottom: 20px;
    font: 300 18px "Helios";
    text-wrap: balance;
  }

  @media (min-width: 920px) {
    position: sticky;
    top: 20px;
    left: 0;
    padding-bottom: 20px;
  }
}

.content--split .intro-block__info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}


.content--split .content-block {
  z-index: var(--layout-default);

  @media (min-width: 921px) {
    flex: 1 1 auto;
  }

}
