codesignd Patterns

.service {
	// Make the illustrations overlap
	&:not(:first-of-type) {
		margin-top: -0.5em;
		
		@media (max-width: 50em) {
			margin-top: -0.25em;
		}
	}
}

.service__description {
	.service:not(:last-of-type) & {
		margin-bottom: 2em;
	}
	
	:last-child {
		margin-bottom: 0;
	}
}

.service__title--colored::first-letter {
	color: $color--brand-secondary;
}