@charset "utf-8";
address, article, aside, button, blockquote, body, dd, dialog, dl, dt, fieldset,
footer, form, h1, h2, h3, h4, h5, h6, header, li, nav, ol, p, pre, section,
td, th, tr, ul {
    margin: 0;
    padding: 0; 
}

	
	
body {	
  background: #e6e4db;
  font-family: "Romain";
  margin: 0;
  padding: 0;
  width: 100vw !important;
  font-weight:300;	
  color: #090909;
  line-height:0;
  text-transform:uppercase;	
  touch-action: manipulation !important;	
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
  height:100%;	
  overflow-x: hidden !important;		
  /*#f8f7f2;*/

}	
	
@font-face {
  font-family: "Romain";
  src: url("Items-CondensedRegular.otf")
    format("opentype");
}    
  
a {color: #090909;}	
input[type=text] { color: #090909; border-bottom:1px solid #999 !important;}	
input[type=password] {color: #090909; border-bottom:1px solid #999 !important;}	
input::placeholder {color:#999}
		
	
.linkFrame {width:auto; border-radius:40px; border:1px solid rgba(0,0,0,.4); padding: 7px 16px 7px; background: #f8f7f0;}
.linkFrame:hover {cursor:pointer; color: #f8f7f0 !important; border-radius:40px; border:1px solid rgba(0,0,0,.4); padding: 7px 16px 7px; background: #090909;}		
		
.mainHolder  {background: #e6e4db;}	
.holder {background: #e6e4db;}	
.txtHolder {mix-blend-mode:multiply;}	
.slides-container {border: 0px solid #090909;}
.curtain1 {background:#f8f8f5;}	
.backgroundCC	{background:#e6e4db;}	
.mask {filter: none;}			
	
.refHolder {background:#f8f8f5;}
.refItem {mix-blend-mode:multiply;}
.imgItem {mix-blend-mode:multiply}		
.topBar {background:none;}	
.topBarHolder {background:none;}		
.menuContainer {background: #f8f8f5;}	
.mainContent {background: #f8f8f5;;}		
.mainContent2 {background:#f8f8f5;}			
.blender  {mix-blend-mode:multiply;}	
.js-ticker {mix-blend-mode:multiply;}		



.btn:focus {
  outline: none !important;
  box-shadow: none !important;
}

::-webkit-scrollbar {
  display: none !important; 
  width: 0px !important;	
  opacity: 0 !important; 	
}





input, button, submit { pointer-events:auto !important; border:none; background:none; } 

-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}


::placeholder { 
  color: #333;
  opacity: 1;
}

.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 350ms;
}

a {font-weight:300; text-decoration:none}

.transition-fade {
    transition: 0s;
    opacity: 1;
	/*transition-delay: .5s;*/
}

html.is-animating .transition-fade {
    opacity: 0;
}


/*----------------------------------------------------------------*/


input[type=text] {
  width: 100%;
  box-sizing: border-box;
  font-size: 1.75em;
  line-height:4.1em;	
  letter-spacing:.03em;	
}	

input[type=password] {
  width: 100%;
  box-sizing: border-box;
  font-size: 1.75em;
  line-height:4.1em;	
  letter-spacing:.03em;	
}	

input::placeholder {
  opacity: 0.5;
}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #ccff00;
  font-size:1.25vw;		
  border: none;
  color: #010101;
  padding: 16px 32px;
  text-decoration: none;
  border-radius:20px;	
  margin: 4px 2px;
  cursor: pointer;
}

h1 {
  margin-bottom:0;
  margin-top:0;
  font-weight:normal;
  font-style:normal;
  font-size: 1.5vw;
  line-height:1.1em;	
  letter-spacing:.03em;

}

h2 {
  margin-bottom:0;
  margin-top:0;
  font-weight:normal;
  font-style:normal;
  text-align:left;
  font-size:1.75vw;	
  line-height: 1.15em;
  letter-spacing:0em;	
  text-transform:none;		

}


h3 {
  margin-bottom:0;
  margin-top:0;
  text-transform:none;	
  font-weight:normal;
  font-style:normal;
  font-size: 2.1em;
  line-height: 1.3em;
  letter-spacing:0em;	

}

.arrow {
}

.megaHead {

  margin-bottom:0;
  margin-top:0;
  font-weight:normal;
  font-style:normal;
  font-size: 8vw;
  line-height: 1em;
  text-align:left;	
  text-transform:uppercase;	
  letter-spacing:-.01em;
  padding-bottom:.5em;	
  padding-top:.5em;		

}




.mainframe 				{opacity:1 !important; transition:opacity .25s;}
.mainframe.is-hidden    {opacity:0 !important; }



.prev {
  position: absolute;
  top: 0;
  left: 0;
  height:100%; 
  width:50%;
  z-index:2000 !important;
  opacity:0;
  cursor:pointer;
}


.next {
  position: absolute;
  top: 0;
  right: 0;
  height:100%; 
  width:50%;
  z-index:2000 !important;
  opacity:0;
  cursor:pointer;
}

.shifter{
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change:transform;
}



.holder {
  height:100vh;
  width:100vw;
  will-change: transform;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: no-wrap;
  position: relative;
  right: 0;
  padding-top:0;
  z-index: 100;
  pointer-events: none;
  overflow:visible;	
 /* mix-blend-mode:exclusion;*/
}


.megaMega2 {

  margin-bottom:0;
  margin-top:0;
  font-weight:normal;
  font-style:normal;
  font-size: 12vw;	
  line-height: .8em;
  letter-spacing:0;	

}


.slider-section {
  display: block;
  position: relative; 
  margin-top: 11vw;		
  margin-left:1vw;
  margin-right:1vw;	
  background: #e6e4db;	
}

.anchorBlock {
  position: relative;   /* stay in flow below slides-container */
  margin-top: 1rem;     /* add space if desired */
  text-align: left;    /* align content to right edge of slides-container */
}

.textHolder {
	position:relative; width:57vw; margin:0; padding:0;
}

.slides-container {	
  position: relative;
  width:57vw;
  overflow:hidden;
  display:flex; 
  justify-content:center; 
  align-items:flex-start; 
  z-index:100;	
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change:transform;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /*border: 1px solid #cccec6;*/


}

.slide {
  position: absolute;	
  height: auto;
  width:57vw;
  overflow: hidden !important; 
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change:transform;	
   box-sizing: border-box;
  	
}

.slide img { display: block; max-width: 100%; height: auto; }


.style2 {

 display: block; height: auto; max-width: 100%;
   	

}

.style3 {

  opacity:0; width:70vw; height:auto; object-fit:contain;

}






.captioner1 {
position:absolute; opacity:0; display:none;
}

.headerStylez {z-index:0; padding:2em; position:fixed; bottom:0; left:0;  height:auto;}	



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

.frame {
  width:100%;
  height:auto;
  position:relative;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  z-index:11 !important;
}


.secondaryHolder {width:0; display:none; height:0;}
.primeHolder {top:1vh; position:absolute; width:100vw; display:flex; flex-direction:row; align-items:stretch; justify-content:center; background:#e6e4db; z-index:10;}
 
.firstFont {display:block;}

.typeText {
  display: block;
   pointer-events: auto!important;	
}

.typeLine-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden; /* mask */
}

.typeLine {
  position: relative;
  z-index: 1;       /* text below cover */
}

/* sliding cover */
.typeLine-cover {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: #e6e4db;   /* match page background */
  transform-origin: right center; /* so it uncovers left→right */
  transform: scaleX(1);
  pointer-events: none !important;
}

.green {
  position: relative;
  background: #e6e4db;
  z-index: 5;
   height: 100vh;	
}


@media only screen and (max-width: 800px) {

.green {position:relative; height:110dvh; background: #e6e4db; z-index:5;}
	
h1 {
  margin-bottom:0;
  margin-top:0;
  font-weight:normal;
  font-style:normal;
  font-size: 4vw;
  line-height:1.1em;	
  letter-spacing:.03em;

}	
 
.firstFont {display:none;}	
	
.megaMega2 {

  margin-bottom:0;
  margin-top:0;
  font-weight:normal;
  font-style:normal;
  font-size: 15vw;	
  line-height: .8em;
  letter-spacing:0;	

}
	
	
.anchorBlock {
  position: relative;   /* stay in flow below slides-container */
  margin-top: .5rem;     /* add space if desired */
  text-align: left;    /* align content to right edge of slides-container */
}	
	
.textHolder {
	position:relative; width:95vw; margin:0; padding:0;
}	
	
.slider-section {
  display: block;
  position: relative; 
  margin-left:2.5vw;
  margin-right:2.5vw;	
  margin-top:0;	
}	
	
.slides-container {	
  position: relative;
  width:95vw;
  overflow:hidden;
  display:flex; 
  justify-content:center; 
  align-items:flex-start; 
  z-index:100;	
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change:transform;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /*border: 1px solid #cccec6;*/


}

.slide {
  position: absolute;	
  height: auto;
  width:95vw;
  overflow: hidden !important; 
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change:transform;	
   box-sizing: border-box;
 }		
	
.secondaryHolder {top:1vh; height:auto; position:relative; width:95vw; padding-left:2.5vw; display:flex; flex-direction:row; justify-content:space-between;}	

.primeHolder {top:16vw; position:absolute; width:100vw; display:flex; flex-direction:column; align-items:stretch; justify-content:center;}
	
.slides-container {border: 0px solid #090909;}	

	

}









@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
	
	
	
	
	
}


*:focus {
outline: 0;
outline: none;
}
	

*{      
-webkit-tap-highlight-color: transparent;
 }