.o-tiles {}


.o-tiles__label {
	@include font-family(primary);
	font-size: 1.125rem;
	font-weight: bold;
	color: palette(primary);
	text-align: center;
	margin-bottom: 8px;
}


.o-tiles__title {
	@include font-family(primary);
	font-size: clamp(32px, 5vw, 40px);
	line-height: 1.2;
	font-weight: bold;
	color: palette(dark);
	text-align: center;
}


.o-tiles__grid {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 24px 16px;
	justify-content: center;

	& > * {
		flex: 1 1 320px;
		max-width: 432px;
	}

	* + & {
		margin-top: clamp(32px, 5vw, 72px);
	}
}