.supt-section-who-we-are {
	@mixin clamp gap, $spacing-10, $spacing-26, $breakpoint-xs, $breakpoint-xl;
	@mixin clamp padding-top, $spacing-8, $spacing-16, $breakpoint-xs, $breakpoint-xl;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: $color-white;

	.container {
		@mixin clamp gap, $spacing-4, $spacing-6, $breakpoint-xs, $breakpoint-xl;
		display: flex;
		flex-direction: column;
	}

	.row {
		@media (max-width: calc($breakpoint-md - 1px)) {
			gap: $spacing-4;
		}
	}

	h2 {
		@extend %t-h2;
	}

	p {
		@mixin clamp padding-right, $spacing-6, $spacing-8, $breakpoint-md, $breakpoint-xl;
		@extend %t-body-s;

		&:not(:last-child) {
			margin-bottom: $spacing-4;
		}
	}

	&__image {
		overflow: hidden;
		img {
			aspect-ratio: 1440/700;
			width: 100%;
			height: auto;
			object-fit: cover;
			object-position: center;
		}
	}

	&.-light {
		background-color: $color-grey-background;
		h2 {
			color: $color-black;
		}
		p {
			color: $color-grey-5;
		}
	}
}