.supt-section-team {
	@mixin clamp padding-block, $spacing-8, $spacing-16, $breakpoint-xs, $breakpoint-xl;
	background-color: $color-grey-background;

	&__title {
		@extend %t-h2;
		margin-bottom: 0;
	}

	.col {
		@mixin clamp gap, $spacing-8, $spacing-12, $breakpoint-xs, $breakpoint-xl;

		display: flex;
		flex-direction: column;
	}

	&__grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: $spacing-6 $spacing-3;

		@media (min-width: $breakpoint-sm) {
			grid-template-columns: repeat(3, 1fr);
		}

		@media (min-width: $breakpoint-lg) {
			grid-template-columns: repeat(4, 1fr);
			gap: $spacing-12 $spacing-4;
		}

		@media (min-width: $breakpoint-xl) {
			grid-template-columns: repeat(5, 1fr);
		}
	}
}