@charset "UTF-8";
.curved-block {
		background: var(--black);
		color: var(--white);
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		--vert-padding: 160px;
		min-height: 100vh;
		min-height: 100svh;
		font-size: 20px;
		z-index: 2;
		backface-visibility: hidden;
		transform: translateZ(0);
		margin-top: -1px;
}
.curved-block:last-child {
		margin-bottom: -80px;
}
.curved-block .bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
}
.curved-block .bg:after {
		content: '';
		position: absolute;
		backface-visibility: hidden;
		transform: translateZ(0);
		bottom: -1px;
		left: 0;
		right: 0;
		height: 33%;
		max-height: 396px;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%);
}
.curved-block .bg img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		backface-visibility: hidden;
		will-change: transform;
		transition: transform 1s var(--move-timing);
		transform: scale(calc(1 + 0.2 * var(--percent)));
}
.curved-block .container {
		position: relative;
}
.curved-block .text {
		max-width: 36.46em;
}
.curved-block .btns {
		margin: 30px auto 0 auto;
}
.curved-block .btns .btn {
		min-width: 250px;
}
@media only screen and (min-width: 600px) {
		.curved-block {
				text-align: center;
		}
		.curved-block .h2, .curved-block .text {
				margin-left: auto;
				margin-right: auto;
		}
		.curved-block .btns {
				justify-content: center;
		}
}
@media only screen and (max-width: 1023px) {
		.curved-block .h2 {
				font-size: 44px;
		}
		.curved-block .h2.small-mobile {
				font-size: 33px;
		}
		.curved-block .text.small, .curved-block .text.small-mobile {
				font-size: 16px;
		}
}
@media only screen and (min-width: 1024px) {
		.curved-block {
				--vert-padding: 139px;
				min-height: 880px;
				font-weight: 300;
				font-size: 24px;
		}
		.curved-block .h2 {
				font-size: 4rem;
		}
		.curved-block .text.small {
				font-size: 20px;
		}
		.curved-block .h2.big-desktop {
				font-size: 4.5rem;
		}
}