.parallax-image {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.parallax-image__img {
	background-position-x: right;
	background-size: auto 100%
}

@media (orientation:portrait) {
	.parallax-image__img {
		background-size: contain
	}
}

@media (min-width:993px) {
	.parallax-image--mirrored .parallax-image__img {
		background-position-x: left
	}
}

.parallax-block__front {
	max-width: none;
	height: 90%
}

.parallax-block__back {
	background-position-y: bottom;
	background-size: auto 90%
}

.parallax-block__filler {
	height: 2.4rem
}

@media (max-width:992px) {
	.parallax-block__filler {
		height: 4.2rem
	}
	.parallax-block__btn {
		margin-top: auto!important
	}
}

@media (max-width:992px) and (orientation:portrait) {
	.parallax-block {
		height: var(--vh100);
		min-height: var(--vh100);
		overflow: hidden
	}
	.parallax-block__front {
		max-height: 60%;
		position: absolute;
		left: 50%;
		transform: translate(-50%)
	}
	.parallax-block__back {
		background-position-x: center;
		background-size: auto 60%
	}
	.parallax-block .block__container,
	.parallax-block .block__info {
		height: 100%
	}
}

@media (min-width:993px) {
	.career-block__front:not(.career-block__front--equal) {
		height: 105%
	}
	.career-block__back:not(.career-block__back--equal) {
		background-size: auto 105%
	}
}

@media (max-width:992px) and (orientation:portrait) {
	.career-block__front {
		max-height: 65%!important
	}
	.career-block__back {
		background-position-x: center!important;
		background-size: auto 65%!important
	}
}

.game-block {
	overflow: hidden
}

.game-links {
	display: flex;
	flex-wrap: wrap
}

.game-links a {
	z-index: 2;
	margin-top: .8rem;
	margin-right: .8rem
}

.game-links a:last-child {
	margin-right: 0
}

.game-links a svg {
	width: auto;
	height: 1.6rem;
	fill: #fff
}

.game-links a svg:hover {
	transform: scale(1.1)
}

@media (max-width:992px) {
	.game-links {
		margin-bottom: 1.8rem
	}
}

@media (min-width:993px) {
	.ldoe-block__back {
		background-position-y: 86%
	}
}

@media (max-width:992px) and (orientation:portrait) {
	.ldoe-block__front {
		left: 35%
	}
	.ldoe-block__back {
		background-position-x: 75%
	}
}

@media (min-width:993px) {
	.metro-2033-block__img-front {
		right: -3rem!important
	}
	.metro-2033-block__img-back {
		background-position-x: calc(100% + 3rem)!important
	}
	.metro-2033-block__img-back-container {
		bottom: -1rem
	}
}

@media (min-width:993px) {
	.grim-soul-block__img-front {
		left: -2rem!important
	}
	.grim-soul-block__img-back {
		background-position-x: -2rem!important
	}
}