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

:root{

	--blk01:#0F0F0F;
	--org01:#FE5F00;
	--ltOrg01:#E08932;
	--purp01:#C258F0;
	--grn01:#62F970;
	--white01:#fff;
	--tan01:#F4EECB;
	--tan02:#FFD88E;
	--ltGrey01:#C0C0C0;


	--whiteLine01: 1px solid var(--tan01);
	--whiteLine02: 2px solid var(--tan01);
	--blkLine01: 1px solid var(--blk01);
	--blkLine02: 2px solid var(--blk01);
	--orgLine01: 1px solid var(--org01);
	--orgLine02: 2px solid var(--org01);
	--blkLine02_thick: 6px solid var(--blk01);


	--uniP-sm:20px;
	--uniP:30px;
	--uniP-lg1:40px;
	--uniP-lg2:60px;

	--topMargin:90px;

	--rad01:20px;
	--rad01_sm:10px;

	--shadow01:0px 7px 12px rgba(0,0,0,0.1);

	--tanGrad: linear-gradient(var(--tan01), var(--tan02));
	--orgGrad: linear-gradient(var(--org01), var(--ltOrg01));
	--fadeUp_blk01: linear-gradient(rgba(0, 0, 0, 0), var(--blk01));
	--fadeRight_blk01: linear-gradient(to left, var(--blk01), rgba(0, 0, 0, 0));
	--fadeDown_blk01: linear-gradient(var(--blk01), rgba(0, 0, 0, 0));
	--fadeLeft_blk01: linear-gradient(to right, var(--blk01), rgba(0, 0, 0, 0));




}


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

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

h1, h2, h3, h4, h5, h6, p, a, li{
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	text-box: trim-both;
    text-box-edge: cap alphabetic;
}

a{
	text-decoration:none;
	color: unset;
	height: fit-content;
    width: fit-content;
}


ul {
    list-style-type: none;
}

li{
	text-decoration: none;
}

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

img{
	position:relative;
	width:100%;
	display: block;
}


/*------------------------------------fonts-----------------------------------------*/

@font-face{
    font-family:"bw";
    font-style:normal;
	font-weight:normal;
    src: url(/fonts/BuckwheatTC-Regular.woff2) format('woff2');
}

@font-face{
    font-family:"bw_r";
    font-style:normal;
	font-weight:normal;
    src: url(/fonts/BuckwheatTC-Rough.woff2) format('woff2');
}

@font-face{
    font-family:"imFell_reg";
    font-style:normal;
	font-weight:normal;
    src: url(/fonts/IM_FELL_English_Roman.woff2) format('woff2');
}

@font-face{
    font-family:"imFell_it";
    font-style:normal;
	font-weight:normal;
    src: url(/fonts/IM_FELL_English_Italic.woff2) format('woff2');
}

@font-face{
    font-family:"rs";
    font-style:normal;
	font-weight:normal;
    src: url(/fonts/RockSalt-Regular.woff2) format('woff2');
}

@font-face{
    font-family:"scp_reg";
    font-style:normal;
	font-weight: 100 900; 
  src: url('SourceCodePro-VariableFont_wght.ttf') format('ttf-variations'),
       url('SourceCodePro-VariableFont_wght.ttf') format('ttf') tech('variations');
}

@font-face{
    font-family:"scp_it";
    font-style:normal;
	font-weight: 100 900; 
  src: url('SourceCodePro-Italic-VariableFont_wght.ttf') format('ttf-variations'),
       url('SourceCodePro-Italic-VariableFont_wght.ttf') format('ttf') tech('variations');
}


/*.ADOBEFONTS{
	font-family: roc-grotesk,sans-serif;
	font-weight: 600;
	font-style: normal;
}*/


.bw01{
	font-family: "bw", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	line-height: 1em;
	color: var(--white01);
}

.bw01_r{
	font-family: "bw_r", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	line-height: 1em;
	color: var(--white01);
}

.imf{
	font-family: "imFell_reg", Times, serif;
	font-size: 1rem;
	line-height: 1.33em;
	color: var(--white01);
}

.imf_it{
	font-family: "imFell_it", Times, serif;
	font-size: 1rem;
	line-height: 1.33em;
	color: var(--white01);
}

.bc01{
	font-family: "imFell_reg", Times, serif;
	font-size: 1rem;
	line-height: 1.33em;
	/*text-align: justify;*/
	color: var(--white01);
}

.bc01_bold{
	font-weight: 900;
}

.bc01_it{
	font-family: "imFell_it", Times, serif;
	font-size: 1rem;
	line-height: 1.33em;
	color: var(--white01);
}

.bc01_lg1{
	font-family: "imFell_reg", Times, serif;
	font-size: 1.33rem;
	line-height: 1.33em;
	/*text-align: justify;*/
	color: var(--white01);
}

.bc01_it_lg{
	font-family: "imFell_it", Times, serif;
	font-size: 1.44rem;
	line-height: 1.33em;
	/*text-align: justify;*/
	color: var(--white01);
}

.bc01 li{
	margin: 10px;
}

.acc01{
	font-family: "scp_reg", monospace;
	font-size: 0.66rem;
	font-weight: 300;
	line-height: 1.33em;
	letter-spacing: 8%;
	text-transform: uppercase;
	color: var(--org01);
}

.accT01{
	font-family: "bw", Helvetica, Arial, sans-serif;
	font-size:1rem;
	line-height: 1em;
	color: var(--org01);
}

.rs01{
	font-family:"rs";
	font-size:1rem;
	color: var(--white01);
}

.sbT01{
	font-size:clamp(1rem, 3vw, 100px);	
	line-height: 1em;
    position: relative;
}

.bc01_it.sbT01{
	font-size: 3.11rem;
    top: -0.04em;
    position: relative;
}

.sbT02{
	font-size:2.33rem;	
	line-height: 1em;
    position: relative;

}

.bc01_it.sbT02{
	font-size: 2.44rem;
    top: -0.04em;
    position: relative;
}

.sbT03{
	font-size:1.66rem;	
	line-height: 1em;
    position: relative;

}

.bc01_it.sbT03{
	font-size: 1.88rem;
    top: -0.04em;
    position: relative;
}

.sbT04{
	font-size:1.33rem;	
	line-height: 1.33em;
    position: relative;
}

.bc01_it.sbT04{
	font-size: 1.44rem;
    top: -0.04em;
    position: relative;
}

.bc01 a,
.bc01_lg1 a,
.bioLink{
	font-family: "imFell_reg";
	color: var(--purp01);
	/*text-transform: uppercase;*/
	text-decoration: underline;
	cursor: pointer;
}

.bc01 a:hover,
.bc01_lg1 a:hover,
.bioLink:hover{
	color: var(--grn01);
}

.bc01_lg1 .emailLink{
	font-family: "imFell_reg";
	text-decoration: underline;
	color: var(--white01);
	text-transform: none;
}

.bc01_lg1 .emailLink:hover{
	color: var(--grn01);
}

.genLink{
	color: var(--purp01);
}

.genLink:hover{
	color: var(--grn01);
}


/*------------------------------------INIT STATES----------------------------------------*/

.o0{
	opacity: 0;
}


/*------------------------------------GLOBAL ELS-----------------------------------------*/


