/*------------------------------------HOME-----------------------------------------*/
/*------------------------------------HOME-----------------------------------------*/
/*------------------------------------HOME-----------------------------------------*/


#hpEntrySection{
	/*display: grid;
	grid-template-rows: 23vw auto;*/
	display: flex;
	overflow: hidden;
}


.entryMainCol{
	position:relative;
	display:flex;
	flex-direction:column;
}

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

.entryTopWrpr{
	perspective: 600px;
	/*border-bottom: var(--uniLine);*/
}

.foldWrpr{
	transform-origin: bottom center;
/*	will-change: transform;*/
}

.entryTopCon{
	position:relative;
	width:100%;
	/*height:100%;*/
	height: auto;
	top: 0 !important;
	/*border-top: var(--uniLine);
	border-left: var(--uniLine);
	border-right: var(--uniLine);*/
	border-bottom: var(--uniLine);
	transform-origin: bottom center;
	overflow: hidden;
}	

.vanitiesCon{
	position:relative;
	width:auto;
	display: flex;
	padding: var(--uniPadding)  0 0 0;
	justify-content: space-around;
}

.vanity{
	position:relative;
	display:flex;
	flex-direction: column;
	justify-content: center;
}

.vanityText{
	font-size:0.6rem;
	letter-spacing: 0.03rem;
}

.starWrpr{
	position:relative;
	width:20px;
}

.vanity .df1{
	stroke:var(--lsBlack01);
	stroke-width: 2px;
}

#vanity01 .vText2{
margin: 0 0 0 20px;
}

#vanity03 .vText1{
margin: 0 0 0 30px;
}

#vanity05 .vText1{
margin: 0 0 0 20px;
}

#vanity07 .vText1{
margin: 0 0 0 30px;
}

#vanity11 .vText2{
margin: 0 0 0 20px;
}

#vanity13 .vText2{
margin: 0 0 0 20px;
}

#vanity15 .vText1{
margin: 0 0 0 10px;
}


.mainTitleWrapper{
	position:relative;
	width:auto;
	height: 18vw;
	display: flex;
	flex-direction: column;
	padding: 0 0;
	overflow: hidden;
}

.mainTitleCon{
	position:absolute;
	padding: 10px;
    display: flex;
	height: 100%;
	justify-content: center;
}

.mainTitle{
	width:max-content;
	cursor: default;
	opacity: 0;
    -webkit-font-smoothing: antialiased;
}

.mainTitleCon:first-of-type .mainTitle{
	opacity: 1;
}


/*.cursiveMain{
	font-family: "sloop-script-one", sans-serif;
	font-size:15vw;
	font-weight: 400;
	font-style: normal;
	margin:0;
	letter-spacing: -0.5vw;
	color: var(--lsWhite01);
	text-stroke: 1px var(--lsBlack01);
	cursor: default;
	width: max-width;
	-webkit-text-stroke: 1px var(--lsBlack01);
    -webkit-font-smoothing: antialiased;
}*/

.titleSwitchCon{
	position:relative;
	width:100%;
	padding: 0 var(--padVal);
	margin: 0 0 0px 0;
	display: flex;
	justify-content: space-between;
	border-top: var(--uniLine);
}

.testerCopy{
    font-family:"helv_med_it", helvetica, arial, sans-serif;
    cursor: pointer;
    z-index: 1000;
}

.testerCopy:hover, .testerCopy_curr{
    font-family:"helv_bold", helvetica, arial, sans-serif;
    letter-spacing: 0.02;
}

.hpTitle-brutus{
	font-family:"brutus";
	font-size:20vw;
	line-height: 15vw;
}

.hpTitle-cassius{
	font-family:"cassius"; 
	font-size:21vw;
	line-height: 14vw;
	letter-spacing: -1vw;
	text-transform: uppercase;
}

.hpTitle-judas{
	font-family:"judas";
	font-size:24vw;
	line-height: 9vw;
	text-transform: capitalize;
}

.hpTitle-crowstep{
	font-family:"crowStep";
	font-size:19vw;
	line-height: 15vw;
	text-transform: capitalize;
}

.hpTitle-holder{
	font-family:"holder";
	font-size:19vw;
	line-height: 15vw;
	text-transform: capitalize;
}

.hpTitle-heretika{
	font-family: "heretika", helvetica, arial, sans-serif;
	font-size: 20vw;
	line-height: 14vw;
	letter-spacing: 0.66vw;
	z-index: 1;
	text-transform: uppercase;
}



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

