/* max-width instead of complex resetting */
@media(max-width:1023px){
	.wp-block-sv-our-talents{
		padding:0;
	}
	
	.wp-block-sv-our-talents > .inner{
		width:100%;
		height:auto;
		display:flex;
		flex-direction:column;
		gap:4px;
	}
	
	.wp-block-sv-our-talents .member{
		display: flex;
		height:170px;
		max-width:100%;
		width:100%;
		position:relative;
		overflow:hidden;
		transform: skewY(7deg);
	}
	
	.wp-block-sv-our-talents .member > *{
		position:relative;
		z-index:3;
		transform: skewX(-7deg);
		transition: left 1s ease-in-out;
	}
	
	.wp-block-sv-our-talents .member .member-inner{
		display:flex;
		flex-direction: column;
		height:100%;
		width:100%;
		margin-left:50%;
		margin-top:32px;
		transform: skewY(-7deg);
	}
	
	.wp-block-sv-our-talents .member .image{
		position:absolute;
		z-index:1;
		top:-190px;
		left: -160px;
		width:auto;
		transform: skewY(-7deg) scale(0.9);
	}
	
	/* fixes */
	.wp-block-sv-our-talents .member.person-florian-herzog .image{
		transform: skewY(-7deg) scale(0.8);
		left:-230px;
		top:-220px;
	}
	
	.wp-block-sv-our-talents .member.person-charline-nana-rathje .image{
		top:-205px;
	}
	
	/* content short */
	.wp-block-sv-our-talents .member .content-short{
		display:flex;
		flex-direction: column;
		align-items: flex-start;
		opacity:1;
		position:absolute;
		top:0;
	}
	
	.wp-block-sv-our-talents .member .content-short .title-short{
		margin:0;
	}
	
	.wp-block-sv-our-talents .member .content-short .description{
		opacity:0;
	}
	
	.wp-block-sv-our-talents .member .content-long{
		display:none;
	}
	
	/* open */
	.wp-block-sv-our-talents .member:hover{
	
	}
	
	.wp-block-sv-our-talents .member:hover .content-short .description{
		opacity:1;
		font-size:14px;
		padding-right: var(--wp--custom--sv-spacing);
	}
	
	.wp-block-sv-our-talents .member:hover{
		height:auto;
	}
	
	.wp-block-sv-our-talents .member:hover .content-short{
		position:relative;
		top: -20px;
	}
	
}

@media(min-width:768px){
	.wp-block-sv-our-talents .member:hover .content-short .description{
		padding-bottom: var(--wp--custom--sv-spacing);
	}
}

