.showcase {
	text-align: center;
	h2 {
		width: fit-content;
		margin: 0 auto 1rem;
		&::after {
			content: '';
			display: block;
			height: 1px;
			width: 150px;
			margin: 0.75em auto;
			background-color: hsl(0 0% 0% / .2);
		}
	}
	ul {
		margin-bottom: 30px;
		padding: 0;
		list-style-type: none;
	}
	h3 {
		font-size: 1.15em;
		font-weight: 700;
	}
	p {
		text-wrap: balance;
	}
	.showcase-cta {
		margin-bottom: 0;
	}
	@media (width >= 48rem) {
		ul {
			display: flex;
		}
		li {
			flex: 1;
			padding: 0 30px;
			&:not(:last-of-type) {
				border-right: 2px solid var(--gray-60);
			}
		}
	}
}