/*------------------------------------WORK-----------------------------------------*/
/*------------------------------------WORK-----------------------------------------*/
/*------------------------------------WORK-----------------------------------------*/

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

.wkTitleCon{
	margin: 0 0 0 0;
	padding: var(--padVal) 0 0 0;
}

.wkTitleCon .helvTitle{
	font-size: 30vw;
    line-height: 23vw;
    margin: 0% 0 1% -1%;
}

.wkTitleCon .scriptTitle{
	position: absolute;
	font-size: 29.4vw;
	letter-spacing: 0vw;
	margin: -2.9% 0 0px -11.66%;
	z-index: 1;
}

.wkDesCon{
	position:relative;
	width:100%;
	padding: var(--padVal);
	border-bottom: var(--uniLine);
	display: flex;
	overflow: hidden;
}

.mainWkCopy {
    text-transform: uppercase;
    column-count: 3;
    width: 50%;
/*    margin: 0 0 0 auto;*/
    margin: 0 0 0 0;
} 


/*--------CASES-----------*/

.caseBlock{
	position:relative;
	width:100%;
	padding: var(--padVal);
	display: flex;
	border-bottom: var(--uniLine);
}

.caseBlock:last-child{
	border-bottom: none;
}

.caseBlock:nth-child(odd){
	flex-direction: row;
}

.caseBlock:nth-child(even){
	flex-direction: row-reverse;
}

.caseColumn{
	position: relative;
	width:50%;
}

.caseHeader{
	position:relative;
	width:100%;
	display: flex;
	justify-content: space-between;
}

.caseBlock:nth-child(even) .caseHeader{
	padding: 0 0 0 var(--padVal);
}

.caseInfoCon,
.csCol-left{
	position: relative;
	width:100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


.caseTitle{
	font-size: 2.8vw;
    line-height: 1em;
	margin: -0.5% 0 0 -0%;
}

.caseNumber{
	font-size: 8vw;
	line-height: 5.3vw;
	text-align: right;
}

.caseBlock:nth-child(odd) .caseNumber{
	margin: 0vw 0.44vw 0 0;
}

.caseBlock:nth-child(even) .caseNumber{
	margin: 0vw 0 0 -0%;
}

.caseBlock:nth-child(1) .caseNumber{
	margin: 0vw -2% 0 0;
}

.caseBlock:nth-child(odd) .caseRows{
	padding: 0 var(--padVal) 0 0;
}

.caseBlock:nth-child(even) .caseRows{
	padding: 0 0 0 var(--padVal);
}

.caseInfoRow {
    margin: 0 0 var(--padVal) 0;
}

.caseBlock:nth-child(odd) .fsIMGDes {
    order: 1;
    margin: 0 0 0 auto;
}

.caseComp{
	position: relative;
    height: 49vw;
}



/*---------------------------------CASE-STUDY-----------------------------------------*/
/*---------------------------------CASE-STUDY-----------------------------------------*/
/*---------------------------------CASE-STUDY-----------------------------------------*/

/*--------MAIN-----------*/

.csMainCon{
	position:relative;
	margin: var(--uniPadding) var(--padVal) 0 var(--padVal);
	overflow: hidden;
}

.csEntryCon{
	position: relative;
	display: grid;
	grid-template-columns: 34% 66%;
	grid-gap: var(--padVal);
}

.csCol{
	min-height: 100vh;
}

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

.csEntryCon .caseNumber {
    font-size: 6vw;
    line-height: 4.3vw;
}


.csEntryCon .caseHeader{
	margin: 0 0 10% 0;
}

.speciRow, .voidRow, .csEntryCon{
	margin: 0 0 var(--padVal) 0;
}

.speciRow,
.subRow{
	position: relative;
	width:100%;
	display: grid;
	grid-gap: var(--padVal);
}

.voidRow{
	position: relative;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:rgba(0,0,0,1.0);
}

.speciRow_100{
	grid-template-columns: 1fr;
}

.speciRow_50-50{
	grid-template-columns: 1fr 1fr;
}

.speciRow_34-66,
.subRow_34-66{
	grid-template-columns: 1fr 2fr;
}

.speciRow_66-34,
.subRow_66-34{
	grid-template-columns: 2fr 1fr;
}

.speciRow_15-85{
	grid-template-columns: 1fr 6fr;
}

.speciRow_85-15{
	grid-template-columns: 6fr 1fr;
}

.speciRow_1-2-1{
	grid-template-columns:1fr 4fr 1fr
}

.speciRow_2-1-1{
	grid-template-columns:4fr 1fr 1fr;
}

.speciRow_1-1-2{
	grid-template-columns:1fr 1fr 4fr;
}

.speciRow_1-2-2{
	grid-template-columns:1fr 4fr 4fr;
}

.speciRow_2-2-1{
	grid-template-columns:4fr 4fr 1fr;
}

.speciRow_1-2-1-1{
	grid-template-columns:1fr 4fr 1fr 1fr;
}

.subRow_thirds{
	grid-template-columns:1fr 1fr 1fr;
}

.subRow_fourths{
	grid-template-columns:1fr 1fr 1fr 1fr;
}

.innerRow{
	position:relative;
	margin: 1vw;
	display:flex;
	justify-content:space-between;
	z-index: 3;
}

.innerBlock{
	position:relative;
}

.innerCon{
	position: relative;
	width: 100%;
	height: aito;
	padding: 5vw;
	background-color:rgba(0,0,0,1.0);
}

.halvesIMGCon{
	position:relative;
	width:100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--padVal);
}

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