@media(min-width:1024px){
	/* new style */
	.wp-block-sv-our-talents{
		height:70vh;
		max-height: 770px;
		overflow:hidden;
		padding:0 calc(48px + var(--wp--custom--sv-spacing));
	}
	
	.wp-block-sv-our-talents > .inner{
		width:100%;
		height:100%;
		display:flex;
		flex-direction:row;
		align-items:center;
		gap:12px;
	}
	
	.wp-block-sv-our-talents .member{
		display: flex;
		flex: auto;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		max-height:100%;
		height:100%;
		width:100%;
		position:relative;
		overflow:hidden;
		transform: skewX(-7deg);
		transition: filter 0.3s ease-in-out, width 1s ease-in-out;
	}
	
	.wp-block-sv-our-talents .member > *{
		position:relative;
		z-index:3;
		transform: skewX(7deg);
		left: -100px;
		transition: left 1s ease-in-out;
	}
	
	.wp-block-sv-our-talents .member:before {
		content: "";
		position: absolute;
		z-index:2;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		pointer-events: none; /* This ensures the gradient doesn't interfere with any interactions on the image */
	}
	
	.wp-block-sv-our-talents .member .member-inner{
		display:flex;
		justify-content: flex-end;
		align-items: center;
		flex-direction: column;
		height:100%;
	}
	
	.wp-block-sv-our-talents .member .image{
		position:absolute;
		z-index:1;
		top:0;
		left:-60px;
		height:100%;
		width:auto;
		transform: skewX(7deg);
	}
	
	/* content short */
	.wp-block-sv-our-talents .member .content-short{
		display:flex;
		flex-direction: column;
		align-items: center;
		position:absolute;
		bottom:60px;
		transition: opacity 1.5s ease-in-out;
		opacity:1;
		min-width:100px;
		width:auto;
		max-width:500px;
		margin-left:145px;
	}
	
	.wp-block-sv-our-talents .member .content-short .title-short{
		text-align:center;
		margin:0 auto;
		font-size:38px;
	}
	
	.wp-block-sv-our-talents .member .content-short .subline{
		display:block;
		text-align:center;
		font-family: Raleway, 'sans-serif';
		font-size: 16px;
		font-style: normal;
		font-weight: 300;
		line-height: 140%; /* 28px */
		letter-spacing: 3px;
		text-transform: uppercase;
		word-break: auto-phrase;
		width:150px;
		margin-top:0;
		margin-bottom:0;
	}
	
	.wp-block-sv-our-talents .member .content-short .description{
		display:none;
	}
	
	/* content long */
	.wp-block-sv-our-talents .member .content-long{
		position:absolute;
		top:20%;
		left:-20px;
		transition: opacity .3s ease-in-out;
		opacity:0;
		min-width:420px;
		width:100%;
		max-width:420px;
	}
	
	.wp-block-sv-our-talents .member .content-long .name{
		margin-top:0;
		margin-bottom:0;
		letter-spacing: 2px;
		font-size:38px;
	}
	
	.wp-block-sv-our-talents .member .content-long .subline{
		font-family: Raleway, 'sans-serif';
		font-size: 18px;
		font-style: normal;
		font-weight: 300;
		line-height: 140%; /* 28px */
		letter-spacing: 3px;
		text-transform: uppercase;
		text-wrap: nowrap;
	}
	
	.wp-block-sv-our-talents .member .content-long .description{
		margin-top:30px;
		font-size: 16px;
	}
	
	/* experimental */
	.wp-block-sv-our-talents .member:hover{
		width:80%;
	}
	
	.wp-block-sv-our-talents > .inner:hover .member:not(:hover) {
		flex:auto;
		width:6%;
		filter: grayscale(100%) brightness(1) contrast(40%); /* 100% means full grayscale */
		transition: filter 1.5s ease-in-out, width 1s ease-in-out;
	}
	
	.wp-block-sv-our-talents .member:hover .content-long{
		opacity:1;
		transition: opacity 1.5s ease-in-out;
	}
	
	.wp-block-sv-our-talents .member:hover .content-short,
	.wp-block-sv-our-talents > .inner:hover .member:not(:hover) .content-short{
		opacity:0;
		transition: opacity 0.3s ease-in-out;
	}
	
}

@media(min-width:1024px) and (orientation:portrait){
	.wp-block-sv-our-talents{
		height:50vh;
	}
	
	.wp-block-sv-our-talents .member:hover > * {
		left: -80px;
	}
	
	.wp-block-sv-our-talents .member .image{
		left:-100px;
	}
	
	.wp-block-sv-our-talents .member:hover .image {
		left: -80px;
	}
	
	.wp-block-sv-our-talents .member .content-long .description{
		margin-left:0;
		max-width:370px;
	}
}

@media(min-width:1366px){
	.wp-block-sv-our-talents{
		height:80vh;
		padding:0 calc(64px + var(--wp--custom--sv-spacing));
	}
	
	.wp-block-sv-our-talents > .inner{
		gap:16px;
	}
	
	.wp-block-sv-our-talents .member > * {
		left: -120px;
	}
	
	.wp-block-sv-our-talents .member:hover > * {
		left: -100px;
	}
	
	.wp-block-sv-our-talents .member .image{
		left:-100px;
	}
	
	.wp-block-sv-our-talents .member:hover .image {
		left: -70px;
	}
	
	.wp-block-sv-our-talents .member .content-short{
		margin-left:186px;
	}
	
	.wp-block-sv-our-talents .member .content-long{
		min-width:500px;
		max-width:500px;
	}
	
	.wp-block-sv-our-talents .member .content-long .name{
		font-size: 40px;
	}
	
	.wp-block-sv-our-talents .member .content-short .subline{
		width:180px;
	}
	
	.wp-block-sv-our-talents .member .content-short .subline,
	.wp-block-sv-our-talents .member .content-long .subline{
		font-size: 20px;
	}
	
	.wp-block-sv-our-talents .member .content-long .description{
		font-size:20px;
	}
	
}

@media(min-width:1600px){
	.wp-block-sv-our-talents{
		padding:0;
	}
	
	.wp-block-sv-our-talents .member .content-short {
		margin-left: 156px;
	}
	
	.wp-block-sv-our-talents .member .content-short .subline{
		width:322px;
		word-break: unset;
	}
}