.pageSection1{
	position:relative;
	width:100vw;
	height: 100vh;
	/*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;
}

.rc1{
	border-radius: var(--rad01);
}

.rc1-sm{
	border-radius: var(--rad01_sm);
}

.oBrdr1{
	overflow: hidden;
	border: var(--orgLine01);
}

.blkBG{
	background-color:var(--blk01);
	top: -1px;
}

.blkLine02{
	position:relative;
	width:100%;
	border-bottom: var(--blkLine02);
}

.mainCon{
	position:relative;
	padding: var(--uniP);
}

.sectCon{
	position:relative;
}

.col,
.row,
.subCol,
.subRow{
	position:relative;
}

.cols2{
	position:relative;
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--uniP);
}

.cols3{
	position:relative;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: var(--uniP);
}

.cols2 .col,
.cols3 .col{
	position:relative;
	display: flex;
    flex-direction: column;
}

.preCon{
	position:relative;
	width:auto;
	padding: var(--uniP-sm) 0;
    margin: var(--uniP) var(--uniP-lg2);
	display:flex;
	justify-content:space-between;
}

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

.preCon .subCol-01{
	align-items: flex-start;
}

.preCon .subCol-02{
	align-items: center;
	text-align: center;

}

.preCon .subCol-03{
	align-items: flex-end;
	text-align: right;

}


.fwLine{
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-bottom: var(--orgLine01);
}

.preCon .accT01{
	margin: 0 0 10px 0;
}

.preCon .acc01{
	font-size:0.5rem;
	line-height: 1.66em;
}

.topGrad{
	position:absolute;
	width:100%;
	height:25vw;
	top: 0;
	background: var(--fadeDown_blk01);
}

.rightGrad{
	position:absolute;
	width:12vw;
	height:100%;
	top: 0;
	right: 0;
	background: var(--fadeRight_blk01);
}

.bttmGrad{
	position:absolute;
	width:100%;
	height:25vw;
	bottom: 0;
	background: var(--fadeUp_blk01);
}

.sig-fill-01 {
	fill: var(--org01);
}

.paperBtn{
	position:relative;
	width: fit-content;
	height:fit-content;
	padding: 5px;
	background-color:var(--org01);
	overflow: hidden;
	transition: 150ms;
}

.paperBtn-sm{
	background-color:var(--purp01);
}

.paperBtn .pTxtr01{
	opacity: 0.88;
}

.btnBlock{
	position:relative;
	width:fit-content;
	height:fit-content;
	display:flex;
	flex-direction:column;
	border: var(--blkLine02);
}

.paperBtn-sm .btnBlock{
	display:grid;
	grid-template-columns: 1fr 1fr;
	
}

.paperBtn-sm .btnBlock .subCol{
	position: relative;
	padding: 5px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.paperBtn-sm .btnBlock .subCol-01{
	border-right: var(--blkLine02);
}

.paperBtn .topCon{
	position:relative;
	padding: 10px;
	display:flex;
	gap: var(--uniP-sm);
	border-bottom: var(--blkLine02);
}

.paperBtn .btnTitle{
	font-size:3.33vw;
	min-width: max-content;
	color: var(--blk01);
}

.paperBtn .knifeIMG{
	position:relative;
	width: 100%;
	height: auto;
}


.paperBtn .bttmCon{
	position:relative;
	height:100%;
	display:grid;
	grid-template-columns: 2fr 3fr 4fr;
}

.paperBtn .bttmCon .subCol{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.paperBtn .bttmCon .subCol-01 .acc01{
	position:relative;
	width:100%;
	height:100%;
	margin: auto;
	display:flex;
	justify-content:center;
	align-items:center;
}

.paperBtn .bttmCon .subCol-01 .acc01:first-of-type{
	width:100%;
	border-bottom: var(--blkLine02);
}

.paperBtn .bttmCon .subCol-02{
	padding: 5px;
	border-left: var(--blkLine02);
	border-right: var(--blkLine02);
}

.paperBtn .bttmCon .subCol-03{
	padding: 5px;
}

.paperBtn .accT01{
	font-size:1.33vw;	
	color: var(--blk01);
}

.paperBtn .acc01{
	font-size: 0.66vw;
	font-weight:900;
	line-height: 1.1em;
	/*max-width: 180px;*/
	color: var(--blk01);
}

.smallBtn{
	position:relative;
	width:fit-content;
	height:fit-content;
	padding: 4px;
	margin: var(--uniP-sm) 0;
	border-radius: 100px;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:var(--purp01);
}

.smallBtn .acc01{
	position:relative;
	width:fit-content;
	height:fit-content;
	padding: 10px 20px;
	color: var(--blk01);
	border-radius: 100px;
	border: var(--blkLine01);
}

.dlBtn{
	position: absolute;
    width: 36px;
    height: 36px;
    left: 13px;
    bottom: 13px;
    border-radius: 50px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color: var(--purp01);
}


.dlBtn .btnBrdr{
	position:absolute;
	width:90%;
	height:90%;
	border-radius: 100px;
	border: var(--blkLine01);
	transition: 150ms;
}

.dlBtn .acc01{
	font-size:1rem;
	position:relative;
	width:fit-content;
	height:fit-content;
	padding: 0;
	margin: -10% -4% 0 0;
	color: var(--blk01);
	transition: 150ms;
/*	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;*/
}

.dlBtn .dlLine{
	position: absolute;
    width: 40%;
    height: 1px;
    top: 0;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto;
    border-bottom: var(--blkLine01);
    transition: 150ms;
}

.paperBtn:hover,
.smallBtn:hover,
.dlBtn:hover{
	background-color:var(--grn01);
	box-shadow: 0 0 8px 4px var(--grn01);
}

.dlBtn:hover .btnBrdr,
.dlBtn:hover .dlLine,
.dlBtn:hover .acc01{
	transform: scale(1.11);
}

.paperBtn:hover{
	transform: scale(1.03);
}

.insideBtn{
	position: absolute;
	left: 13px;
	bottom: 13px;
	margin: 0;
}


/*.l_wrpr{
	position:relative;
}*/


.grain{
	position: absolute;
	width: 300%;
	height: 300%;
	top:-50%;
	bottom:0;
	left:-50%;
	right:0;
	margin:auto;
	pointer-events: none; 
}

.grain01{
	background-image: url(/images/globals/grain01.webp);
    background-repeat: repeat;
    background-size: 100px;
    opacity: 1;
    opacity: 0.77;
    /*z-index: 1001;*/
    mix-blend-mode: hard-light;
    animation: grain 8000ms steps(10) infinite;
}

.scrubber{
	position:absolute;
	width:2px;
	top: 0;
	left: 4px;
	background:linear-gradient(to bottom, red, yellow, green, blue);
	z-index: 1;
}

.trig{
	position:relative;
	width:10vw;
	height:5px;
	background-color:red;
}



/*--------------------------------INIT WINDOW-------------------------------------*/

#initSection01{
	position:fixed;
	width:100vw;
	height:100vh;
	background-color:rgba(0,0,0,0.94);
	display:flex;
	justify-content:center;
	align-items:center;
}

#initSection01 .initCon{
	position:relative;
	width:clamp(220px, 50%, 600px);
	height: fit-content;
	padding: var(--uniP);
	display:flex;
	flex-direction:column;
	justify-content: center;
	gap: var(--uniP);
	background-color:#000;
}

.initCopy{
	font-size:clamp(14px, 2vw, 20px) !important;
}

.yesNoCon{
	position:relative;
	width:fit-content;
	margin: 6vw auto;
	display:flex;
	justify-content: center;
	gap: var(--uniP);
}

.samDancer-hint{
	position:absolute;
	width:clamp(100px, 14vw, 220px);
	top:-266%;
	bottom:0;
	left:-230%;
	right:0;
	margin:auto;

}

.initAud{
	font-size:clamp(24px, 3vw, 66px);
	color: var(--org01);
	cursor: pointer;
}

.initAud:hover{
	color: var(--grn01);
	text-shadow: 0 0  5px #fff,  
    0 0 10px #fff,  
    0 0 20px #62F970, 
    0 0 30px #00d2ff, 
    0 0 40px #00d2ff;
	animation: glow01 3000ms ease-out infinite;

}

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