.entryBottomCon{
	position:relative;
	width:100%;
	height: 39vw;
	border-top: var(--uniLine);
/*	border-bottom: var(--uniLine);*/
/*	border-right: var(--uniLine);*/
	margin: -2px 0 0 0;
	display: flex;
	/*transition: 500ms;*/
}


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

.entryColumn_leftWrpr{
	position:relative;
	perspective: 600px;
	height: fit-content;
/*	min-height: 100vh;
	max-height: 100vh;*/
	/*border-bottom: var(--uniLine);*/
}

.entryColumn_left{
	position:relative;
	width:100%;
	height: 100%;
/*	min-height: 100vh;
	max-height: 100vh;*/
/*	border-left: var(--uniLine);*/
/*	border-right: var(--uniLine);*/
	display: grid;
	grid-template-columns:66% 34%;
	/*background-color: var(--lsWhite01);*/
	transform-origin: center right;
	/*transform-origin: center left;*/
	overflow: hidden;
	z-index: 10;
	/*opacity: 0;*/
}

.mainAboutCon{
	position:relative;
	padding: var(--padVal) 0 var(--padVal) var(--padVal);
	display: flex;
    flex-direction: column;
	/*border-bottom:var(--uniLine);*/
}

.studioCon{
	position:relative;
	width:100%;
	padding: 0px 0 4px 0;
	display: flex;
    justify-content: space-between;
}

.studioCopy{
	font-size:0.9rem;
}


.aboutSubCopy{
	column-count: 2;
    column-gap: var(--padVal);
	padding: 3px 0 var(--padVal) 0;
}

.aboutStmtCon{
	position:relative;
	margin: 0 181px 0 0;
}

.aboutStatement{
	font-size: 2.4vw;
	line-height: 2.3vw;
	letter-spacing: 0.03vw;
}


/*----------ABOUT SLIDER-------------*/

.hpAbtSliderCon{
	position:relative;
	margin: var(--padVal);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.hpAbSlideIMG{
	position: absolute;
	height: 100%;
	margin: auto;
	transform-origin: bottom;
}


#hpAbSlide01IMG_BG{
	top: -1%;
	left: -2%;
	height: 102%;
}


#hpAbSlide01IMG_left{
	left: -10%;
}

#hpAbSlide01IMG_right{
	right: -10%;
}

#hpAbSlide01IMG_person{
	height: 9%;
    left: 0;
    right: 5%;
    bottom: 2%;
}

#hpAbSlide01IMG_laser{
	height: 31%;
	left: 0%;
	right: 0;
	top: -3%;
    animation: laserFlicker 200ms linear infinite;	
}



.hpAbtIMGCon{
	position:absolute;	
	opacity: 0.33;
	overflow: hidden;
}

.hpAbtCopyCon{
	position: relative;
    padding: var(--padVal) 0 0 0;
    margin: auto 0 0 0;
    display: flex;
    justify-content: flex-end;
}

.sliderControls{
	position: relative;
	margin: 0 10px;
	display: flex;
	display: none;
	flex-direction: column;
	justify-content: space-between;
	align-items: end;
}

.sliderStarCon{
	position:relative;
	display: flex;
	flex-direction: column;
}

.sliderStar .df1{
	fill:none;
	stroke:var(--lsBlack01);
	stroke-width: 2px;
}

.sliderStar:first-of-type .df1{
	fill:var(--lsBlack01);
	stroke:var(--lsBlack01);
}

.sliderArrCon{
	display: flex;
}

.sliderTextCon{
	width: 181px;
}

.sliderCtrl{
	font-size:1rem;
}

.sliderSpacer{
	margin: 0 3px;
}



/*---------------TYPEFACE BTN CON------------------*/

.entryTFCol{
	position:relative;
	width:auto;
	height:auto;
	border-left: var(--uniLine);
}

.entryColumn_right{
	position:relative;
	width:100%;
	height: 100%;
}

.entryShopCon{
	position:relative;
	width:100%;
	height: 100%;
	padding: var(--uniPadding) var(--padVal) var(--padVal) 0;
	display: flex;
	justify-content: space-between;
}

.tfTitleCon{
	position:relative;
}