.halfCol .speci_wrpr{
	position: relative;
	min-height: 45vw;
}


.csDesCol{
	position: relative;
	display: flex;
	flex-direction: column;
/*	justify-content: flex-end;*/
	align-items: flex-end;
}

.jcsb{
	justify-content: space-between;
}

.speciRow_66-34 .csDesCol{
	align-items: flex-start;
}


.speciSub{
	position: relative;
/*	padding: 5px 0 0 0;*/
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.csEntryCon .speciSub,
.speciRow_34-66 .speciSub,
.speciRow_66-34 .speciSub{
	width:49%;
}

.speciRow_1-2-1 .speciSub{
	width:100%;
}

.halvesRow .speciDes{
	margin: 0 0 var(--padVal) 0;
}

/*
.speciDes:last-of-type{
	max-width: 281px;
}*/


/*.speciSub {
    padding: 5px;
    width: fit-content;
    background-color: var(--lsWhite01);
    margin: -28px 0px 0 -2px;
    position: relative;
}*/


.speciRow-cueCon01{
	position:absolute;
	width:100%;
	padding: var(--padVal);
	bottom: 0;
	display:flex;
	justify-content: space-between;
	z-index: 1;
}

.cueCopy01{
	color: var(--lsWhite01);
}


/*------------------------------FOREVER-SIGH-----------------------------------------*/
/*------------------------------FOREVER-SIGH-----------------------------------------*/
/*------------------------------FOREVER-SIGH-----------------------------------------*/


/*-----------INTRO-CARD------------*/

#introCard{
	min-height: 40vw;
}

#introCard .innerCon{
	position: relative;
	width: 75vw;
    height: 40vw;
    margin: 5vw;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	background-color:#ffffff;
}

#warpLogoVid{
	position:absolute;
	width:66%;
	height:fit-content;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	z-index: 3;
    mix-blend-mode: darken;
}

.innerCopy01{
	font-size:1vw;
	line-height: 1em;
}

.theCityCopy01{
	font-size: 1vw;
    line-height: 1em;
    letter-spacing: 0.1em;
    text-align: center;
}

.titleCopy01{
	font-size: 2vw;
    line-height: 1em;
    letter-spacing: 0.05em;
}

.innerBlock_right .innerCopy01{
	text-align: right;
}

#introCard .innerBttm{
	gap: 8vw;
	align-items: flex-end;
}

.innerBlock_mid .innerCopy01{
	font-size:0.8rem;
	width:425px;
}

.innerBttm .innerBlock_left,
.innerBttm .innerBlock_right{
	transform: scaleY(3.4);
    transform-origin: bottom;
    margin: 0 0 -3.33% 0;
}

.innerBttm .scriptCopy{
	font-size:1.3vw;
}




/*-----------POSTERS 1 & 2------------*/


.speciSub:first-of-type .speciDes:first-of-type{
	margin: 0 0 30px 0;
}

/*-----------BIZ CARDS------------*/


.bizCardMain{
	position:relative;
	width:100%;
	height: 50vw;
}

.moverBG, .speciBG01{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
/*	background-color:#19150c;*/
	background-color:rgba(0,0,0,1.0);
/*	background-color:var(--lsBlack01);*/
}

.bizCardPers_wrpr{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	perspective: 1000px;
	perspective-origin: center;
}

.bizCardCon{
	position:absolute;
	width:540px;
	height:auto;
	aspect-ratio: 650/390;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	overflow: hidden;
/*	box-shadow: 0px 0px 12px 12px rgba(255, 255, 255, 0.2);*/
}

.bizCardCon:hover{
	cursor: ew-resize;
}

.bizCardBG,
.posterBG{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background-color:#ffffff;
}

.bizCardIMG{
	position: absolute;
	width:100%;
	height:100%;
	margin: 0% 0 0 0;
}

#bizCard01-shad{
/*	left: 3%;*/
	top: 7%;
	opacity: 0.25;
}

#bizCard01-top{
/*	left: -2%;*/
/*	animation: slowGlow2 10000ms infinite;*/

}

