#cofounders { color: #FFF; }
#cofounders > .content-wrapper { display: flex; }
#cofounders > .content-wrapper > .cofounder {}
#cofounders > .content-wrapper > .cofounder > .avatar {
	position: relative;
	margin-bottom: 35px;
}
#cofounders > .content-wrapper > .cofounder > .avatar > img {
	display: block; height: 100%; width: 100%;
	object-fit: cover;
	object-position: center;
}
#cofounders > .content-wrapper > .cofounder:nth-child(1) > .avatar > img { border-radius: 50%; }
#cofounders > .content-wrapper > .cofounder:nth-child(2) > .avatar > img {}
#cofounders > .content-wrapper > .cofounder > .avatar:after {
	content: '';
	position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;
}
#cofounders > .content-wrapper > .cofounder:nth-child(1) > .avatar:after {
	background-color: rgba(207,174,120,.1);
	border: solid 1px rgb(207,174,120);
	border-radius: 50%;
}
#cofounders > .content-wrapper > .cofounder:nth-child(2) > .avatar:after {
	background-color: rgba(30,42,55,.1);
	border: solid 1px #FFF;
}
#cofounders > .content-wrapper > .cofounder > .info {
	max-width: 285px;
	margin-bottom: 30px;
}
#cofounders > .content-wrapper > .cofounder > .info > .name { margin-bottom: 20px; }
#cofounders > .content-wrapper > .cofounder > .info > .name > .firstname {
	font-weight: 700;
	color: var(--off-color);
}
#cofounders > .content-wrapper > .cofounder > .info > .name > .lastname { text-transform: uppercase; }
#cofounders > .content-wrapper > .cofounder > .info > .roles {}
#cofounders > .content-wrapper > .cofounder > .info > .roles > .role { display: block; }
#cofounders > .content-wrapper > .cofounder > .info > .email,
#cofounders > .content-wrapper > .cofounder > .info > .phone,
#cofounders > .content-wrapper > .cofounder > .info > .linkedin,
#cofounders > .content-wrapper > .cofounder > .info > .curriculum { display: none; }
#cofounders > .content-wrapper > .cofounder > .cta {
	position: relative;
	padding-right: 70px;
	color: var(--off-color);
}
#cofounders > .content-wrapper > .cofounder > .cta > span {
	position: absolute; bottom: -15px; right: 0; transform: rotate(-45deg); transform-origin: left center;
	display: block; height: 50px; width: 50px; overflow: hidden;

	border-radius: 50%;
}
.loaded #cofounders > .content-wrapper > .cofounder > .cta > span { transition: transform .2s ease-out; }
#cofounders > .content-wrapper > .cofounder > .cta:hover > span { transform: rotate(0); }
#cofounders > .content-wrapper > .cofounder > .cta > span:after {
	content: '';
	position: absolute; top: 50%; left: 0; transform: translateY(-50%);
	display: block; height: 35px; width: 35px;

	background-color: #FFF;

	-webkit-mask-image: url("../../images/icons/handle.svg");
	mask-image: url("../../images/icons/handle.svg");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}
.loaded #cofounders > .content-wrapper > .cofounder > .cta > span:after { transition: background-color .2s ease-out; }
#cofounders > .content-wrapper > .cofounder > .cta:hover > span:after { background-color: var(--off-color); }

@media (min-width: 1000px) {
	#cofounders:not(:last-child) { margin-bottom: 150px; }
	#cofounders > .content-wrapper {
		flex-direction: row;
		justify-content: center;
	}
	#cofounders > .content-wrapper > .cofounder {
		display: flex;
		flex-direction: column;
	}
	#cofounders > .content-wrapper > .cofounder:nth-child(1) { align-items: flex-start; }
	#cofounders > .content-wrapper > .cofounder:nth-child(2) {
		align-items: flex-end;
		margin-top: 400px;
	}
	#cofounders > .content-wrapper > .cofounder > .avatar { width: 450px; height: 450px; }
	#cofounders > .content-wrapper > .cofounder:nth-child(1) > .avatar:after { transform: translate(195px, 90px); }
	#cofounders > .content-wrapper > .cofounder:nth-child(2) > .avatar:after { transform: translate(-35px, -60px); }
	#cofounders > .content-wrapper > .cofounder > .info > .name {
		line-height: 48px;
		font-size: 40px;
	}
	#cofounders > .content-wrapper > .cofounder > .info > .roles { font-size: 20px; }
}
@media (max-width: 999.99px) {
	#cofounders:not(:last-child) { margin-bottom: 100px; }
	#cofounders > .content-wrapper > .cofounder > .info > .name {
		line-height: 38px;
		font-size: 30px;
	}
	#cofounders > .content-wrapper > .cofounder > .info > .roles { font-size: 16px; }
}
@media (max-width: 999.99px) and (min-width: 620px) {
	#cofounders > .content-wrapper {
		flex-direction: row;
		justify-content: center;
	}
	#cofounders > .content-wrapper > .cofounder:nth-child(2) { margin-top: 235px; }
	#cofounders > .content-wrapper > .cofounder > .avatar { width: 285px; height: 285px; }
	#cofounders > .content-wrapper > .cofounder:nth-child(1) > .avatar:after { transform: translate(100px, 50px); }
	#cofounders > .content-wrapper > .cofounder:nth-child(2) > .avatar:after { transform: translate(-35px, -60px); }
}
@media (max-width: 619.99px) {
	#cofounders > .content-wrapper {
		flex-direction: column;
		row-gap: 50px;
	}
	#cofounders > .content-wrapper > .cofounder:nth-child(1) > .avatar:after { transform: translate(15px, 15px); }
	#cofounders > .content-wrapper > .cofounder:nth-child(2) > .avatar:after { transform: translate(-15px, -15px); }
}