#home-body .page-section {
	 padding: 0 var(--gap-page) 0 var(--gap-page);
	 z-index: 2;
}

#home-body #home-main-section {
	margin-top: 100vh;
}

#home-body #home-main-section #home-main-long-logo {
	 height: var(--size-s);
}

#home-body #home-about-section {
	 position: relative;
}

#home-body #home-about-section #home-about-background {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 right: 0;
	 width: calc(50% - (var(--gap-m) / 2));
	 height: 100%;
	 background-image: url(/res/backgrounds/index-about-background.jpg);
	 background-position: center;
	 background-size: cover;
	 z-index: 1;
	 border-radius: var(--br-m) 0 0 var(--br-m);
}
 #home-body #home-reviews-section {
	 width: 100%;
}
 #home-body #home-reviews-section #home-review-video {
	 min-width: 100%;
	 width: 100%;
	 border-radius: var(--br-m);
}
 #home-back-video {
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 height: 100vh;
	 border-radius: 0 0 var(--br-l) var(--br-l);
	 overflow: hidden;
}
 #home-back-video #home-back-video-section {
	 position: relative;
	 overflow: hidden;
	 width: 100%;
	 height: 100%;
	 border-radius: inherit;
	 background-color: var(--bg-color-3);
	 display: flex;
	 overflow: hidden;
}

#home-back-video #home-back-video-section #home-back-video-arrow {
	position: absolute;
	bottom: 90px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 90;
	cursor: pointer;
}

#canvas-container {
	display: block;
	width: 100vw;
	height: 100vh;
	cursor: grab;
}

@media (max-width: 450px) {
	#home-about-background {
		display: none !important;
	}
}