.bizGradient{
	position:absolute;
	width:160%;
	height:100%;
	top:0;
	bottom:0;
	left:-60%;
	right:0;
	margin:auto;
	background:linear-gradient(to right,  #000, #fff, #fff, #000);
	mix-blend-mode: multiply;
	opacity: 0.2;
	pointer-events: none;
}


/*-----------SIGNS------------*/

.signBG{
	animation: signGlow 6000ms infinite;
}

.signIMG-glow{
	animation: slowGlow5 6000ms infinite;
}

.signIMG-top{
	animation: slowGlow4 8000ms infinite;
}

.redDot{
	position:absolute;
	width:20px;
	height:20px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background-color:red;
	z-index: 100;
}

.signsMainCon{
	position:relative;
	width: fit-content;
    margin: auto;
	padding: 2vw;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-gap: 2vw 2vw;
}

.signCon{
	position: relative;
	width:auto;
	margin: auto;
	padding: 10px;
	display: flex;
}

.signBG{
	filter: blur(5px);
	opacity: 0.22;
}

.signIMG-glow{
	position:absolute;
	width:auto;
	height:25vw;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	filter: blur(10px);
}

.signIMG-top{
	position:relative;
	width:auto;
	height:25vw;
}

.bizCard-side2{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	opacity: 0;
}

.bizCard-side2-MidCon{
	position:absolute;
	width:30%;
	height:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	display:flex;
	justify-content:center;
	align-items:center;
}

#bizCard01-shadow-top2,
#bizCard01-top2,
.bizCard-warpWrpr,
.bizCard-rotWrpr{
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

#bizCard01-shadow-top2{
	top: 12%;
    left: 6%;
	opacity: 0.25;
}

#bizCard01-top2{
	top: 0%;
    left: -25%;
}

.bizCard-side2-inhale{
	position:absolute;
	width:100px;
	height:100px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	display: flex;
    align-items: center;
    justify-content: center;
}

.bizCopy{
	position:absolute;
	width:fit-content;
	height: fit-content;
	font-size:0.7rem;
	line-height: 1.44em;
	letter-spacing: 0.1em;
	text-align: center;
	top: 20%;
    left: -2%;
}

.bizCopy-shadow{
	top: 43%;
    left: 42%;
	opacity: 0.25;
	filter: blur(5px);
}



/*-----------BREATHING POSTER------------*/

.posterMainCon{
	position:relative;
	width:100%;
	height: auto;
	display:flex;
	justify-content:center;
	align-items:center;
}

.posterCon{
	position: relative;
    width: 75%;
    height: auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin: 4vw;
    aspect-ratio: 3 / 4;
}

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

.breathingRow{
	position:relative;
	width:100%;
	display:flex;
	flex-direction:column;
	z-index: 2;	
}

.breathingFSCon{
	position:relative;
	width:100%;
	display:flex;
	justify-content: space-between;
}

.breathingTitle01{
	font-family: 'helv_med';
    font-size: 12.5vw;
    letter-spacing: -1vw;
    width: fit-content;
    margin: -3.8vw 0vw 0% -1vw;
    color: var(--lsBlack01-perm);
}

.breathingRow .distTypeIMG{
	position: relative;
    width: 140%;
    height: 8.25vw;
    margin: -1.5vw 0 -0.25vw -5.25vw;
}

.breathingRow .distTypeIMG01{
	transform-origin: center;
}

.breathingRow .distTypeIMG02{
	left: -5vw;
	transform-origin: center;
}

.breathingRow:last-of-type{
	position: relative;
    width: 100%;
    padding: 1% 5% 0 5%;
    display: grid;
    grid-template-columns: 18% 52% 18%;
    grid-gap: 6%;
    align-items: center;
}

.tearDropCon{
	position:relative;
	width:100%;
	height: fit-content;
}

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

.breathingRow .inhaleCopy{
	font-size:0.4vw;
	line-height: 1em;
	position:absolute;
	width:fit-content;
	height:fit-content;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
    color: var(--lsBlack01-perm);

}

.breathingCopyCon{
	position:relative;
}

.breathingCopy{
	font-size:0.4vw;
	line-height: 1em;
    color: var(--lsBlack01-perm);
}

.innerBG,
.innerCon .paperIMG,
.posterCon .paperIMG{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.innerCon .paperIMG_under,
.posterCon .paperIMG_under{
    opacity: 0.33;
	z-index: 1;
}

#burningPoster01 .posterCon .paperIMG_under{
	opacity: 0.2;
	z-index: 1;
}

.posterCon .paperIMG_over{
	z-index: 3;
	mix-blend-mode: color-burn;
    opacity: 0.66;
    pointer-events: none;
}

#speciRow_poster01 .csDesCol{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

#speciRow_poster01 .copyBlock{
	position:relative;
	display:flex;
	justify-content:space-between;
	gap: 30%;
}

#speciRow_poster01 .vid_wrpr{
	height: fit-content;
}


/*-----------TITLE POSTER------------*/

.titleP-TypeComp{
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	z-index: 2;
}

.titleP-TypeComp_glow{
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	animation: typeGlow01 20000ms linear infinite;
}

#signage04Section .csDesCol{
	justify-content:space-between;

}


#titleCardSection .innerBG{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background-color:rgba(0,0,0,1.0);
}


/*------------------------------BROTHERKENZIE-----------------------------------------*/
/*------------------------------BROTHERKENZIE-----------------------------------------*/
/*------------------------------BROTHERKENZIE-----------------------------------------*/


#getOnIt-fw01{
	max-height: 49vw;
    overflow: hidden;
}