/*------------------------------------VARIABLES-----------------------------------------*/

:root{

	--ggWhite:#ffffff;
	--ggGreen:#73ff5f;
	--ggDrkGrey:#272823;
	--ggBlk:#1a1a1a;


/*	--ggLtGrey:#ECECEC;
	--ggMidGrey:#B6B8AF;
	--ggDrkGrey:#808080;
	--ggBlack:#000000;*/

}


/*------------------------------------general-----------------------------------------*/
body, html{
	margin:0;
	padding:0;
	overflow-x: hidden;
	background-color: var(--ggBlk);
}	

*{
	margin:0;
	padding:0;
	border:0;
}

h1, h2, h3, h4, h5, h6, p, a{
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

a{
	text-decoration:none;
}


ul {
    list-style-type: none;
}

li{
	text-decoration: none;
}

input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}


/*------------------------------------GLOBALS-----------------------------------------*/

.pageSection1{
	position:relative;
	width:100vw;
	height: 100vh;
/*	height: calc(var(--vh, 1vh) * 100);*/
	/*min-height:900px;*/
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
	/*display: flex;*/
}

.pageSection2{
	position:relative;
	width:100vw;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
}

.img_wrpr,
.vid_wrpr{
	position:relative;
	width:100%;
	height: 100%;
	overflow: hidden;
}

.fitIMG,
.fitVid{
	position:relative;
	width:100%;
	height:100%;
	margin: 0% 0 0 0;
	object-fit: cover;
    object-position: center center;
}

.sq{
	aspect-ratio: 1/1;
}

.o0{
	opacity: 0;
}
/*------------------------------------fonts-----------------------------------------*/

/*@font-face{
    font-family:"OldLondon";
    font-style:normal;
	font-weight:normal;
    src: url(/fonts/OldLondon.ttf) format('truetype');
}

@font-face{
    font-family:"fellPica";
    font-style:normal;
	font-weight:normal;
    src: url(/fonts/FellPica-Regular.ttf) format('truetype');
}*/

.atf-med{
	font-family: "alternate-gothic-atf", sans-serif;
	font-weight: 500;
	font-style: normal;
	 -webkit-font-smoothing: antialiased;

}

.atf-bold{
	font-family: "alternate-gothic-atf", sans-serif;
	font-weight: 700;
	font-style: normal;
	 -webkit-font-smoothing: antialiased;

}

.lft-reg{
	font-family: "lft-etica-mono", sans-serif;
	font-weight: 400;
	font-style: normal;
	 -webkit-font-smoothing: antialiased;
}

.lft-semi{
	font-family: "lft-etica-mono", sans-serif;
	font-weight: 500;
	font-style: normal;
	 -webkit-font-smoothing: antialiased;
}

.lft-bold{
	font-family: "lft-etica-mono", sans-serif;
	font-weight: 700;
	font-style: normal;
	 -webkit-font-smoothing: antialiased;
}

.bodyCopy01{
	font-family: "roobert_reg";
	font-size: 1rem;
	line-height: 1rem;
	color: var(--black);
}


/*------------------------------------ANIMS-----------------------------------------*/

@keyframes bounce1 {	
	0%{transform:translateY(0);}
	50%{transform:translateY(15px);}
	100%{transform:translateY(0px);}	
}


@keyframes grain{
  0%, 100% { transform:translate(0, 0) }
  10%{
    transform:translate(-5%,-10%)
  }
  20%{
    transform:translate(-15%,-20%)
  }
  30%{
    transform:translate(-5%,-10%)
  }
  40%{
    transform:translate(-15%,-20%)
  }
  
  50%{
    transform:translate(-5%,-10%)
  }
  60%{
    transform:translate(-15%,-20%)
  }
  70%{
    transform:translate(-5%,-10%)
  }
  80%{
    transform:translate(-15%,-20%)
  }
  90%{
    transform:translate(-5%,-10%)
  }
  100%{
    transform:translate(-15%,-20%)
  }
 
}


/*------------------------------------NAV-----------------------------------------*/




/*------------------------------------ENTRY-----------------------------------------*/

#hpEntrySection{
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color:var(--muBlack);
	overflow: hidden;
}

.ggBG01{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}


.ggBG01:after{
	position: fixed;
	content:"";
	height: 300%;
	width: 300%;
	top: 0;
	left: 0;
	background-image:url("https://upload.wikimedia.org/wikipedia/commons/7/76/1k_Dissolve_Noise_Texture.png");
	opacity:0.1;
	animation: grain 8s steps(10) infinite;
}


.titleCon{
	position: relative;
    width: fit-content;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.bgTitle01{
	font-size: 32vw;
    letter-spacing: 3vw;
    line-height: 0.88em;
    color: var(--ggBlk);
	/*opacity: 0.55;
    mix-blend-mode: difference;
    filter: blur(2px);*/
}

.bgTitle02{
	font-size:12vw;
	letter-spacing: 0.1vw;
	color: var(--ggBlk);
}

.csTitle01{
	font-size:1.33rem;
	letter-spacing: 0.06rem;
	color: var(--ggGreen);
	position:absolute;
	width:fit-content;
	height:fit-content;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.ghostIMG01{
	position:absolute;
	width:10vw;
	min-width: 160px;
	height:auto;
	bottom:0;
	right:0;
	margin:auto;
}


/*-----------------------------------FOOTER-----------------------------------------*/

.footerMain{
	position:relative;
	overflow: hidden;
}