Leadership Block

.LeadershipBlock {

	&__profile {
		@apply sm:grid
			sm:grid-cols-12
			gap-6
			lg:gap-8
			2xl:gap-10
			mb-8
			pb-8
			sm:mb-14
			sm:pb-14
			not-last:border-b
			border-gray-300
	}

	&__profile__image {
		@apply sm:col-span-5;

		.Image {
			@apply max-sm:mb-4 
				rounded-sm;
		}
	}

	&__profile__text {
		@apply sm:col-span-7;
	
		&.copy {
			.LeadershipBlock__profile__title {
				@apply mb-0 
					sm:mb-2
			}
		
			.LeadershipBlock__profile__position {
				@apply mt-0 
					text-black 
					text-lg;
			}
		}
	}

	&--grid {
		.container {
			@apply pt-8
				2xl:pt-14;
		}
		.LeadershipBlock__profiles {
			@apply grid
				grid-cols-1
				gap-x-10
				gap-y-12
				md:grid-cols-2
				xl:grid-cols-3;
		}

		.LeadershipBlock__profile {
			@apply flex
				flex-col
				gap-2
				pb-0
				mb-0
				border-b-0;
		}

		.LeadershipBlock__profile__image {
			@apply mb-5
				aspect-[3/2.1]
				overflow-hidden;
		}

		.LeadershipBlock__profile__image img {
			@apply h-full
				w-full
				object-cover;
		}

		.LeadershipBlock__profile__text {
			@apply pl-8
				pb-8
				border-gray-300
				border-l-3;
		}

		.LeadrershipBlock__profile__bio {
			p {
				@apply text-lg;

				line-height: 1.45;
			}
		}
	}
}