.topNav{
	position:fixed;
	width:100vw;
	padding: 0 var(--uniP) 0 0;
	display:flex;
	justify-content:space-between;
	z-index: 100;
	pointer-events: none;
}

.homeBtn{
	position:relative;
	width:auto;
	height: auto;
	pointer-events: auto;
}

.mob_Icon{
	display: none;
}

.hbIcon_wrpr{
	position:relative;
	width:120px;
	height: 120px;
	top: 5px;
	left: 5px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.samLogo-svg{
	position:relative;
	width:100%;
	height:100%;
}

.mainNav{
	position:relative;
	height: fit-content;
	pointer-events: auto;
}

.mainNavItems{
	position:relative;
	height: fit-content;
	margin: 0.6rem 0 0 0;
	display:flex;
	justify-content:center;
	gap: var(--uniP);
}

.navItem{
	font-size: 0.88rem;
	color: var(--org01);
}

.navItem:hover{
	color: var(--grn01);
}

.audCon{
	position:relative;
	height: fit-content;
	margin: 0.6rem 0 0 0;
	display:flex;
	justify-content:center;
	align-items: flex-end;
	gap: 10px;
	pointer-events: auto;
}

.audTitle{
	font-size:0.88rem;
	color: var(--org01);
}

.audText{
	font-size:0.66rem;
	color: var(--org01);
	opacity: 0.5;
	cursor: pointer;
}

.audText:hover{
	opacity: 1;
}

.audText.curr{
	opacity: 1;
	text-decoration: underline;
}

.socCon{
	position:relative;
	display:flex;
	gap: 16px;
}

.leftNav {
	position: fixed;
    width: var(--uniP);
    height: 100vh;
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}

.leftNav .socCon{
	flex-direction:column;
}

.soc_wrpr{
	position:relative;
	width:16px;
	height: 16px;
}

.socFill-01{
	fill: var(--org01);
}

.soc_wrpr:hover .socFill-01{
	fill: var(--grn01);
}

.entryTickCol{
	position: absolute;
    height: 100vh;
    top: 0;
    right: -1px;
    display: flex;
    align-items: center;
    pointer-events: none;
    z-index: 100;
}

.entryTickCol a{
	position:relative;
	display:flex;
	pointer-events: auto;
}

.mainTicket{
	position:relative;
	width:7vw;
	height: auto;
	transform-origin: right;
	z-index: 1;
}

.tickBG_wrpr{
	position:relative;
	width:100%;
	height:auto;
	top: 0;
}

.tick-BG-01 {
	fill: var(--org01);
	transition: 150ms;
}

.tickTxtr01,
.pTxtr01{
	position:absolute;
	width:100%;
	height: auto;
	top: 0;
	left: 0;
    mix-blend-mode: screen;
    pointer-events: none;
    opacity: 0.66;
}

.tickTxtr02{
	position:absolute;
	width:100%;
	height: auto;
	top: 0;
	left: 0;
    mix-blend-mode: screen;
    /*pointer-events: none;*/
    opacity: 0.88;
    display: none;
}

.tickBlock{
	position: absolute;
    width: calc(100% - 10px);
    height: calc(100% - 24px);
    top: -4px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    border: var(--blkLine02);
}

.tickBlock .topCon{
	position:relative;
	height: 100%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.tickBlock .topCon .col{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.tickBlock .topCon .col-01{
	border-right: var(--blkLine02);
}

.tickTitle{
	color: var(--blk01);
}

.mainTicket .tickTitle{
	font-size: 3.6vw;
    padding: 0 0.5vw;
    letter-spacing: 5%;
    writing-mode: sideways-lr;
}

.mainTicket .topCon .col-02{
	width:100%;
	flex-direction:column;
	justify-content:space-between;
	align-items: flex-start;
}

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

.mainTicket .topCon .col-02 .subRow-01{
	border-bottom: var(--blkLine02);
}

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

.mainTicket .knifeIMG{
	position:relative;
	width:100%;
	padding: 4px;
}

.mainTicket .topCon .col-02 .subRow-02{
	position:relative;
	width:100%;
	display:flex;
	justify-content:space-around;
}

.mainTicket .topCon .col-02 .subRow-02 .subCol{
	position:relative;
	width:100%;
	height: 100%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.mainTicket .topCon .col-02 .subRow-02 .subCol-01{
	border-right: var(--blkLine02);
}

.mainTicket .topCon .col-02 .subText{
	font-size: 0.66vw;
	font-weight: 600;
	color: var(--blk01);
	 writing-mode: sideways-lr;
}

.mainTicket .tickBlock .bttmCon{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	padding: 4% 0px;
	background-color:var(--blk01);
}

.mainTicket .tickBlock .bttmCon .tickAcc01{
    font-size: 0.66vw;
	font-weight: 900;
    letter-spacing: 4%;
    color: var(--org01);
}

.mainTicket .glowBG,
.evTicket .glowBG{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background-color:var(--grn01);
	filter: blur(10px);
	opacity: 0;
	transition: 150ms;
}

.mainTicket:hover,
.evTicket:hover{
	transform:scale(1.05);
}

.mainTicket:hover .glowBG,
.evTicket:hover .glowBG{
	animation: glow01 3000ms ease-out infinite;
}

.mainTicket:hover .tick-BG-01,
.evTicket:hover .tick-BG-01{
	fill: var(--grn01);
}

.mainTicket:hover .tickAcc01,
.evTicket:hover .tickAcc01{
	color: var(--grn01) !important;
}

.closeBtn{
	position:absolute;
	width:fit-content;
	height:fit-content;
	top: var(--uniP);
	right: var(--uniP);
	cursor: pointer;
	z-index: 1;
}

.closeText{
	font-size:3vw;
	color:var(--org01);
}

.closeBtn:hover .closeText{
	color: var(--grn01);
	text-shadow: 0 0  5px #fff,  
    0 0 10px #fff,  
    0 0 20px #62F970, 
    0 0 30px #00d2ff, 
    0 0 40px #00d2ff;
	animation: glow01 3000ms ease-out infinite;

}

.mobSocCon{
	display: none;
}



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

#hpEntrySection{
	background-color:var(--blk01);
	/*background-color:var(--org01);*/

}

#hpVidHeroCon{
	/*opacity: 0 !important;*/
}

#hpEntrySection .bgCon{
	position:absolute;
	width:100%;
	min-height: 100%;
	display:flex;
	/*justify-content:center;*/
	/*align-items:center;*/
	padding: var(--uniP);
	overflow: hidden;
	pointer-events: none;
/*    box-shadow: inset 0px 0px 200px rgba(0, 0, 0, 1);*/
}

.vim_wrpr{
	position:relative;
	width:100%;
	height:auto;
	flex-grow: 1;
	background-color:rgba(0,0,0,0.22);
	overflow: hidden;
	/*top: -1%;*/
	/*left: -10%;*/
}

.vim_frame{
    top: 0;
    left: -8%;
    width: 116%;
    height: 100%;
	/*display: none;*/
}

.hpEntryCon{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content: flex-end;
}

.hpEntryCon .row-01{
	position: relative;
    width: auto;
    padding: var(--uniP-lg2) var(--uniP-lg1);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.hpEntryCon .sigCon{
	position:relative;
	width:24vw;
	display:flex;
	flex-direction:column;
}

.hidTitle{
	position:absolute;
	visibility: hidden;
}

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

.sigSubtitle{
	font-size: 1.88vw;
    text-align: right;
    min-width: max-content;
    margin: -8% 0 0 0;
    color: var(--white01);
    z-index: 1;
}

.playTrlrCon{
	position:relative;
	width:clamp(300px, 20vw, 430px);
	display:flex;
	flex-direction:column;
	gap: var(--uniP-sm);
}

.playTrlrCon .subRow{
	position:relative;
	display:flex;
	align-items: center;
	justify-content:space-between;
	gap: var(--uniP-sm);
}

.playTitle{
	font-size:2vw;
	min-width: max-content;
	text-transform: uppercase;
	color: var(--white01);
}

.plyBtnIMG_wrpr{
	position:relative;
	width:clamp(40px, 3vw, 200px);
	height: fit-content;
	cursor: pointer;
}

 .playBtn-fill01 {
    fill: var(--org01);
  }

.playTrlrCon .plyBtnIMG_wrpr{
	margin: 0 0 -1% 0;
}

.plyBtnIMG_wrpr:hover .playBtn-fill01 {
    fill: var(--grn01);
  }


/*-----------------------------------GREETINGS----------------------------------------*/

#greetingsSection01 .preCon{
	margin: var(--uniP) var(--uniP-lg2) 0 var(--uniP-lg2);
}

#greetingsSection01  .mainCon {
    position: relative;
    margin: 0;
    padding: 0 var(--uniP);
}

