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

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

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

.abTitleCon .helvTitle{
	font-size: 27vw;
    line-height: 22vw;
    margin: 0% 0 1% 0;
}

.abTitleCon .scriptTitle{
	position: absolute;
    font-size: 27vw;
    letter-spacing: -2vw;
    margin: -2.33% 0 0px -10%;
    z-index: 1;
}

.abSubCon .subTitle01:nth-of-type(3){
	text-align: right;
}

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

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

#dagger01{
	position:relative;
	width:auto;
	height: 181px;
}

.mainAbCopy{
	text-transform: uppercase;
	column-count: 4;
}

.mainAbCopy {
    text-transform: uppercase;
    column-count: 3;
    width: 51.5%;
    margin: 0 0 0 auto;
}

/*--------INCANT-----------*/

#abIncantSection{
	border-bottom: var(--uniLine);
	display:flex;
	overflow: hidden;
}

/*.incantInstructCon{
	position:relative;
	width:8vw;
	max-height:100vh;
	display:flex;
	flex-direction:column;
	padding: 3vw var(--padVal) var(--padVal) var(--padVal);
	border-left: var(--uniLine);
}

.jukoCopy01{
	font-family: 'cassius';
	height: fit-content;
    writing-mode: vertical-rl;
    font-size: 6.3vw;
    letter-spacing: -0.1vw;
    line-height: 0.8em;
    color: var(--lsBlack01);
}

.instructCopy01{
	height: fit-content;
    writing-mode: vertical-rl;
    font-size: 2.3vw;
    line-height: 0.8em;
    color: var(--lsBlack01);
}
*/
.abMainCon{
	position:relative;
	width:100%;
	padding: var(--padVal);
	display: block;
}

.abVertBlock1{
	height: fit-content;
	writing-mode: vertical-rl;
	height: 45vw;
    max-height: 700px;
}

.abVertBlock1_wrpr{
	width: auto;
    height: fit-content;
    shape-outside: content-box;
    shape-margin: var(--padVal);
    margin: var(--padVal) var(--padVal) 0 0;
    float: left;
    transform: rotate(180deg);
}

.abSliderCon{
	position: relative;
	width: 50vw;
    height: 37vw;
    shape-outside: content-box;
    shape-margin: var(--padVal);
    margin: 0 0 0 var(--padVal);
    float: right;
/*    background-color: rgba(0,0,0,0.09);*/
    display: flex;
}

.abSliderMain{
	position:relative;
	display: flex;
}

.abSlideBlock{
	position:relative;
	display: flex;
	width: 100%;
}

.abCompIMG{
	position:absolute;
	width:100%;
	height:auto;
	pointer-events: none;
}

.abSlideCopyCon{
	position:relative;
	width:181px;
	margin: 0 0 0 var(--padVal);
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.abCompBG01_wrpr{
	position:absolute;
	width:auto;
	height: 102%;
	top:-3%;
	left:-2%;
	right:0;
	margin:auto;
	pointer-events: none;
}

#abCompBG01{
	
/*	transform-origin: top;*/
}

.abCompFG01_wrpr{
	position:absolute;
	width:105%;
	height: 102%;
	top:0;
	left:-2%;
	right:0;
	margin:auto;
	pointer-events: none;
}

#abCompFG01{
	
/*	transform-origin: bottom;*/

}

#abCompAdmin01{
	width: auto;
    height: 16%;
    top: 55%;
    bottom: 0;
    left: 26%;
    right: 0;
    margin: auto;
}



/*--------SEALS-----------*/

.abPoemText{
	font-size: 3.9vw;
	line-height: 0.8em;
	text-align-last: justify;
	cursor: default;
}

.incant{
/*	display: inline-flex;*/
	position: relative;
/*	transition: 300ms;*/
}

.incant.active:hover{
/*	transform: scaleX(1.2);*/
/*	transform: translateY(5px);*/
/*	filter: blur(3px);*/
	animation: letterFlip02 300ms steps(4, end) infinite;
/*	color:var(--lsBlack01);*/
	-webkit-text-stroke:0px;
	z-index: 1000;
/*	cursor: none;*/
}

.hoved{
	animation: letterFlip03 3000ms steps(4, end) infinite;
/*	text-shadow:10px 0 0 var(--lsLime01-perm),0 10px 0 var(--lsLime01-perm),-10px 0 0 var(--lsLime01-perm),0 -10px 0 var(--lsLime01-perm);*/
}

.break{
	text-shadow:0.3em 0 0 var(--lsBlack01),0 0.3em 0 var(--lsBlack01),-0.3em 0 0 var(--lsBlack01),0 -0.3em 0 var(--lsBlack01);
}


