.o-post-index-mmh {
  background-color: palette(primary);
  overflow: hidden;
}

.o-post-index-mmh__flex {
  @include mq(1300) {
    display: flex;
  }
}

.o-post-index-mmh__text {
  position: relative;
  z-index: 1;
  color: white;
  padding: 80px 0;

  &:after {
    content: '';
    position: absolute;
    z-index: -1;
    right: -50vw;
    top: 0;
    width: 200vw;
    height: 100%;
    background-color: palette(primary, 700);
  }

  @include mq($max: 1300) {
    max-width: 700px;
  }

  @include mq(1300) {
    width: column(4, 12);
    padding: 80px column(0.5, 12);

    &:after {
      right: 0;
      width: 100vw;
    }
  }


}

.o-post-index-mmh__main {
  padding: 50px 0;

  @include mq(525) {
    padding: 80px 0;
  }

  @include mq(1300) {
    width: column(8, 12);
    padding: 80px 0 80px column(1, 12);
  }

}