.modal {
	position:fixed;
	z-index:999;
	top:0;
	right:0;
	bottom:0;
	left:0;
	opacity:0;
	visibility:hidden;
	transition:opacity .25s,visibility 0s linear .25s;
}

.modal .modal-cover {
	z-index:0;
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,0.8);
/*	-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);*/
}

.modal .modal-window {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
/*	max-height:calc(100vh - 100px);*/
	z-index:1;
}

.modal .modal-window .inner {
	background:var(--color-black-off);
	position:relative;
	padding:120px 30px 0;
	position:relative;
	height:100%;
}


.modal .modal-window .inner .content {
	min-height:200px;
	max-height:calc(100vh - 120px);
	overflow:auto;
	padding-top:10px;
	padding-bottom:20px;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.modal .modal-window .inner .content::-webkit-scrollbar {
  display: none;
}

.modal .modal-window .inner:after {
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:60px;
	background: linear-gradient(to bottom,  rgba(37,37,37,0) 0%,rgba(37,37,37,1) 100%);
	z-index:1;
}

.modal .modal-window .modal-close {
	width:40px;
	height:40px;
	position:absolute;
	z-index:10;
	top:30px;
	left:30px;
	cursor:pointer;
}

.modal.is-open {opacity:1;visibility:visible;transition:opacity .8s ease,visibility 0s;}

.modal .modal-hide { display:none; }

.alternating-item .image {
	background:#ccc;
	aspect-ratio:1/1;
}

.alternating-item .title {
	line-height:0.857;
}

.alternating-item .title span {
	display:block;
}

@media(min-width:1024px) {
	
	.modal .modal-window {
		padding:24px;
	}
	
	.modal .modal-window .inner .content {
		max-height:calc(100vh - 300px);
	}
	
	.alternating-item {
		display:flex;
		align-items:center;
	}

	.alternating-item .image {
		aspect-ratio:1/0.6458;
		flex:0 0 50%;
	}
	
	.alternating-item > .text {
		flex:0 0 50%;
		padding:0 50px;
	}
	
	.alternating-item > .text .inner {
		max-width:590px;
	}
	
	.alternating-item:nth-child(even) {
		flex-flow:row-reverse;
	}
	
	.alternating-item:nth-child(even) .image {
		border-radius: 10px 0 0 10px;
	}
	
	.alternating-item:nth-child(even) > .text {
		display:flex;
		justify-content:flex-end;
	}
	
	.alternating-item:nth-child(odd) .image {
		border-radius: 0 10px 10px 0;
	}
	
	
}

@media(min-width:1024px) {
	
	.alternating-item {
		position:relative;
	}
	
	.alternating-item .modal {
		position:absolute;
		clip-path:inset(0 100% 0 0);
		transition:opacity .25s, clip-path 0.25s, visibility 0s linear .25s;
	}
	
	.alternating-item .modal.is-open {
		opacity:1;
		visibility:visible;
		clip-path:inset(0 0% 0 0);
		transition:opacity .8s ease, clip-path .8s ease, visibility 0s;
	}
	
    .alternating-item:nth-child(even) .modal:not(.is-open) {
        clip-path:inset(0 0 0 100%);
    }
	
	.alternating-item .modal .modal-window {
		padding:0;
		top:0;
		right:0;
		bottom:0;
		left:0;
		transform:translate(0,0);
		max-width:none;
		background: var(--color-black-off);
	}
	
	.alternating-item .modal .modal-window .inner {
		padding: 0;
		top:42%;
		right:0;
		bottom:0;
		left:0;
		position: absolute;
		padding:0 100px 0;
		height:auto;
	}
	
	.alternating-item .modal .modal-window .modal-close {
	    width: 40px;
	    height: 40px;
	    position: absolute;
	    top: 16%;
	    left: 100px;
	    cursor: pointer;
	}
	
    .alternating-item .modal .modal-window .inner .content {
        max-height: none;
		min-height:0;
		height:100%;
		padding-top:5px;
		padding-bottom:60px;
		max-width:1920px;
    }
	
	.alternating-item .modal .modal-window .inner .content .text {
		columns:2;
		column-gap:55px;
	}
}