#page-wrapper {
	display: flex;
	flex-direction: column;

	padding: var(--x-large) var(--super-large);
	margin-bottom: var(--ultra-large);
    box-sizing: border-box;
	gap: var(--ultra-large);
}

.banner{
	background: linear-gradient(251deg, var(--Blue, #2913EB) -18.09%, var(--Radiant, #6213EA) 36.63%, var(--Purple, #8013EA) 100%);
}

#banner-child{
	mix-blend-mode: lighten;
	width: 40% !important;
}

#project-info {
	padding: 0 15vw;
	gap: var(--mega-large)
}

#project-header {
	white-space: nowrap;
	gap: var(--medium);
}

#project-title h3 {
	font-weight: 800;
}

#project-info-text{
	gap: var(--small);
}

#project-info-text b{
	font-weight: 600;
	color: var(--md-white) !important;
}

#project-info-text p{
	color: var(--md-light-grey);
}

.button{
	background-color: var(--md-white) !important;
	color: var(--md-black) !important;
	border-color: var(--md-light-grey) !important;
}

#project-description b{
	font-weight: 700;
}

#project-description span{
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: 0.22px;
}

.section-title{
	width: 100%;
}

.section-title h3{
	color: var(--md-light-grey);
	font-weight: 600;
}

#work-wrapper-parent{
	gap: var(--mega-large);
	padding: var(--work-margin);
}

#work-wrapper{
	margin: 0 var(--work-margin);
    border-radius: var(--small-corner);
    box-sizing: border-box;
	gap: var(--small);
	width: 100%;
}

#double-wrapper{
	gap: var(--small);
	width: 100%;
}

#double-wrapper > *{
	flex: 1 1 0;
	min-width: 0;
}

.work-wrapper > *{
	width: 100%;
}

.work-vid{
	width: 100%;
	border-radius: var(--small-corner);
	justify-content: center;
}

.work-img{
	border-radius: var(--small-corner);
	width: 100%;
	justify-content: center;
}

.work-img p{
	padding: var(--ultra-large) 0;
	color: var(--md-white);
}


#video18{
	aspect-ratio: 16/9;
	width: 100%;
	justify-content: center;
	border-radius: var(--small-corner);
	background-color: var(--md-white);
}

.banner-video{
  width: 80% !important;
  height: auto !important;
}

#rad-talk-animation{
	width: 55%;
	aspect-ratio: 1;
}

@media (max-width: 1200px) {

	.banner-video{
		width: auto !important;
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}

	#banner-child{
		width: 80% !important;
	}

	#work-wrapper-parent{
		padding: 0 !important;
	}

	#double-wrapper{
		flex-direction: column;
	}

}