.ci-haworth-build {
	overflow: hidden;
	.image-with-text__text {
		p {
			color: var(--color-ci-dark-gray);
		}
	}
	.multirow__inner {
		gap: 0;
		@media screen and (max-width: 989px) {
			padding: 0;
		}
	}
	.image-with-text__heading {
		a {
			color: inherit;
			text-decoration: none;
		}
	}
	.image-with-text__text-item {
		position: relative;
		&:after {
			content: '';
			position: absolute;
			left: calc((100vw - 130rem) / -2);
			z-index: 2;
			width: 50vw;
			height: 100%;
			@media screen and (max-width: 1380px) {
				left: -4rem;
			}
			@media screen and (max-width: 989px) {
				left: 0;
				width: 100%;
			}
		}
		&:before {
			content: '';
			position: absolute;
			right: -16rem;
			z-index: 2;
			width: 16rem;
			height: 100%;
			opacity: .67;
			transition: all 1s ease;
			pointer-events: none;
			@media screen and (max-width: 989px) {
				display: none;
			}
		}
		> * {
			position: relative;
			z-index: 5;
		}
		.image-with-text__content {
			@media screen and (max-width: 749px) {
				padding: 4rem 2rem;
			}
		}
	}
	.image-with-text__media {
		position: relative;
		display: flex;
		margin-right: calc((100vw - 128rem) / -2);
		height: auto;
		a {
			display: block;
			position: absolute;
			z-index: 4;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
		}
		img {
			display: block;
			width: 100%;
			height: auto;
			object-fit: cover;
			transition: all 1s ease;
			min-height: 40rem;
		}
		@media screen and (max-width: 1380px) {
			margin-right: -4rem;
		}
		@media screen and (max-width: 989px) {
			margin-right: 0;
			img {
				min-height: 0;
			}
		}
	}
	.image-with-text {
		&:hover {
			.image-with-text__media {
				img {
					transform: scale(1.02);
				}
			}
		}
		&:nth-child(odd) {
			.image-with-text__text-item {
				&:after {
					left: auto;
					right: calc((100vw - 130rem) / -2);
					@media screen and (max-width: 1380px) {
						right: -4rem;
					}
					@media screen and (max-width: 989px) {
						right: 0;
					}
				}
				&:before {
					right: auto;
					left: -16rem;
					opacity: .64;
				}
			}
			.image-with-text__media {
				margin-left: calc((100vw - 130rem) / -2);
				margin-right: 0;
				@media screen and (max-width: 1380px) {
					margin-left: -4rem;
				}
				@media screen and (max-width: 989px) {
					margin-left: 0;
				}
			}
		}
		&:nth-child(4n + 1) {
			background-color: var(--color-ci-gray);
			* {
				color: var(--color-ci-bg-main);
			}
			.ci-underline-button {
				&:after {
					background-color: var(--color-ci-bg-main);
				}
			}
			.image-with-text__text-item {
				&:after, &:before {
					background-color: var(--color-ci-gray);
				}
			}
		}
		&:nth-child(4n + 2) {
			background-color: var(--color-ci-bg-secondary);
			.image-with-text__text-item {
				&:after, &:before {
					background-color: var(--color-ci-bg-secondary);
				}
			}
		}
		&:nth-child(4n + 3) {
			.image-with-text__text-item {
				&:after, &:before {
					background-color: var(--color-ci-bg-main);
				}
			}
		}
		&:nth-child(4n + 4) {
			background-color: var(--color-ci-dark-gray);
			* {
				color: var(--color-ci-bg-main);
			}
			.ci-underline-button {
				&:after {
					background-color: var(--color-ci-bg-main);
				}
			}
			.image-with-text__text-item {
				&:after, &:before {
					background-color: var(--color-ci-dark-gray);
				}
			}
		}
	}
	@media screen and (min-width: 990px) {
		.grid--2-col-desktop .grid__item {
			width: 50%;
			max-width: 50%;
		}
	}
	&.ci-left-aligned-text-and-images {
    .ci-underline-button {
      margin-top: auto;
    }
		*:has(+ .ci-underline-button) {
			margin-bottom: 2rem !important;
		}
		.image-with-text__content {
			.image-with-text__subheading {
				margin-bottom: 0;
				font-weight: 500;
			}
		}
		.image-with-text__content--mobile-center,
		.image-with-text__content--mobile-center {
			> * {
				align-self: flex-start;
				text-align: left;
			}
			.ci-underline-button {
				padding-left: 0;
				&:after {
					left: 0;
					transform: none;
				}
			}
		}
		.image-with-text__media {
			margin-right: 0;
			margin-left: 0 !important;
		}
		.image-with-text {
			@media screen and (min-width: 990px) {
				margin-bottom: 6rem;
			}
			@media screen and (min-width: 1025px) {
				margin-bottom: 7rem;
			}
      &:nth-child(4n + 1) {
        background-color: var(--color-ci-dark-gray);
        * {
          color: var(--color-ci-bg-main);
        }
        .ci-underline-button {
          &:after {
            background-color: var(--color-ci-bg-main);
          }
        }
        .image-with-text__text-item {
          &:after, &:before {
            background-color: var(--color-ci-dark-gray);
          }
        }
      }
      &:nth-child(4n + 3) {
        background-color: var(--color-ci-gray);
        * {
          color: var(--color-ci-bg-main);
        }
        .ci-underline-button {
          &:after {
            background-color: var(--color-ci-bg-main);
          }
        }
        .image-with-text__text-item {
          &:after, &:before {
            background-color: var(--color-ci-gray);
          }
        }
      }
			&:nth-child(4n + 4) {
				.image-with-text__text-item {
					&:after,
					&:before {
						background-color: #fff;
					}
				}
        * {
          color: var(--color-ci-dark-gray);
        }
        .ci-underline-button {
          &:after {
            background-color: var(--color-ci-dark-gray);
          }
        }
			}
		}
	}
}