/* Enter your custom css here */
.hero-first-screen, .hero-second-screen {
	pointer-events: none;
	transform: translate3d(0,0,0);
}

@media (hover: none) {
	.hero-first-screen, .hero-second-screen {
		pointer-events: auto;
	}
}

.hero-first-screen a, .hero-second-screen .video-explainer {
	pointer-events: auto;
}


.canvas-container {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	margin-bottom: -100vh;
}

.canvas-container canvas {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
}

.block-framework {
	transform: translate3d(0,0,0);
}