#ggScrubber{
	position: absolute;
	height:300vw;
	visibility: hidden;
}

/*.pinBuffer{
	position:relative;
	height:200vw;
}*/

.dream_wrpr{
	position:relative;
}

.ggsSamIMG{
	position:relative;
	width:120%;
	margin: -40% 0 0 -13%;
}

.ggsGrainIMG{
	position: absolute;
	width:100%;
    margin: 0 0 0 0;
    top: 0;
    opacity: 0.7;
    mix-blend-mode: lighten;
    animation: glow01_soft 8000ms linear infinite;
}

.dream_wrpr .bttmGrad{
	height: 33vw;
}

.greetingsSam{
	position: absolute;
    width: 18vw;
    height: auto;
    top: 15.8vw;
    left: 7vw;
    right: 0;
    margin: auto;
}

.grainFog_wrpr{
	/*opacity: 0.88;*/
}

.greetingsCon{
	position: absolute;
	width: 100%;
	padding: 6vw 12vw 0 12vw;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	display:flex;
	flex-direction:column;
	gap: 10vw;
}

.greetingsCon .row-01{
	position:relative;
	display:flex;
	justify-content:space-between;
}

.greetingsCon .row-02{
	position:relative;
	column-count: 2;
	column-gap: 36vw;
}


/*.greetingsCon .subCol{
	position:relative;	
}

.greetingsCon .subCol-02{
	margin: 6vw 0 0 0;
}*/

.ggsTitle{
	width:fit-content;
	margin: 20px 0;
}


/*-----------------------------------MYTH-----------------------------------------*/

#mythSection01{
	margin: -70% 0 0 0;
}

#mythSection01 .mainCon {
    position: relative;
    margin: 0 var(--uniP);
}

#mythSection01 .preCon{
	padding: var(--uniP-sm) 0 0 0;
	margin: 0 var(--uniP-lg2);
}

#mythSection01 .sectCon {
    display:flex;
    flex-direction:column;
}

#mythSection01 .sigBGCon{
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	pointer-events: none;
}

#mythSection01 .sigBGCon .sigIMG_wrpr{
	margin: -2% 0 0 0;
}

#mythSection01 .sigBGCon .sigIMG_wrpr_m{
	display: none;
}

#mythSection01 .sigBGCon .sigIMG_wrpr .sig-fill-01,
#footerSection01 .sigBGCon .sigIMG_wrpr .sig-fill-01 {
	fill: none;
	stroke: var(--org01);
	stroke-width:0.4px;

}

#mythSection01 .sectCon{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
}

.samSpin01{
	position:relative;
	width: auto;
    height: 50vw;
    top: -5vw;
}

#mythSection01 .copyCon{
	position:relative;
	width:100%;
	padding: var(--uniP);
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: var(--uniP-lg2);
}

#mythSection01 .copyCon .subCol-03{
	position:relative;
	display:flex;
	justify-content: flex-end;
}

#mythSection01 .copyCon .paperBtn{
	width:clamp(300px, 25vw, 600px);
}

.cloudsCon{
	position:relative;
	width:160%;
	left: -30%;
	margin: var(--uniP-lg1) 0 0 0;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.cloudsCon .subCol{
	position:relative;
	display:flex;
	justify-content:center;
}

.cloudsCon .subCol-02{
	margin: 15vw 0 var(--uniP-lg2) 0;
	top: 5vw;
}

.clouds_wrpr{
	position:relative;
	width:36vw;
}

.faceCon{
	/*mix-blend-mode: screen;*/
	animation: flicker01 3000ms steps(1) infinite;
}

.cloudsCon #faceCon01{
	position: absolute;
    width: 14vw;
    height: auto;
    top: -25%;
    bottom: 0;
    left: -30%;
    right: 0;
    margin: auto;
}



/*-----------------------------------FEAT-----------------------------------------*/

#featSection01 .mainCon{
	padding: 0  var(--uniP) var(--uniP) var(--uniP);
}

#featSection01 .bgCon{
	position:absolute;
	width:100%;
	height:100%;
}

.featTitleIMG{
	position: absolute;
    width: 130%;
    top: -27%;
    bottom: 0;
    left: -15%;
    right: 0;
    margin: auto;
}

.trailerCon{
	position:relative;
	margin: 5vw 0 0 0;
	display:grid;
	grid-template-columns: 1fr 3fr 1fr;
}

.trailer_wrpr{
	position:relative;
	width:100%;
	height:auto;
	aspect-ratio: 3/2;
	display:flex;
	justify-content:center;
	align-items:center;
	cursor: pointer;
}


.trailerIMG01{
	position: relative;
	width:100%;
	height:100%;
	transition: 300ms;
}

.trailer_wrpr:hover{
	box-shadow: 0 0 15px 10px var(--org01);
}

.trailer_wrpr:hover .trailerIMG01{
	transform: scale(1.1);
	box-shadow: inset 0 0 20px 5px #00ffff;
}


.trailer_wrpr:hover .playT .playBtn-fill01{
	fill: var(--grn01);
}

.trailer_wrpr .plyBtnIMG_wrpr{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.watchTitle{
	font-size:3vw;
	min-width: max-content;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index: 1;
}

.watchTitle_m{
	display: none;
}

/*.trailerCon .watchTitle:nth-of-type(1){
	margin: 0 -15% 0 0;
}

.trailerCon .watchTitle:nth-of-type(2){
	margin: 0 0 0 -15%;
}*/

#featSection01 .copyCon{
	position:relative;
	width:100%;
	padding: var(--uniP);
	margin: var(--uniP) 0 0 0;
	display:grid;
	grid-template-columns: 2fr 3fr 2fr;
	grid-gap: var(--uniP);
}

#featSection01 .copyCon .subCol-02{
	position:relative;
	width:100%;
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--uniP-sm);
}

#featSection01 .copyCon .subCol-02 .subSubCol{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items: center;
}

#featSection01 .copyCon .subCol-02 .bw01{
	font-size:1.66rem;
	margin: 10px 0;
}



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


#eventsSection01 .mainCon{
	margin: 0;
	padding: 0;
}

#eventsSection01 .titleCon{
	position:relative;
	width:auto;
	margin: 0% var(--uniP-lg1) var(--uniP) var(--uniP-lg1);
	display:flex;
	justify-content:space-between;
	align-items: flex-end;
}

#eventsSection01 .titleCon .row-01{
	position:relative;
	width:auto;
	margin: 0% var(--uniP-lg1) var(--uniP) var(--uniP-lg1);
	display:flex;
	justify-content:space-between;
	align-items: flex-end;
}

