/* Structure */
#parallax-wrapper.smooth-scrolling {
	scroll-behavior: smooth;
	scroll-padding-top: 4rem;
}

.main-wrap {
	position: relative;
}

/* Background */
.background .bgr-text {
	opacity: .03;
	color: #fff;
	font-weight: bold;
	line-height: .72;
	letter-spacing: .1em;
	white-space: nowrap;
	cursor: default;
}

/* Texts */
.section-title {
	background-image: url(../images/home/text-bgr.jpg);
	background-size: cover;
	background-position: center;
	background-clip: text;
	-webkit-background-clip: text;
	color: rgba(200,200,200,.5);
	font-weight: bold;
}

#main p {
	font-size: 1rem;
	line-height: 2;
}

/* Components */
#main .sbtn {
	width: auto;
	padding-inline: 2rem;
}

#main .sbtn:hover .btn-icon {
	background-color: var(--primary);
}

/* Parallax */
#parallax-wrapper {
	--prespective: 5;
	height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
	perspective: calc(var(--prespective) * 1px);
}

.parallax-box {
	transform-style: preserve-3d;
}

.parallax-box .parallax {
	transform: translateZ(calc(var(--depth) * 1px)) scale(calc(1 - var(--depth) / var(--prespective)));
}

/* Responsive */
@media (max-width: 1024px) {

	#main .main-wrap {
		max-width: calc(768px + var(--wrap-padding) * 2);
	}

	#parallax-wrapper {
		--prespective: 0;
		height: auto;
		overflow: initial;
	}

	#main {
		overflow: hidden;
	}

	.parallax-box {
		transform-style: flat;
	}

	.parallax-box .parallax {
		transform: none;
	}

}