* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	font-family: sans-serif;
}


.manrope-normal {
	font-family: "Manrope", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}


.header-main {
	position: fixed;
	top: 20px;
	left: 2%;
	z-index: 10000;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 16, 2025 */
@font-face {
	font-family: 'balkistlight';
	src: url('../fonts/balkist-light-webfont.woff2') format('woff2'),
		url('../balkist-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'balkistlight_italic';
	src: url('../fonts/balkist-lightitalic-webfont.woff2') format('woff2'),
		url('../fonts/balkist-lightitalic-webfont.woff') format('woff');
	/* font-weight: normal; */
	/* font-style: normal; */

}



/*
    * Removed mix-blend-mode from here and the img to allow direct filter control.
    * If you have text within h1 that needs blending, you can add mix-blend-mode back to h1 only.
    */
.header-main h1 {
	/* color: black; */
	/* mix-blend-mode: exclusion; */
}

.header-main h1 img {
	/* Initial filter state for the logo: retains its original color. */
	/* This will be smoothly animated by GSAP to turn white. */
	filter: brightness(1) invert(0);
}

/* .coming-soon {
  position: absolute;
  right: 120px;
  bottom: 0;
  bottom: 0;
  text-transform: uppercase;
  color: white;
} */
.coming-soon {
	position: absolute;
	right: 5rem;
	bottom: 1rem;
	text-transform: uppercase;
	color: white;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	z-index: 10;
}

.coming-soon span {
	letter-spacing: 2px;
}


.mt-icon {
	background: url('../../assets/img/morris-tate-icon.svg');
	width: 60px;
	height: 60px;
	background-size: 60px;
	background-repeat: no-repeat;
	bottom: 5rem;
	right: 5rem;
	position: absolute;
	z-index: 100;
}

.video-hero {
	position: relative;
	margin-bottom: 230px;
}

@media screen and (max-width: 768px) {
	body {
		overflow-x: hidden;
	}
	.coming-soon {
		top: 9%;
		display: none;
	}

	.mt-icon {
		display: none;
	}

	.video-hero {
		margin-bottom: 20px;
	}

}

.video-sticky-wrapper {
	position: sticky;
	top: 0;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.video-wrapper {
	/* width: 60vmax;
      height: 60vh;
       */
	width: calc(100% - 25%);
	height: calc(100% - 25%);
	/* width: 600px;
      height: 500px; */
	overflow: hidden;
	/* border-radius: 12px; */
	position: relative;
}

.video-wrapper-static {
	width: 100%;
	height: 100vh;
}

@media screen and (max-width: 768px) {
	.video-wrapper {
		width: 75vw;
		height: 80vh;
		overflow: hidden;
	}
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	pointer-events: none;
}

.video-wrapper-static iframe {
	width: 100vmax;
	height: 100vh;
}

.video-wrapper h2 {
	z-index: 100000;
	position: absolute;
	top: 76%;
	left: 7%;
	color: white;
	font-size: 3vw;
	font-weight: normal;
	line-height: 1.5;
	font-family: 'balkistlight';
}

.video-wrapper h2 span {
	font-family: 'balkistlight_italic';
	font-weight: normal;
	font-size: 3vw;
}

.content {
	color: #1E1C2A;
	margin-bottom: 300px;
}

.content p {
	font-size: 1.46vw;
	color: #1E1C2A;

	font-family: "Manrope", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

.primary {
	color: #6243C4;
}

@media screen and (max-width: 768px) {

	.video-wrapper h2 {
		font-size: 8vw;
		top: 70%;
	}

	.video-wrapper h2 span {
		font-size: 8vw;
	}



	.content {

		margin-bottom: 30px;
	}

	.content p {
		font-size: 1rem;
	}
}

.content p a {
	color: #6243C4;
	/* text-decoration: none; */

	font-family: "Manrope", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

.content p a:hover {
	text-decoration: underline;
}

.scroll-info {
	position: fixed;
	bottom: 5vh;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

.scroll-info p {
	color: #1E1C2A;
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	font-size: 1.75rem;
}


span.icon-mail {
	width: 30px;
	height: 30px;
	display: inline-block;
	margin-right: 10px;
	top: 14px;
	position: relative;
	background-image: url('../../assets/img/mail_outline.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

.footer {
	/* margin-top: 310px; */
	padding-top: 67px;
	padding-bottom: 67px;
}
footer.container-fluid {
	padding: 2%
}
@media screen and (max-width: 768px) {
	.footer {
		/* margin-top: 310px; */
		padding-top: 4px;
		padding-bottom: 4px;
	}
}

@media screen and (max-width: 768px) {
	.video-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 300%;
		/* height: 100vh; */
		border: none;
		pointer-events: none;
	}
}

footer p {
	color: #727272;
}






/* Complete fuck of deisgn to get video working without deleting all the old work */

.video-hero-x {
	position: relative;
	margin-bottom: 230px;
}

.video-sticky-wrapper-x {
	position: sticky;
	top: 0;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.video-wrapper-x {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0%;
	
}


.video-wrapper-x iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	pointer-events: none;
}

.video-wrapper-x h2 {
	z-index: 100000;
	position: absolute;
	bottom: 20px;
	left: 2%;
	color: white;
	font-size: 3vw;
	font-weight: normal;
	line-height: 1.5;
	font-family: 'balkistlight';
}

.video-wrapper-x h2 span {
	font-family: 'balkistlight_italic';
	font-weight: normal;
	font-size: 3vw;
}

.coming-soon-x {
	position: absolute;
	right: 10rem;
	bottom: 50px;
	text-transform: uppercase;
	color: white;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	z-index: 10;
}

.coming-soon-x span {
	letter-spacing: 2px;
}

.mt-icon-x {
	background: url('../../assets/img/morris-tate-icon.svg');
	width: 60px;
	height: 60px;
	background-size: 60px;
	background-repeat: no-repeat;
	bottom: 30px;
	right: 3%;
	position: absolute;
	z-index: 100;
}


.header-main-x {
	position: absolute;
	top: 20px;
	left: 2%;
	z-index: 10000;
}

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: relative;
  right: 0;
  bottom: 0;
 width: 100vw;
  height: 100vh;
  object-fit: cover;
  z-index: -1; /* Optional: to place it behind other content */
  margin-bottom: 100px;
}


.header-main-x h1 img {
	/* Initial filter state for the logo: retains its original color. */
	/* This will be smoothly animated by GSAP to turn white. */
	filter: brightness(0) invert(1);
}


.content-x {
	color: #1E1C2A;
	margin-bottom: 300px;
}

.content-x p {
	font-size: 1.46vw;
	color: #1E1C2A;
	line-height: 1.75;

	font-family: "Manrope", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

.content-x p a {
	color: #6243C4;
	/* text-decoration: none; */

	font-family: "Manrope", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

@media screen and (max-width: 768px) {
	body, html {
		overflow-x: hidden;
	}
	.header-main-x {
		position: absolute;
		top: 30px;
  left: 7%;
  z-index: 10000;
	}
	.video-wrapper-x {
		width: 100%;
		height: 100vh;
		overflow: hidden;
	}
.video-wrapper-x h2 {
	left: 7%;
	bottom: 15vh;
}
	.video-wrapper-x h2,
	.video-wrapper-x h2 span {
		font-size: 10vw;
	}
.content-x {
		margin-bottom: 30px;
		padding: 7%;
	}
	.content-x p {
		font-size: 1rem;
	}

	.coming-soon-x {
		position: absolute;
		right: 0rem;
		left: 0;
		bottom: -20px;
		text-transform: uppercase;
		color: black;
		display: flex;
		align-items: center;
		gap: 0.5rem;
		z-index: 10;
	}

	.coming-soon-x span {
		text-align: center;
		width: 100%;
		color: white;
	}

	.mt-icon-x {
		display: none;
	}

	.row.mb-5 {
		padding: 7%
	}

}