.evMainTitle{
	font-size:clamp(2rem, 12.5vw, 20rem);
}

.samDancer-hb {
    position: relative;
    width: 24vw;
    height: 24vw;
    margin: 0 -6% 0% -1%;
    top: 1vw;
}

.dancerIMG{
	position:relative;
	width:100%;
	height:auto;
}

#faceCon-EV {
    position: relative;
    width: 16vw;
    height: fit-content;
    top: -9vw;
    right: -5vw;
    margin: auto;
}

#faceCon-EV img{
	position:relative;
}

.evBlocksCon{
	position:relative;
	min-height: 100vw;
	display:flex;
	flex-direction:column;
	gap: var(--uniP);
}

.evBlock{
	position:relative;
	/*margin: var(--uniP) 0;*/
	display:flex;
	flex-direction:column;
}


.evBlock .col-01{
	position:relative;
	display:flex;
	flex-direction:column;
}

.evBlock .venIMG_wrpr{
	position:absolute;
	flex-grow: 1;
}

.evCon{
	position:relative;
	padding: var(--uniP-sm);
	margin: 0 var(--uniP-lg1);
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--uniP-sm);
	overflow: visible;
}


.evCon .infoCon{
	position:relative;
	display:flex;
	flex-direction:column;
	gap: var(--uniP);
	z-index: 1;
}

.evCon .infoRow-01 .accT01{
	font-size:1.33rem;
}

.evTitle{
	font-size:3vw;
	margin: 10px 0;
	text-transform: uppercase;
}

.deetTitle{
	font-size:2vw;
	line-height: 1.2em;
	margin: 10px 0;
	text-transform: uppercase;
}

.mikeText{
	margin: 5px 0 0 0;
}

.addrText{
	margin: 30px 0;
}

a.acc01:hover{
	color: var(--grn01);
}

.multiDateBlock{
	position:relative;
	width: fit-content;
	display:grid;
	/*grid-template-columns: 1fr 1fr 1fr;*/
	grid-template-columns: 1fr 1fr;
	grid-gap: 15px;
	
}


.date_wrpr{
	position:relative;
	width:fit-content;
}

.timesBlock{
	position:relative;
	width:fit-content;
}


.shwtTitle{
	cursor: pointer;
	min-width: max-content;
}

.timesList{
	position:absolute;
	min-width: max-content;
	padding: 5px;
	display:flex;
	flex-direction:column;
	background-color:var(--org01);
	outline: var(--blkLine01);
	outline-offset: -5px; 
	pointer-events: none;
	z-index: 2;
	opacity: 0;
	transition: 200ms;
}

.shwtTitle:hover + .timesList{
	pointer-events: default;
	opacity: 1;
}

.shwtText{
	font-size:clamp(0.8rem, 1.8vw, 4.2rem);
	color: var(--blk01);
	position:relative;
	padding: 15px 15px 0 15px;
	text-align: center;
}

.shwtText-SO{
	text-decoration: line-through;
}

.shwtText:after{
	content: '';
	position:relative;
	width:100%;
	display: flex;
    margin: 5px 0 0 0;
	border-bottom: var(--blkLine01);
}

.shwtText:last-of-type:after{
	border-bottom: none;
}


.screeningBlockCon{
	position:relative;
	grid-column: 1/3;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: var(--uniP-lg1) var(--uniP);
}

.screeningBlock{
	position:relative;
	padding: 10px 0;
	display:flex;
	flex-direction:column;
	border-top: var(--orgLine01);
}

.sbTitle{
	/*font-size:clamp(1rem, 1.66vw, 2rem);*/
	/*margin: 20px 0 10px 0;*/
}

.acc01.dateText{
	margin: 10px 0 10px 0;
}


.screeningBlock .multiDateBlock .deetTitle{
	font-size: clamp(1.33rem, 1.66vw, 2rem);
}

.sbLink{
	margin: 5px 0;
}

.multiL_Block .timeText{
	margin: var(--uniP-sm) 0 0 0;
}

.evTicket{
	position:absolute;
	width:16vw;
	height: fit-content;
	top:0;
	bottom:0;
	right:-5px;
	margin:auto;
	transition: 150ms;
	transform-origin: right;
	z-index: 1;
}

.multiS_Block .evTicket,
.multiL_Block .evTicket{
	top:10%;
	bottom:unset;
}

.evTicket .tickBlock {
    position: absolute;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
}

.evTicket .topCon{
    border-bottom: var(--blkLine02);
}

.evTicket .tickTitle{
	font-size: 3.33vw;
	letter-spacing: 1%;
	text-align: center;
    height: fit-content;
    width: 100%;
	padding: 4%;
}

.evTicket .bttmCon{
	position:relative;
	display:grid;
	grid-template-columns: 1fr 1fr;
}

.evTicket .bttmCon .col-01{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:space-evenly;
	border-right: var(--blkLine02);
}

.evTicket .bttmCon .acc01{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:0.66vw;
	font-weight: 900;
	line-height: 1em;
	color: var(--blk01);
}

.branchIMG{
	position:relative;
	width:100%;
	display: block;
	margin: auto 0 auto auto;
}

.evFootCon{
	padding: 0 var(--uniP);
	margin: var(--uniP);
	grid-gap: var(--uniP-sm);
}

.evFootDes{
	width:66%;
}

.evFootCon .col-02{
	position:relative;
	display:flex;
	flex-direction: row;
	justify-content:space-between;
}

.evFootCon .paperBtn{
	width: clamp(300px, 24vw, 600px);
}

#eventsSection01 #faceCon02 {
    position: absolute;
    width: 17vw;
    height: fit-content;
    top: 15%;
    bottom: 0;
    right: 10%;
    margin: auto;
}

.soldOut:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('/images/globals/banner-soldOut.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgba(0,0,0,0.44);
    background-position: center;
}


/*-----------------------------------RISING----------------------------------------*/

#risingSection01{
	z-index: 1;
}

#risingSection01 .mainCon{
	margin: 0;
	padding: 0;
}

.risingIMG_wrpr{
	position:relative;
	width:100vw;
	height:auto;
	top: -4vw;
}


/*-----------------------------------QUOTE---------------------------------------*/

#quoteSection01{
	margin: -44% 0 0 0;
}

#quoteSection01 .grain_wrpr{
	height: 80vw;
}

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

#quoteSection01 .sectCon{
	position:absolute;
	width:fit-content;
	height:fit-content;
	bottom:25%;
	left:0;
	right:0;
	margin:auto;
}

.quoteBlock{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.quoteBlock .bq01{
	font-size: 3.33vw;
    line-height: 1.2em;
    text-align: center;
    color: var(--white01);
}

.quoteBlock .bq01_q1{
	font-size:3vw;
	margin: 4vw 0 0 0;
	text-align: center;
	color: var(--white01);
}

#faceCon03{
	position: absolute;
    width: 10vw;
    height: fit-content;
    top: 29vw;
    left: -2%;
    margin: auto;
}

#faceCon04{
	position:absolute;
	width:16vw;
	height:fit-content;
	bottom: 30%;
	right:-2%;
	margin:auto;
}



/*----------------------------------ORIGINS----------------------------------------*/

#originsSection01{
	z-index: 1;
}

#originsSection01 .mainCon{
	margin: 0;
	padding: 0;
}

#originsSection01 .titleCon{
	position:relative;
	width:100%;
	padding: var(--uniP) var(--uniP) 0 var(--uniP);
	gap: var(--uniP-lg1);
}

.orTitle{
	font-size:12vw;
	color: var(--white01);
}

.samDancer-robot{
	position: relative;
    width: 18vw;
    height: auto;
	margin: -8vw 0% 0 -5%;
}

