body {
	margin: 0;
	overflow-x: hidden;
}
@font-face {
	font-family: 'Gluten';
	src: url('./gluten.woff2');
}
.story {
	width: 100%;
	height: 100svh;
	overflow: hidden;
}
.title {
	font-family: 'Gluten';
	font-size: 40px;
	opacity: 0.5;
	color: white;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 2;
}
header {
}
.bogdanoff {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}
.scene {
	font-size: 0;
	width: 100%;
	height: 100svh;
	position: relative;
	overflow: hidden;
}
.hand {
	position: absolute;
	width: 100%;
	left: 0%;
	bottom: 0;
	left: 0;
}
.bg-blur {
	width: 100%;
	height: 100svh;
	position: absolute;
	left: 0;
	top: 0;
	backdrop-filter: blur(10px);
}
.bg-beach {
	width: 100%;
	height: 100svh;
	position: absolute;
	left: 0;
	top: 0;
	background-size: cover;
	background: url('./maldives.webp');
	background-size: cover;
}
.bg-beach-alt {
	background-position: right;
}

.bubble {
	text-align: center;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-size: 10vw;
	position: absolute;
	bottom: 50px;
	width: 100%;
	left: 0;
	z-index: 10;
	font-weight: 400;
	color: white;
	width: 100%;
	text-shadow: 2px 2px #000;
	display: none;
	background-color: rgba(0, 0, 0, 0.2);
}

.scene-0 {
	display: block;
}
.scene-1 {
	display: none;
}
.scene-2 {
	display: none;
}

.smoke {
	position: absolute;
	left: 0;
	height: 100%;
	bottom: -10%;
	opacity: 0.3;
}

.chad-0 {
	position: absolute;
	right: -20%;
	bottom: 0;
	width: 110%;
}

.phone-1 {
	position: absolute;
	right: 17%;
	bottom: 50%;
	transform: rotateZ(20deg);
	width: 15%;
}
.chad-1 {
	position: relative;
	left: 20%;
	bottom: 0;
	width: 100%;
}
.chad-eye-1 {
	width: 11%;
	left: 52%;
	bottom: 71.9%;
	position: absolute;
	display: none;
}
.chad-scene-3 {
	position: relative;
	align-self: flex-end;
}

.scene-4 {
}

.scene-5 {
}

.chad-flex {
	display: flex;
	height: 100%;
}

.chad-scene-5 {
	position: relative;
	align-self: flex-end;
	transform: rotateY(180deg);
}

.bogdanoff-flex {
	background-color: #131313;
	display: flex;
	height: 100%;
}
.bogdanoff-6 {
	position: relative;
	height: 100%;
	align-self: flex-end;
	left: 50%;
	transform: translateX(-42%);
}
.bogdanoff-inner {
	position: relative;
	bottom: 0;

	height: 100%;
}
.bogdanoff-6 {
}

.red-gradient {
	position: absolute;
	width: 100%;
	height: 50px;
	background: linear-gradient(to top, rgba(255, 0, 0, 0), rgba(255, 0, 0, 1) 50%, rgba(255, 0, 0, 0) 100%);
	top: 22.9%;
	width: 9%;
	right: 39%;
	transform: scaleY(0);
}
.red-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: red;
	opacity: 0;
	top: 0;
	left: 0;
}
.white-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: 0;
	top: 0;
	left: 0;
}
.scene-8 video {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
}
.lambo-flex {
	position: relative;
	display: flex;
	height: 100%;
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.lambo-wheel-left {
	position: absolute;
	width: 13%;
	bottom: 8.9%;
	left: 11.5%;
	animation-name: spin;
	animation-duration: 200ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.lambo-wheel-right {
	position: absolute;
	width: 13%;
	bottom: 6%;
	right: 14.7%;
	animation-name: spin;
	animation-duration: 200ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.lambo {
	bottom: 3%;
	left: -70%;
	width: 100%;
	align-self: flex-end;
	position: relative;
}
.lambo-img {
	width: 100%;
}
.moneyrain {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.city {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}
.city-bg {
	background-image: url('./city.png');
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	left: 0;
	width: 2100vw;
	height: 90%;
	background-size: auto 100%;
}
.road-bg {
	background-image: url('./road.png');
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 4100vw;
	height: 10%;
	background-size: auto 100%;
}
.scene-8 {
	background-color: black;
}
.goup-video {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}