.tfDeetsCon{
	position:relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.tfTitle, .tfDeetsCopy{
	writing-mode: vertical-rl;
	color: var(--lsBlack01);
}

.tfType-cassius{
	font-family: 'cassius';
    font-size: 10.33vw;
    line-height: 1em;
    letter-spacing: -0.66vw;
    margin: 0 -1.4vw 0px 0.3vw;
}


/*---------------HP FEAT CLIENT TITLE------------------*/

.hpfcTitleSection{
	position:relative;
	display:grid;
	grid-template-columns: 0% 100%;
	border-top: var(--uniLine);
}

.hpfcTitleCol-left{
	position:relative;
/*	border-right: var(--uniLine);*/
}

.hpfcTitleCol-right{
	position:relative;
/*	border-left: var(--uniLine);*/
}

.hpfcTitleMain{
	position:relative;
	width:100%;
	overflow: hidden;
}

.hpfcTitleUpper,
.hpfcTitleLower{
	position:relative;
	min-width: max-content;
	display:flex;

}

.hpfcText{
	font-size:10vw;
	line-height: 1em;
	position:relative;
	min-width: max-content;
}

.hpfcText2{
	position:absolute;
	left: -101%;
}

.featTitleCopy{
	font-size: 2.2rem;
    line-height: 2rem;
    margin: 0 0 10px 0;
	min-width: max-content;
}

.featTitleCopy2{
	position:absolute;
	left: 101%;
}


/*---------------FEATURED CLIENT------------------*/

.fcMainCon{
	position:relative;
/*	border-top: var(--uniLine);*/
border-top: var(--uniLine_dotted);
	display: grid;
	grid-template-columns: 48% 52%;
}

.ftColumn{
	position:relative;
	width: 100%;
	max-height: 100vh;
/*	overflow: hidden;*/
}

.ftColumn-left{
	position: relative;
/*	overflow: hidden;*/
	padding: var(--padVal);
	z-index: 1;
}

.ftColumn-right{
	position:relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}




/*--------FT COMPOSITION-------*/

.fcComp01{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0%;
	
}

.fcMainWrapper{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.fcTemp01{
	position:relative;
	width: 100%;
	height: 100%;
	margin: 0%;
	opacity: 0.0;
	pointer-events: none;
/*	right: -5%;*/
/*	filter: blur(10px);*/
}

.fcCompIMG{
	position:absolute;
	transform-origin: top;
}

#compBG01{
	width:100%;
	height: auto;
	top:0;
	left:0;
	right:0;
	margin:auto;
}

#compFG01{
	width:100%;
	height: auto;
	top:70%;
	left:0;
	right:0;
	margin:auto;
}

#extraCrowd01{
	width:50%;
	height: auto;
	top:70%;
	left:0;
	right:0;
	margin:auto;
}

#leftTowers01{
	width: auto;
    height: 83%;
    top: 0%;
    left: -16%;
    margin: auto;
}

#rightTowers01{
	width: auto;
    height: 81%;
    top: 0%;
    right: -10%;
    margin: auto;
}

.glowerCon{
	position: absolute;
    width: 67%;
    height: auto;
    top: 16%;
    left: 0;
    right: 8%;
    margin: auto;
}

#glowerGlow01{
		animation: slowGlow1 10000ms infinite;
}

#glowerUnder01{
	animation: slowGlow2 8000ms infinite;	
}

#glowerOver01{
	animation: slowGlow3 10000ms infinite;	
}

.glowerIMG, .wheelIMG, #wheelInner01{
	position:absolute;
	width:100%;
	height: auto;
}

#wheelOver01{
	position:relative;
}

.wheelCon{
	position: absolute;
	width: 37%;
	height: auto;
	top: 4%;
	left: -37%;
	right: 0%;
	margin: auto;
	transform-origin: center;
	animation: slowGlow3 6000ms infinite;	
}

.wheelIMG{
	transform-origin: center;
	animation: rotate1 40000ms linear infinite;	
}

#wheelInner01{
	animation: rotate2 45000ms linear infinite;	
	display: none;
}

#wheelOver01{
	opacity: 0.5;
}

.fsTextGlowCon{
	position:absolute;
	width:100%;
	height: 100%;
	display:flex;
	justify-content:center;
	align-items:center;
	top: 0;
}

.glowTitle{
	font-size:1.33vw;
	line-height: 1.33rem;
	text-align: center;
	margin: -7px 0 0 0;
	color: #fff;
	filter: blur(1px);
	animation: rotateZ1 10000ms linear infinite;	
}

.fsGlowEye{
	font-size:1vw;
}

.fcLightWrpr{
	position:absolute;
	pointer-events: none;
}

.beamIMG{
	position: absolute;
	width:100%;
	height: 100%;
}