#originsSection01 .sectRow-02{
	position:relative;
	padding: 0 var(--uniP-lg2);
	margin: 0 var(--uniP);
	display:grid;
	grid-template-columns: 1fr 2fr;
	align-items: center;
}

.orHero_wrpr{
	position:relative;
	height:auto;
}

#orHero_wrpr-01{
	width: 120%;
	aspect-ratio: 3/2;
	z-index: 1;
}

#orHero_wrpr-02{
	width:100%;
	aspect-ratio: 16/9;
}

.film_wrpr{
	position:relative;
	width:100%;
	display:flex;
	gap: var(--uniP-sm);
}

.filmStrip{
	position: relative;
	height:fit-content;
	min-width:max-content;
	margin: var(--uniP) 0 0 0;
	display:flex;
	gap: var(--uniP-sm);
}

.orFS_wrpr{
	position:relative;
	width:20vw;
	aspect-ratio: 16/9;
	height:auto;
	cursor: pointer;
	transition: 200ms;
}

.orFS_wrpr:hover{
	transform: scale(1.06);
	filter: drop-shadow(10px 10px 26px var(--org01));
}

.orFootCon{
	position:relative;
	margin: var(--uniP-lg2) 0;
}

.orFootCon .col{
	display:flex;
	justify-content: center;
	align-items: center;
    justify-content: flex-start;
}

.orFootCon .col-03{
	display:flex;
	/*justify-content: flex-end;*/
	align-items: flex-end;
}

.graveIMG_wrpr{
	position:relative;
	width:12vw;
	left: -9%;
}

.branchIMG_wrpr{
	position:relative;
	width:24vw;
	right: -4%;
}

#originsSection01 .paperBtn{
	width: clamp(300px, 80%, 450px);
    justify-self: center;
}



/*-----------------------------------SHOP PORTAL-----------------------------------------*/

#shopSection01 .grain_wrpr{
	position:absolute;
	top: -30%;
}

.shopBG{
	position:absolute;
	width:auto;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto var(--uniP);
	background:var(--tanGrad);
}

#shopSection01 .mainCon{
	margin: 0;
	padding: 0;
}

#shopSection01 .sectCon{
	position:relative;
	display: flex;
    flex-direction: column;
}

#shopSection01 .preCon{
	padding: var(--uniP-sm);
	margin: 0 0;
	padding: var(--uniP-sm);
	margin: var(--uniP) var(--uniP-lg2) 0 var(--uniP-lg2);
	display:flex;
}

#shopSection01 .sectCon .sectRow-01{
	padding: var(--uniP-sm);
	margin: 0 var(--uniP);
}

.lghtSection .preCon .accT01,
.lghtSection .preCon .acc01,
.lghtSection .bc01,
.lghtSection .bc01_lg1,
#shopSection01 .preCon .accT01,
#shopSection01 .preCon .acc01{
	color: var(--blk01);
}

.lghtSection .preCon .fwLine,
#shopSection01 .preCon .fwLine{
	border-bottom: var(--blkLine01);
}

#shopSection01 .titleCon{
	position:relative;
	width:100%;
	padding: var(--uniP) var(--uniP) 0 var(--uniP);
	grid-template-columns: 2fr 1fr 1fr;
	gap: var(--uniP-lg1);
}

#shopSection01 .titleCon .col-03{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.shopTitle{
	font-size:24vw;
	letter-spacing: 3%;
	color: var(--blk01);
}

.samDancer-skeleton{
	position: relative;
    width: 23vw;
    height: auto;
    margin: -7vw -2vw 0 -1vw;
    top: 1vw;
}

#shopSection01  .bc01_lg1{
	color: var(--blk01);
}

#shopSection01 .sectCon .sectRow-02{
	margin: var(--uniP) 0;
}

.merchCon{
	position:relative;
	width:106%;
	left: -3%;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: var(--uniP);
	
}

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

.merch_wrpr{
	position:relative;
	height: auto;
	aspect-ratio: 3/4;
}

.merchBlock .bttmCon{
	position:relative;
	margin: var(--uniP-sm);
	display:flex;
	flex-direction:column;
	align-items: center;
}

.merchItemTitle{
	font-size:1.66vw;
	margin: 10px;
	color: var(--blk01);
}

.merchDes{
	font-size:clamp(0.66rem, 0.66vw, 1rem);
	margin: 0 0 5px 0;
	color: var(--blk01);
}

/*#shopSection01 a,
#shopSection01 .paperBtn,
#shopSection01 .smallBtn{
	cursor: default;
	pointer-events: none;
}*/

.merch_wrpr,
.merchIMG{
	transition: 200ms;
}

.productIMGLink:hover .merch_wrpr,
.productIMGLink:hover .featIMG_wrpr{
    box-shadow: 0 0 15px 10px var(--org01);
}

.productIMGLink:hover .merchIMG{
    transform: scale(1.1);
    box-shadow: inset 0 0 20px 5px #00ffff;
}

#shopSection01 .paperBtn .btnTitle{
	font-size:2.11vw;
}

/*-----------------------------------GALLERY----------------------------------------*/

#galSection01{
	margin: var(--uniP-lg2) 0 -6vw 0;
	z-index: 1;
}

.galCon{
	position:relative;
	padding: var(--uniP) var(--uniP-lg1);
}

.imgRow{
	position:relative;
	margin: 0 0 var(--uniP) 0;
}

.imgRow-2i{
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--uniP);
}

.galIMG_wrpr{
	position:relative;
	width:auto;
	height:auto;
}

.ar3-4{
	aspect-ratio: 3/4;
}

.ar4-3{
	aspect-ratio: 4/3;
}

.ar3-2{
	aspect-ratio: 3/2;
}

.ar2-3{
	aspect-ratio: 2/3;
}

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

.copyRow{
	position:relative;
	width:clamp(260px, 10vw, 400px);
	margin: 0 0 var(--uniP) 0;
	display:flex;
	flex-direction:column;
	gap: var(--uniP);
}

.galTitle{
	font-size:clamp(12px, 6vw, 100vw);
}

#galSection01 #faceCon05{
	position: absolute;
    width: 14vw;
    height: auto;
    top: -4%;
    right: 10%;
    margin: auto;
}

.samDancer-rus{
	position: relative;
    width: 18vw;
    height: auto;
	margin: 0vw 0% 0 0%;
}

.streetIMG_wrpr{
	position: relative;
    width: 30vw;
    margin: -15% -20% 0 auto;
    right: 0;
}

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


#galSection01 .paperBtn{
	width: clamp(300px, 80%, 450px);
    justify-self: flex-end;
}

/*-----------------------------------SUMMON-----------------------------------------*/


#summonSection01 .grain_wrpr {
    position: absolute;
    width:calc(100% - (2 * var(--uniP)) );
    height: 150%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /*padding: 0 var(--uniP);*/
    overflow: hidden;
} 

#summonSection01 .titleCon{
	padding: 0 var(--uniP-lg2) 0 0;
	margin: 0 0 0 0;
	grid-template-columns: 2fr 1fr;
}

.summTitle{
	position: relative;
    font-size: 11vw;
    line-height: 1em;
    margin: -6% 0 00 0;
}

.summTitle span{
	display: block;
	margin: 0 0 0 31vw;
}

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

.summIMG {
    position: relative;
    width: 100%;
    margin: -20vw 0 0 0;
}

.formMainCon .col{
	justify-content: flex-end;
}

.formCon,
.nlFormCon{
	position:relative;
	padding: var(--uniP);
	display:flex;
	flex-direction:column;
	gap: var(--uniP-sm);
}