.abPoemText:first-of-type{
	margin: 0 0 0 0;
}

.sealsMain{
	position:absolute;
	width:100vw;
	height:100vh;
	top:0;
	z-index: 1;
	pointer-events: none;
}

.sealsCon{
	position:absolute;
	width:100%;
	height:100%;
	animation: sealFlicker 100ms ease-out infinite;
}

.sealIMG{
	position:absolute;
	width:auto;
	height:101%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	opacity: 0;
/*	z-index: 2;*/
}

.pin-spacer{
	pointer-events: none;
}

/*#eligos{
	opacity: 1;
}*/

/*--------CARNA-----------*/

#abCarnaSection{
	border-bottom: var(--uniLine);
	overflow: hidden;	
}

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

.carnaTitleCon{
	position:relative;
	width:100%;
	z-index: 1;
}

.carnaTitle01{
	font-size: 13.3vw;
    line-height: 11vw;
    margin: 0 0 0 -1%;
}

.carnaTitle02{
	font-family: "sloop-script-one", sans-serif;
    font-size: 12vw;
    font-weight: 400;
    font-style: normal;
    line-height: 12vw;
    letter-spacing: -0.66vw;
    margin: -0.33% 0 -3% -4%;
}

/*.carnaTitle02 {
    font-family: "sloop-script-one", sans-serif;
    font-size: 23vw;
    font-weight: 400;
    font-style: normal;
    line-height: 21vw;
    letter-spacing: -0.66vw;
    margin: -0.66% 0 -4.44% -4%;
    position: relative;
}
LARGE TITLE*/

.carnaCon01{
	position:relative;
	display: flex;
	padding: var(--padVal);
}

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

#carnaCol02{
	margin: 2px var(--padVal);
}

#carnaCol03 .subTitle01{
	text-align: right;
}

.carnaCopy{
	column-count: 2;
}

.carnaCompCon{
	position: relative;
	width: 48vw;
    height: 51vw;
}

.carnaIMG{
	position:absolute;
	width:auto;
	height:102%;
}

#carnaBG01{
	transform-origin: top;
}

#carnaFG01{
	height:100%;
	transform-origin: bottom;
}

#carnaColIMG01{
	right: -5%;
}

#carnaFig01{
	height: 32%;
    position: absolute;
    bottom: 0%;
    left: 18%;
    right: 0;
    margin: auto;
}

#abSec01{
	position:relative;
	width:100%;
}


/*--------WTF-----------*/

#abWTFSection{
	border-bottom: var(--uniLine);
	overflow: hidden;	
}

.wtfMainCon{
	position:relative;
	padding: var(--padVal);
	display: grid;
    grid-template-columns: 50% 50%;
}

.wtfTitle{
	font-size: 4vw;
    line-height: 4vw;
    margin: -1% var(--padVal) 0% 0;
}

.wftCopy{
	column-count: 2;
}


/*--------LABORS-----------*/

#abLaborsSection{
	border-bottom: var(--uniLine);
	overflow: hidden;	
}

.laborsMainCon{
	position:relative;
	padding: var(--padVal);
}

.theLabors{
	overflow: hidden;
}

.laborTitle01{
	font-family: "sloop-script-one", sans-serif;
    font-size: 14vw;
    font-weight: 400;
    font-style: normal;
    line-height: 14vw;
    letter-spacing: -0.66vw;
    margin: -0.33% 0 -2.66% -4%;
}

.laborTitle02{
	font-size:8vw;
	line-height: 8vw;
	margin: 0;
}

.laborSubCopy{
	width:50%;
	padding: var(--padVal) 0;
}

.indvLaborsCon{
	position: relative;
	display: grid;
	grid-template-columns: 50% 50%;
}

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

.laborIMGCopy{
	width:25%;
	max-width: 181px;
}


/*--------MEH-----------*/

#abMehSection{
	overflow: hidden;
}

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

.mehTitle01{
	font-family:"heretika";
	font-size:15.33vw;
	line-height: 14vw;
	margin: 0 0 1% 0;
}

.mehCon{
	position:relative;
	width:100%;
	height: 50vw;
	padding: var(--padVal);
	display: grid;
	grid-template-columns: 50% 50%;
}

.mehIMG{
	position:absolute;
	width:100%;
}

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

.mehCopy{
	padding: 0 0 0 var(--padVal);
	text-transform: uppercase;
	column-count: 3;
}

.mehSubs{
	font-size: 4rem;
    line-height: 3.2rem;
    margin: 0 0 var(--padVal) var(--padVal);
	text-align-last: justify;
}

.mehIMGCopy{
	position: relative;
	width: 25%;
	padding: 0 var(--padVal);
    margin: auto 0 0 0;
    display: block;
}