.fcLightWrpr .beamIMG-left{
    transform-origin: top right;
}

.fcLightWrpr .beamIMG-right{
    transform-origin: top left;
}

#beam01{
	width: 70%;
    height: 53%;
    top: 19%;
    left: 0;
    right: -90%;
    margin: auto;
/*    opacity: 0.11;*/
    transform: skew(0deg, 30deg);
    transform-origin: top left;
	animation: beamGlow1 3200ms infinite;	
}

#beam02{
	width: 90%;
    height: 53%;
    top: 27%;
    left: 0;
    right: -120%;
    margin: auto;
    /* opacity: 0.16; */
    transform: skew(0deg, 35deg);
    transform-origin: top left;
    animation: beamGlow1 8600ms 400ms infinite;
}

#beam03{
	width: 50%;
    height: 53%;
    top: 54%;
    left: 0;
    right: -84%;
    margin: auto;
    /* opacity: 0.11; */
    transform: skew(0deg, 40deg);
    transform-origin: top left;
    animation: beamGlow1 4300ms 200ms infinite;
}

#beam04{
	width: 60%;
    height: 53%;
    top: 71%;
    left: 0;
    right: -80%;
    margin: auto;
    /* opacity: 0.08; */
    transform: skew(-10deg, 57deg);
    transform-origin: top left;
    animation: beamGlow1 5600ms 100ms infinite;
}

#beam05{
	width: 58%;
    height: 50%;
    top: 70%;
    left: 0;
    right: -61%;
    margin: auto;
    /* opacity: 0.1; */
    transform: skew(0deg, 57deg);
    transform-origin: top left;
    animation: beamGlow1 6600ms 600ms infinite;
}

#beam06 {
	width: 30%;
    height: 33%;
    top: 70%;
    left: -59%;
    right: 0%;
    margin: auto;
/*    opacity: 0.11;*/
    transform: skew(0deg, -55deg);
    transform-origin: top right;
    animation: beamGlow1 8000ms 700ms infinite;
}

#beam07 {
    width: 50%;
    height: 9%;
    top: 70%;
    left: -86%;
    right: 0;
    margin: auto;
/*    opacity: 0.08;*/
    transform: skew(50deg, -41deg);
    transform-origin: top right;
    animation: beamGlow1 4000ms infinite;
}

#beam08 {
	width: 50%;
	height: 23%;
	top: 38%;
	left: -94%;
	right: 0;
	margin: auto;
/*	opacity: 0.08;*/
	transform: skew(4deg, -40deg);
	transform-origin: top right;
	animation: beamGlow1 7000ms 280ms infinite;
}

#beam09 {
    width: 50%;
    height: 24%;
    top: 21%;
    left: -100%;
    right: 0;
    margin: auto;
/*    opacity: 0.2;*/
    transform: skew(0deg, -30deg);
    transform-origin: top right;
	animation: beamGlow1 3600ms 300ms infinite;	

}


/*--------FT INFO-----------*/



.fsDeetsSection{
	position:relative;
	margin: 0% auto 0 auto;
	display: grid;
	grid-template-columns: 40% 60%;
}

.fsLogoCon_wrpr{
	position:relative;
	perspective: 2000px;
}


.fsLogoCon{
	position: relative;
	width: 98%;
    height: auto;
    margin: 2% 0px 0 1%;
/*    background-color:rgba(0,0,0,0.66);*/
	perspective: 100px;
	overflow: hidden;
    /*animation: warp1 30000ms linear infinite;	*/
}

.fsLogo{
	position:relative;
	width: 100%;
}

.fsSheen{
	position: absolute;
    width: 100px;
    height: 100%;
    background-color: var(--lsWhite01);
/*    background-color: #fff;*/
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    mix-blend-mode: screen;
    filter: blur(40px);
    opacity: 0.5;
}

.fTestLogo1{
	position:relative;
	width:100%;
}

/*.fcInfoRow{
	position:relative;
	margin: 0 var(--padVal) var(--padVal) 0;
	padding: var(--padVal) 0 0 0;
	display: grid;
	grid-template-columns: 49% 49%;
	grid-gap: 2%;
	border-top: var(--uniLine);
	transform-origin: left;
}

.fcInfoRow:first-of-type{
	border-top: none;
}*/

.fcLinkRow{
	position:relative;
	margin: var(--padVal);
	display: flex;
	flex-direction: column;
}

.fsIMGDes{
	max-width: 181px;
}