.formCon form{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

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

.formLabel{
	position:absolute;
	visibility: hidden;
}

#summonSection01 input[type=text],
#mc_embed_signup .mc-field-group input,
#mc_embed_signup input[type=text], .formItemSelect {
	position:relative;
	width:100%;
    padding: 12px 20px 12px 12px !important;
    margin: 0;
    display: inline-block;
    color: var(--org01);
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.33);
}



#mc_embed_signup .mc-field-group input{
	border: none;
}

::placeholder {
   color: var(--org01);
  opacity: 0.66;
}

textarea {
	position:relative;
	width:100%;
    padding: 12px 20px 12px 12px;
    margin:0;
    min-height: 200px;
    background: rgba(0, 0, 0, 0.33);
    color: var(--org01);
    outline: none !important;
}

.formBttm{
	position:relative;
	display:flex;
	align-items: center;
	justify-content:space-between;
}

.fllwTitle{
	margin: 0 0 25px 0;
}

.modSocCon .socCon{
	gap: 20px;
}

.modSocCon .soc_wrpr{
	width:25px;
	height:25px;
}

.sendBtn{
	background-color:rgba(0,0,0,0.0);
	cursor: pointer;
}


/*-----------------------------------NEWSLETTER--------------------------------------*/

.lghtSection .preCon{
	margin: 0 var(--uniP);
}

.nlBG{
	position:absolute;
	width:auto;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto var(--uniP);
	background:var(--orgGrad);
}

.nlCon{
	position:relative;
	min-height: 200px;
	padding: 0 var(--uniP);
	display:grid;
	grid-template-columns: 3fr 5fr;
	
}

.nlCon .col-02,
.nlCon .col-02 .row-03{
	position:relative;
	display:flex;
	flex-direction:column;
}

.nlCon .row,
.nlCon .subRow{
	position:relative;
	width:100%;
	display:flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--uniP);
}

.nlCon .seal_wrpr{
	margin: -6% 0 0 0;
}

.nlCon .row-01{
	padding: var(--uniP-sm);
	gap: var(--uniP-sm);
}

#nlSection01 .titleCon{
	position:relative;
	display:flex;
	flex-direction:column;
}

#nlSection01 .nlTitle{
	font-size: 6vw;
    letter-spacing: 11%;
    margin: 0px 0 4% 0;
    color: var(--blk01);
}

#nlSection01 .nlDes{
	width:clamp(200px, 100%, 340px);
}

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

#nlSection01 .fllwTitle{
	color: var(--blk01);
}

#nlSection01 .socFill-01{
	fill: var(--blk01);
}

#nlSection01 .socFill-01:hover{
	fill: var(--grn01);
}

/*---------------------------MAILCHIMP---------*/

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

#mc_embed_signup_scroll{
	position:relative;
	display:flex;
	flex-direction:column;
	gap: var(--uniP-sm);
}

#mc_embed_signup form{
	margin: 0 !important;
}

#mc_embed_signup .mc-field-group{
	width:100% !important; 
	min-height: 0 !important;
	padding-bottom: 0 !important;
}

.formItemCon label{
	position: absolute;
	opacity: 0;
	visibility: hidden;
}

#mc-embedded-subscribe{
	margin: 0 !important;
}

#mc_embed_signup .smallBtn input{
	border: var(--blkLine01) !important;
	border-radius: 40px !important;
}

#mc_embed_signup #mce-success-response{
	color: var(--blk01) !important;
}


#mc_embed_signup div#mce-responses{
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
}

#footerSection01 #mc_embed_signup #mce-success-response{
	color: var(--org01) !important;
}


/*-----------------------------------CONTACT PAGE-----------------------------------------*/

#contactPage #summonSection01{
	padding: var(--uniP);
	margin: var(--uniP) 0;
	min-height: 100vh;
}

#contactPage #summonSection01 .preCon{
	display: none;
}


#contactPage #summonSection01 .grain_wrpr {
    height: 100%;
}

/*-----------------------------------EVENTS PAGE-----------------------------------------*/

#eventsPage #eventsSection01{
	margin: 8vw 0 12vw 0;
	min-height: 100vh;
}

#eventsPage .evFootCon{
	display: none;
}


/*-----------------------------------DL PORTAL-----------------------------------------*/

#dlPortalSection01{
	margin: 0 0 5vw 0;
}

.dlsGridMain{
	position:relative;
	padding: 0 var(--uniP);
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: var(--uniP);
	
}

.dlBlock{
	position:relative;
	display:flex;
	flex-direction:column;
	margin: 0 0 var(--uniP) 0;
}

.dlBlock .copyCon{
	position:relative;
	margin: 10px 0 0 0;
	display:flex;
	justify-content:space-between;
}

.dlGridFttr{
	position:relative;
	margin: var(--uniP);
	display:flex;
	justify-content: flex-end;
}

#dlPortalSection01 .paperBtn{
	width: clamp(300px, 27vw, 800px);
    justify-self: flex-end;
}





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

#footerSection01{
	margin: 5vw 0 0 0;
}

#footerSection01 .topCon{
	position:relative;
	display:flex;
	align-items: flex-end;
}


#footerSection01 .sigBGCon{
	position:relative;
	width:80%;
	height:auto;
}

.ftSubtitle{
	font-size: 2rem;
    line-height: 1em;
    position: absolute;
    top: 3%;
    right: -7vw;
    color: var(--org01);
}

.samDancer-thriller{
	position: relative;
    width: 22vw;
    height: auto;
    margin: 0vw 0% 2% -3%;
}

.footerMain{
	position:relative;
	margin: 0 0 var(--uniP-lg1) 0;
	display:grid;
	grid-template-columns: 2fr 1fr 2fr 3fr;
	grid-gap: var(--uniP-lg1);
	
}

.ftLogosCon{
	position:relative;
	margin: 0 0 var(--uniP-sm) 0;
	display:flex;
	gap: var(--uniP);
}

.ftLogo_wrpr{
	position:relative;
	/*width:9vw;*/
}

.ftLogo_wrpr.hbIcon_wrpr{
	top: 0;
	left: 0;
}


.mdLogo{
	width:120px;
	height:120px;
	margin: 0 0 0 0;
	z-index: 2;
	transition: 200ms;
}

.orgGlowBG{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background-color:var(--org01);
	border-radius: 100%;
	filter: blur(20px);
	opacity: 0;
	transition: 200ms 50ms;
}

.mdLink:hover .mdLogo{
	transform: scale(1.05);
}

.mdLink:hover .orgGlowBG{
	transform: scale(1.05);
	animation: glow01 3000ms ease-out infinite;

}




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

