.feature-cards {
	display: grid;
	grid-gap: var(--gap);
}
.feature-cards__card {
	display: grid;
	grid-template-rows: auto 1fr;
	grid-gap: var(--gap);
	padding: 3rem;
	background-color: var(--white);
	box-shadow: var(--box-shadow);
}
.feature-cards__card-image {
	display: block;
}
.feature-cards__card-image > img {
	width: 100%;
	aspect-ratio: 3/2;
	object-fit: cover;
	border-radius: var(--border-radius);
}
.feature-cards__card-details {
	display: flex;
	flex-direction: column;
	align-items: start;
}
.feature-cards__card-title {
	font-family: var(--secondary-font-family);
	font-weight: 500;
	line-height: 1.3;
}
.feature-cards__card-title > a {
	color: var(--base-color);
	text-decoration: none;
}
.feature-cards__card-button {
	margin-top: auto;
}
.feature-cards__modal-container {
	max-width: 98rem;
	margin-inline: auto;
	padding: 4rem 2rem;
}
.feature-cards__modal-header-heading > span {
  color: var(--primary-color);
}
.feature-cards__modal-features {
  display: grid;
  grid-gap: var(--gap-md);
}
.feature-cards__modal-feature--split {
  display: grid;
  grid-gap: var(--gap);
}
.feature-cards__modal-feature--full {
  display: grid;
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
	overflow; hidden;
}
.feature-cards__modal-feature--full .feature-cards__modal-feature-image {
	width: 100%;
	aspect-ratio: 28/11;
	object-fit: cover;
}
.feature-cards__modal-feature--full .feature-cards__modal-feature-rich-text {
  padding: 3rem;
	background-color: var(--white);
}
.feature-cards__modal-ctas {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}
.feature-cards__modal-cta {
	display: grid;
	grid-gap: var(--gap);
	align-content: start;
	justify-items: start;
	padding: 3rem;
	background-color: var(--white);
	box-shadow: var(--box-shadow);
	border-radius: var(--border-radius);
}
@media (min-width: 576px) {
  .feature-cards--2,
	.feature-cards--4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .feature-cards--3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .feature-cards__modal-feature--split {
    display: grid;
		grid-auto-flow: dense;
    grid-gap: var(--gap-md);
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
	.feature-cards__modal-feature--split:nth-of-type(odd) .feature-cards__modal-feature-image {
    grid-column-end: -1;
  }
	.feature-cards__modal-ctas {
		flex-direction: row;
	}
	.feature-cards__modal-cta {
		flex: 1;
	}
}
@media (min-width: 992px) {
  .feature-cards--4 {
    grid-template-columns: repeat(4, 1fr);
  }
	.feature-cards__modal-container {
		padding: 8rem 2rem;
	}
  .feature-cards__modal-features {
    grid-gap: var(--gap-lg);
  }
  .feature-cards__modal-feature--split {
    grid-gap: var(--gap-lg);
  }
}

/* Micromodal */

.feature-cards .modal__container {
  width: 114rem;
	padding: 0;
}