#ftDeetsCon{
	padding: var(--padVal);
}

.fsTitleCon{
	position:relative;
	width:100%;
	padding: 0 var(--padVal);
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.fsTitle{
	font-family:"helv_med";
	font-size:1.8rem;
	letter-spacing: 0.08rem;
    -webkit-font-smoothing: antialiased;

}

.cityOfText{
	font-family:"helv_med";
	font-size:0.8rem;
	letter-spacing: 0.08rem;
    -webkit-font-smoothing: antialiased;
}

.cityOfText:nth-of-type(2){
	transform: rotateY(180deg);
}

.ftSubCopy{
	position:relative;
	/*max-width: 600px;*/
	column-count: 2;
    column-gap: 20px;
    padding: 20px 0 0 0;
    margin: auto;
}





/*---------------AB-WRK-SECTION------------------*/

#splitSection{
	position:relative;
	height: 55vw;
	display: grid;
	grid-template-columns:50% 50%;
	border-top: var(--uniLine);
/*	border-bottom: var(--uniLine);*/
/*	border-left: var(--uniLine);
	border-right: var(--uniLine);*/
}

.hpSplitCol{
	position:relative;
	width: 100%;
	height:100%;
	margin: auto;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.hpSplitCol:first-of-type{
	border-right: var(--uniLine);
}

.splitTitle{
	font-size:12.5vw;
}

.scriptTitle{
	position: relative;
	z-index: 2;
}

#hpWorkCol .scriptTitle{
	margin: -2% 0 -34% -5%;
	letter-spacing: 0.5vw;
}

#hpWorkCol .helvTitle{
	margin: 0 0 0 6%;
}

#hpShopCol .scriptTitle{
	margin: -2% 0 -34% 0%;
}

.splitMainCon{
	position:relative;
	width: 100%;
    height: 100%;
	display: flex;
	margin: -2% 0 0 0;
	padding: 0 var(--padVal);
}

.splitSubCol{
	position:relative;
	display: flex;
	flex-direction: column;
}

.splitInfoCon{
	position:relative;
	padding: 0 var(--padVal) 0 0;
	margin: -0.33% 0 0 0;
	display: flex;
	justify-content: space-between;
}

.splitCopy{
	position:relative;
	width:100%;
	max-width: 800px;
/*	column-count: 2;*/
	column-gap: 20px;
}

.splitLink{
/*	font-size:1.33rem;*/
	width: max-content;
}

.splitIMGCon{
	position: relative;
    width: 100%;
    max-width: 800px;
    height: 100%;
    padding: var(--padVal) 0;
    display: flex;
    align-items: flex-end;
}

.abtWrkIMG_wrpr{
	position:relative;	
	width:66%;
	height: 100%;
	background-color:rgba(0,0,0,0.06);
}

.splitIMGCopy{
	position:relative;
	width:calc( 34% - var(--padVal) );
	padding: 0 0 0 var(--padVal);
}

#hpWorkCol .splitIMGCon{
	flex-direction: row-reverse;
}

#hpWorkCol .splitIMGCopy {
    padding: 0 var(--padVal) 0 0;
}

#hpWorkCol .splitIMGCon {
    justify-content: flex-end;
}

/*#hpsplitSection{
	background-color:rgba(0,0,0,0.03);

}
*/

/*---------------POEM FLIPPER------------------*/

#hpPoemSection{
	height: 25vw;
	padding: var(--uniPadding);
	display: flex;
	justify-content:space-between;
	align-items: center;
	border-top: var(--uniLine);
	overflow: hidden;
}

.phPoemCon{
	position:relative;
	width: 100%;
    height: 100%;
	display:flex;
	justify-content:center;
	align-items:center;
	animation: orbFlicker 400ms linear infinite;
	display: none;
}

.hpPoemText{
	font-family:'helv_med';
	font-size:2vw;
	line-height: 1em;
	min-width: max-content;
	text-align: center;
	position:absolute;
	width:fit-content;
	height:fit-content;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
/*	transform: scaleY(3.5);*/
	display: none;
}

.hpPoemText:first-of-type{
/*	position:relative;*/
/*	display: flex;*/
}

.hpPoemText br{
	display: none;
}

.admin01Con{
	position:relative;
	width:auto;
	height:85%;
}

.admin01-base{
	position:relative;
	width:auto;
	height: 100%;
}

.admin01{
	position:absolute;
	width: auto;
    height: 100%;
    top: 0;
    left: 0;
}