.footerMain .mainNavItems{
	position:relative;
	height: 100%;
	margin: 0;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.footerMain .navItem,
.auxNavItems .navItem{
	font-size:clamp(0.66rem, 1vw, 3rem);
}


.footerMain .col-03,
.footerMain .col-04{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.ftEmail{
	font-size:1.33rem;
	margin: 10px 0;
}

.ftEmail:hover{
	color: var(--grn01);
}

.auxNavItems{
	position:relative;
	display:flex;
	flex-direction:column;
	gap: var(--uniP-sm);
}

.auxNavItems .navItem{
	/*font-size:0.8rem;*/
	color: var(--ltGrey01);
}

.auxNavItems .navItem:hover{
	color: var(--grn01);
}

.nlMainCon{
	position:relative;
	display:flex;
	flex-direction:column;
	gap:var(--uniP-sm);
}

.nlCopy{
	max-width:240px;
	margin: 10px 0 0 0;
}

.nlBttmCon{
	position:relative;
	display:flex;
	align-items: center;
	justify-content: center;
	gap: var(--uniP-sm);
}


#footerSection01 .mainCon .bttmCon{
	position:relative;
	width:100%;
	padding: var(--uniP-sm) 0;
	margin: var(--uniP-sm) 0 0 0;
	display:flex;
	justify-content:space-between;
	/*border-top: var(--orgLine01);*/
}



.crText{
	font-size:0.66rem;
}

.crText-02{
	text-align: right;
}


/*-----------------------------------MODALS--------------------------------------------*/


/*--------------TRAILER MODAL---------------*/

.modalSection{
	position:fixed;
	width:100dvw;
	height:100dvh;
	background-color:rgba(0,0,0,0.88);
	z-index: -1000;
	opacity: 0;
}	

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

.tModalItem{
	position:relative;
	width:75vw;
	height: auto;
	display: none;
}

.trailerVid{
	position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
}

/*--------------BIO MODAL---------------*/

.bioModalCon{
	position:relative;
	padding: 5vw;
	width:100%;
	height: 100%;
}



.bioIMG01{
	object-position: top;
}

.bioTitle{
	font-size: 9vw;
    line-height: 0.8em;
}

.bioSubtitle{
	font-size: 1.22vw;
    margin: 5vw 0 var(--uniP) 0;
}

.bioModalCon .modSocCon{
	margin: 40px 0 0 0;
}


/*--------------EV ART MODAL---------------*/

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

.daModalItem{
	position:relative;
	width:auto;
	height: auto;
	padding: 3vw;
	/*display: none;*/
}

.daModalIMG {
	position: relative;
	width: 100vw;
	height: 100vh;
	padding: 3vw;
	object-fit: contain; 
}



/*-----------------------------------NEWS----------------------------------------*/

#newsPage .entryTickCol {
    top: 10vw;
}

#newsSection01 .genTitleCon{
	padding: 2vw var(--uniP) 2vw var(--uniP);
	grid-template-columns: 2fr 1fr 1fr;

}

#newsSection01 .samDancer-down .dancerIMG{
	margin: 0 0 -16% -16%;
}

#articlesSection01{
	min-height: 400px;
}

#articlesSection01 .mainCon{
	padding: 0 var(--uniP);
}

.newsCon{
	position:relative;
	padding: 0 0 var(--uniP) 0;
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--uniP);
}

.artBlock{
	position:relative;
	padding:var(--uniP-sm);
	display:flex;
	flex-direction:column;
	gap: var(--uniP);
}

.artIMG_wrpr{
	max-height: 50%;
}

.artTitle {
    font-size: clamp(1.33rem, 3vw, 8rem);
    line-height: 1.2em;
    margin: var(--uniP-sm) 0 0 0;
}


.pubIMG01 {
    position: relative;
    width: clamp(140px, 2vw, 220px);
    margin: 10px 0;
}

.artBlock .infoCon{
	position:relative;
	height: 80%;
	display:flex;
	flex-direction:column;
	gap: var(--uniP);
}

.artBlock .row-01{
	position:relative;
	width:100%;
	padding: 0 var(--uniP-sm) 0 0;
	display:flex;
	justify-content:space-between;
}

.artBlock .row-03{
	position:relative;
	width:100%;
	margin: auto 0 0 0;
}

.artBlock  .acc01{
	margin: 5px 0;
}

.artLink,
.artBlock .smallBtn,
.artBlock .smallBtn .acc01{
	position:relative;
	width:fit-content;
	margin: 0;
	display: inline-block;
}

.artBlock .artLink{
	margin: var(--uniP-sm) 0;
}

/*-----------------------------------WATCH-----------------------------------------*/

#watchSection01{
	min-height: 100vh;
}

#watchSection01 .genTitleCon .col{
	justify-content:space-between;
}

.watchMainTitle {
    font-size: clamp(2rem, 23.33vw, 50rem);
    line-height: 0.88em;
}

#watchSection01 .samDancer-down {
    position: relative;
    width: 25vw;
    bottom: -4vw;
    right: -6vw;
}

#watchSection01 .samDancer-down .dancerIMG{
	width:100%;
	left: 0%;
	top: 0%;
	margin: 0% 0 0 0;
}


#watchSection01 .bgCon {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    padding: var(--uniP);
    overflow: hidden;
    /* box-shadow: inset 0px 0px 200px rgba(0, 0, 0, 1); */
}

.watchListCon{
	position:relative;
/*	display:flex;
	flex-direction:column;
	gap: clamp(var(--uniP-sm), 5vw, var(--uniP));*/
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--uniP-sm);
}

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

.vidDesCon{
	position:relative;
	width:100%;
	display:flex;
	justify-content:space-between;
	padding: var(--uniP-sm) 0;
}

.vidDesCon .mediaTitle{
	font-size:clamp(0.66rem, 0.8vw, 2rem);
	margin: 0 0 10px 0;
	text-align: center;
}

.watchItemCon .subCol-03{
	text-align: right;
}

.watch_wrpr{
	position:relative;
	display:flex;
	flex-direction:column;
	flex-grow: 1;

}

.watch_frame{
	position: relative;
	width: 100%;
	min-height: 100%;
}

/*-----------------------------------DOWNLOADS----------------------------------------*/


/*#dlsSection01 .preCon{
	padding: var(--uniP-sm) 0 0 0;
    margin: var(--uniP) var(--uniP-lg2) 0 var(--uniP-lg2);
}*/

.genTitleCon{
	padding: 0 var(--uniP) 5vw var(--uniP);
	display:grid;
	grid-template-columns: 2fr 1fr;
	
}

.genTitleCon .col{
	justify-content: flex-end;
}

.genTitleCon{
	color: var(--white01);
}

.dlMainTitle{
	font-size:clamp(2rem, 18.33vw, 19rem);
}

#dlsSection01 .samDancer-fire {
    position: relative;
    width: 100%;
    top: 0;
    right: 0;
}

#dlsSection01 .samDancer-fire .dancerIMG{
	width:140%;
	left: -20%;
	top: -1%;
	margin: -20% 0 0 0;
}

.dlMainCon{
	position:relative;
	padding: 0 var(--uniP);
	display:flex;
	flex-direction:column;
}

.dlItemsCon{
	position:relative;
	width:100%;
	padding: var(--uniP-sm);
	margin:0 0 5vw 0;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: var(--uniP);
	border-top:var(--orgLine01);
}

.catTitle{
	font-size:3vw;
	padding: 0 0 var(--uniP-sm) 0;
	text-transform: uppercase;
	color: var(--org01);
}

.dlItemCon{
	position:relative;
	display:flex;
	flex-direction:column;
	gap: 5px;
}

.dlItemCon .copyCon{
	position:relative;
	display:flex;
	justify-content:space-between;
}

.dlItemCon .acc01{
	margin: 10px 0;
}

.dlItemCon .dlItLink{
	min-width: max-content;
	text-decoration: underline;
	color: var(--purp01);
}

.dlItemCon .dlItLink:hover{
	color: var(--grn01);
}

#dlItemsCon-1 .img_wrpr{
	aspect-ratio: 9/16 !important;
}


/*-----------------------------------AUX----------------------------------------*/


.samDancer-fire{
	position: absolute;
    width: 45vw;
    top: -1vw;
    right: -4vw;
}

.policyBody .copyCon{
	width: clamp(300px, 70%, 1200px);
	padding: 5vw 0 5vw 5vw;
}


.policyTitle{
	font-size:clamp(36px, 8vw, 1000px);
	line-height: 1em;
	margin: 0 0 5vw 0;
	color: var(--white01);
	text-transform: uppercase;
}

.polSectTitle{
	font-size:clamp(24px, 3vw, 88px);
	margin: 80px 0 20px 0;
	color: var(--white01);
}

.polSectSubtitle{
	font-size:clamp(16px, 3vw, 32px);
	margin: 20px 0;
	color: var(--white01);
}


.polBlock ul {
    list-style-type: disc;
}