@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; 
}





@media (prefers-color-scheme: dark){
	
/* #f8f7f2 */


body {
  background: #090909;
  margin: 0;
  padding: 0;
  margin-top: 0;
  font-family: "FT1";
  width: 100vw;
  color: #808078;
  line-height: 0;
  touch-action: manipulation !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
		
a {font-weight:300; color: #808078; text-decoration:none}

.curtain {background: #090909;}	
.mixBlend {background: #090909;}
.imgStyle {mix-blend-mode:lighten;}	
.detailStyle {mix-blend-mode:lighten;}		
.singleStyle {mix-blend-mode:lighten;}	
	
}

@media (prefers-color-scheme: light){
	

body {
  background: #edece6;
  margin: 0;
  padding: 0;
  margin-top: 0;
  font-family: "FT1";
  width: 100vw;
  color: #322f2d;
  line-height: 0;
  touch-action: manipulation !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
		
a {font-weight:300; color: #322f2d;  text-decoration:none}

.curtain {background:#edece6;}	
.mixBlend {background:#edece6;}
.imgStyle {mix-blend-mode:multiply;}	
.detailStyle {mix-blend-mode:multiply;}	
.singleStyle {mix-blend-mode:multiply;}		
	
}




.curtain {position:relative; width:100vw; height:110dvh; z-index:100;}	
.curtain2 {position:relative; width:100vw; height:110dvh; background:none; pointer-events:none;}	


@font-face {
  font-family: "FT1";
  src: url("MicrogrammaExtDMed.otf")
    format("opentype");
}

@font-face {
  font-family: "FT2";
  src: url("MicrogrammaExtDMed.otf")
    format("opentype");
}

@font-face {
  font-family: "FT3";
  src: url("MicrogrammaExtDBol.otf")
    format("opentype");
}



.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; } 

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 600ms;
}


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

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


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



h1 {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: normal;
  font-size: .8vw;
  font-weight: 300;	
  line-height: 1.3em;
  letter-spacing:.3em;
  text-align:center;
  text-transform: uppercase;
}

.smallType {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 300;
  font-size: 1.5vw;
  line-height: 1.2em;
  letter-spacing:.15em;	
  text-transform: uppercase;
}

.microType {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 300;
  font-size: .7vw;
  line-height: 1.4em;
   letter-spacing:.1em;	
  text-transform: none;
}

.hugeType {
  font-family: "FT3";		
  margin-bottom: 0;
  margin-top: 0;
  font-weight: normal;
  font-size: 10vw;
  line-height: 1.1em;
  letter-spacing:0;
  text-align:center;
  text-transform: uppercase;
}

.hugeType2 {
	
  font-family: "FT3";	
  margin-bottom: 0;
  margin-top: 0;
  font-weight: normal;
  font-size: 15vw;
  line-height: 1em;
  letter-spacing:0;
  text-align:center;
  text-transform: uppercase;
}

.hugeType2 a {color: #eeebe0;}

.caption3 {
  position: absolute;
  opacity: 0;
  display: none;
}
.capTitle {
  position: absolute;
  opacity: 0;
  display: none;
}


.wheel_1 {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  height: 100dvh;
  background: #090909;
}

.box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap:wrap;
  flex-direction:column;
  padding: 0;
  margin: 0;
  height: auto;
  width: 100vw;
  /*mix-blend-mode:lighten;*/		
 /* padding-bottom:15vh;*/
}

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

.singleStyle {width: 100vw; height:auto; max-height:95svh; object-fit:contain;}	
.imgStyle {width: 100vw; height:auto; object-fit:contain;}	
.detailStyle {width: 100vw; min-height:100svh; object-fit:cover;}	


.vidholder {width:80vw; height:60vh;}
.fullHolder {width:80vw; height:60vh;}
.vidStyle {width:100%; height:100%; object-fit:cover;}



.mainHolder {
	
  position:fixed;
  top:0;
  left:0;
  width:100vw;	
  height:100dvh;	
  overflow-y:scroll !important; 
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  scroll-snap-align: start;	
  z-index:2000;
  background:#090909;  
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 		
	
}


.section {margin-top:10dvh; margin-bottom:10dvh; height:100dvh; width:100vw; position:relative; display:flex; align-items:center; justify-content:center; scroll-snap-align: start; }

.mainHolder.is-hidden {
	
  display:none;
	
}

.holderModule {
	
	width:18vw;
	margin-top:1vh;
	
}


.fixer {
   opacity:1; position:fixed; bottom:1vh; left:0; margin-left:1vw; width:98vw; height:auto; z-index:2001; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; mix-blend-mode:exclusion;
}


.fixer.is-hidden {
 opacity:0;
}


.fixer2 {
   opacity:1; position:absolute; bottom:0; padding:2vw; left:0; width:100vw; height:auto; z-index:2001; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden;  mix-blend-mode:exclusion;
}

.footerStyle {position:fixed; gap:10px; width:70vw; z-index:0; bottom:2em; padding-left:15vw; display:flex; justify-content:center; align-items:flex-end;}

.wrapper {
  position: relative;
  width: 100vw;
  height: 200dvh;
  overflow: hidden;
  overscroll-behavior: none;
}

.container {
  display: grid;
  overscroll-behavior: contain;
  width: 100%;
  cursor: grab;
}


.itm {
  height: auto;
  width: 100vw;
}


.homeContainer {
	position:relative; top:0; left:0; gap:175px;  margin-left:12.5vw; width:75vw; height:100dvh; display:flex; align-items:center; justify-content:center; z-index:400; 
}

.homeMenu {
	position:absolute; opacity:0; top:0; left:0; gap:175px;  padding-left:12.5vw; padding-right:12.5vw; width:75vw; height:100vh; display:flex; align-items:center; justify-content:center; z-index:500; overflow-y:scroll !important;
}

.secondaryMenu {
	position:fixed; opacity:0; top:0; left:0; gap:175px;  padding-left:12.5vw; padding-right:12.5vw; width:75vw; height:100vh; display:flex; align-items:center; justify-content:center; z-index:500; overflow-y:scroll !important;
}

.menuContainer {
	position:fixed; width:100vw; gap:225px; height:100dvh; display:flex; align-items:center; justify-content:center; z-index:500; pointer-events:none;
}

.exhibitionPage {
	position:relative; gap:112.5px;  margin-left:12.5vw; width:75vw; height:100dvh; display:flex; align-items:center; justify-content:center; flex-direction:column; z-index:400;
}


@media only screen and (max-width: 800px) {
	
	
.exhibitionPage {
	/*padding-top:15svh;*/
	gap:112.5px; 
	margin-top:10vh;
	flex-direction:column;
	height:100svh;
	justify-content:center; 
}	

.homeContainer {
	/*padding-top:15svh;*/
	gap:112.5px;  
	flex-direction:column;
	height:100svh;
	justify-content:center; 
	
}	
	
.homeMenu {
	padding-top:15svh;
	gap:225px; 
	flex-direction:column;
	height:100vh;
	justify-content:center; 
	overflow-y:scroll !important;
}		

.secondaryMenu {
	/*padding-top:15svh;*/
	gap:112.5px;  
	flex-direction:column;
	height:100dvh;
	justify-content:center; 
	overflow-y:scroll !important;
}	
	
	
.microType {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 300;
  font-size: 2vw;
  line-height: 1.4em;
  letter-spacing:.1em;	
  text-transform: none;
}	

.vidholder {width:100vw; height:40svh;}
.fullHolder {width:100vw; height:40svh;}	
.vidStyle {width:100%; height:100%; object-fit:cover;}	
	
.imgStyle {width: 100vw; height:auto; object-fit:contain;}	
.detailStyle {width: 100vw; height:80svh; object-fit:cover;}	

	
h1 {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 300;
  font-size: 2.2vw;
  line-height: 1.1em;
  letter-spacing:.3em;
  text-transform: uppercase;
}	
	
.hugeType {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: normal;
  font-size: 22vw;
  line-height: 1em;
  letter-spacing:0;
  text-align:center;
  text-transform: uppercase;
}

.hugeType2 {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: normal;
  font-size: 15vw;
  line-height: 1em;
  letter-spacing:0;
  text-align:center;
  text-transform: uppercase;
}	
	
	

.smallType {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 300;
  font-size: 3vw;
  line-height: 1.3em;
  letter-spacing:.15em;		
  text-transform: uppercase;
}
	
	
.wheel_1 {
  top: 0;
  left: 0;
  width: 100vw;
  height: auto;
}	

.box1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap:wrap;
  padding: 0;
  margin: 0;
  height: auto;
  width: 100vw;
 /* mix-blend-mode:lighten;*/	
 /*padding-bottom:10dvh;*/
}
	

}



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

.homeContainer {
	position:fixed; width:80vw; margin-left:10vw; gap:125px; height:100dvh; display:flex; align-items:center; justify-content:center; z-index:400; pointer-events:none;
}
	
	
	
h1 {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: normal;
  font-size: 1.25vw;
  font-weight: 300;	
  line-height: 1em;
  letter-spacing:.3em;
  text-align:center;
  text-transform: uppercase;
}
	
	

.microType {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 300;
  font-size: 1vw;
  line-height: 1.4em;
  letter-spacing:.2em;	
  text-transform: uppercase;
}		
	
	
}


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