.horizontal-cta .image {
	background:#ccc;
	aspect-ratio: 1/1;
}

.horizontal-cta .container > .text {
	max-width:600px;
}

.horizontal-cta .title {
	line-height:0.857;
}

@media(min-width:1024px) {
	.horizontal-cta > .container {
		display:flex;
		padding-left:0;
		gap:80px;
		align-items:center;
	}
	
	.horizontal-cta .image {
		flex-basis:calc(60% - 80px);
		flex-shrink:0;
		aspect-ratio: 1/.64;
		border-radius:0 10px 10px 0;
	}
	
	.horizontal-cta {
		position:relative;
	}
	
	.horizontal-cta .modal {
		position:absolute;
		clip-path:inset(0 100% 0 0);
		transition:opacity .25s, clip-path 0.25s, visibility 0s linear .25s;
	}
	
	.horizontal-cta .modal.is-open {
		opacity:1;
		visibility:visible;
		clip-path:inset(0 0% 0 0);
		transition:opacity .8s ease, clip-path .8s ease, visibility 0s;
	}
	
    .horizontal-cta:nth-child(even) .modal:not(.is-open) {
        clip-path:inset(0 0 0 100%);
    }
	
	.horizontal-cta .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);
	}
	
	.horizontal-cta .modal .modal-window .inner {
		padding: 0;
		top:42%;
		right:0;
		bottom:0;
		left:0;
		position: absolute;
		padding:0 100px 0;
		height:auto;
	}
	
	.horizontal-cta .modal .modal-window .modal-close {
	    width: 40px;
	    height: 40px;
	    position: absolute;
	    top: 16%;
	    left: 100px;
	    cursor: pointer;
	}
	
    .horizontal-cta .modal .modal-window .inner .content {
        max-height: none;
		min-height:0;
		height:100%;
		padding-top:5px;
		padding-bottom:60px;
		max-width:1920px;
    }
	
	.horizontal-cta .modal .modal-window .inner .content .text {
		columns:2;
		column-gap:55px;
	}
}

@media(min-width:1920px) {
	.horizontal-cta .image {
		border-radius:10px;
	}
}