.block-text {
  inline-size: 100%;
  background-color: $color-white;

  .grid-container {
    display: grid;
    @include grid-cols(12);
  }

  &__intro {
    @include col-span(6);

    @include media-down(lg) {
      @include col-span(0);
    }

    &-box {
      position: sticky;
      top: calc(var(--header-top) + $spacing-lg);
      display: grid;
      row-gap: $spacing-xsm;
    }
  }

  &__content {
    @include col-span(6);

    @include media-down(lg) {
      @include col-span(0);
    }

    &:has(> :nth-child(2)) {
      @include col-span(0);
      @include grid-cols(2);

      @include media-down(lg) {
        @include grid-cols(1);
      }
    }
  }

  &--intro-full & {
    &__intro {
      @include col-span(0);
    }

    &__content {
      @include col-span(0);
    }
  }
}