@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){
	
	
body {
  background:  #090909;
  font-family: "Romain";
  margin: 0;
  padding: 0;
  width: 100vw;
  font-weight:300;	
  color: #c6c6bd;
  line-height:0;
  touch-action: manipulation !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}	

.js-slideshow {mix-blend-mode:none;} 	
.primeHolder {background: #090909;}
.mask {opacity:.8; filter: invert(1); border: #090909; box-sizing: border-box; mix-blend-mode:darken;}	
a {color:#c6c6bd;}	
.footerStyle {background: #090909;}
.curtain1 {background:#090909;}	
.roMono {color: #777;}	
.roMono a {color: #777;}		
	
}	

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



body {
  background:  #edece6;
  font-family: "Romain";
  margin: 0;
  padding: 0;
  width: 100vw;
  font-weight:300;	
  color: #090909; 
  line-height:0;
  touch-action: manipulation !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

.js-slideshow {mix-blend-mode:multiply;} 		
.primeHolder {background:#edece6;}	
.mask {opacity:1; mix-blend-mode:none; }	

a {color:#090909;}	
.footerStyle {background:#edece6;}
.curtain1 {background:#edece6;}		
	
}	









@font-face 		{ font-family: "Romain"; src: url("Chassi-SRegular.ttf");}
@font-face 		{ font-family: "Romain"; font-style:italic; src: url("Chassi-SRegularItalic.ttf");}
@font-face 		{ font-family: "RoMono"; src: url("InputMonoNarrow-ExtraLight.ttf");}

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


h1 {font-family: "Romain"; font-weight:300; font-size:1.15em; line-height:1.25em; letter-spacing:-.02em;}
h2 {font-family: "Romain"; font-weight:300; font-size:1.15em;  line-height:1.25em;}

h2 u {text-decoration:underline !important; text-underline-offset: 0.35rem; text-decoration-color: #777; text-decoration-thickness: .05em;}

.monod {font-family: "Romain"; font-weight:300; font-size:1.35em;  line-height:1.25em;}
.monod a {text-decoration:underline !important; text-underline-offset: 0.35rem; text-decoration-color: #777; text-decoration-thickness: .025em;}

.roMono {font-family: "RoMono";  font-size:.9em;  line-height:1.5em;}


a {line-height:0px; text-decoration:none !important;}



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

.transition-fade {
    transition: .1s;
    opacity: 1;
}

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


.primeHolder {height:100vh; width:100vw; position:relative; display:flex; flex-direction:column; z-index:1;}


.secondHolder {width:100%; position:relative; display:flex; flex-direction:row; }
.padder {position:fixed; left:0; top:0; padding-top:1em; padding-left:1.5em; z-index:1000 !important;}
.padder2 {position:fixed; right:0; bottom:0; padding-bottom:1em; padding-right:1.5em; z-index:1001 !important;}
.leftMargin {margin-left:.25em;}

.footerStyle {position:fixed; height:auto; margin-left:1.5em; bottom:0; padding-bottom:1em; z-index:0;}


.js-slideshow {
	position:absolute; 
	left:0; 
	top:0; 
	width:100vw; 
	z-index:2; 
	cursor: pointer !important; 	
}



.slide {
  position:relative;
  width: 100vw;
  text-align: center;
  height: 100svh;
  display:flex;
  justify-content:center;
  align-items:center;  
  opacity: 0;
  cursor: pointer !important; 		
}

.slide.is-selected  {
  opacity: 1;
  cursor: pointer !important; 	
}


.slide img {
  position:relative;
  width: 80%;
  height: auto;
  max-height: 60svh;
  object-fit:contain;	
}


.flickity-button{
  opacity:0 !important;
  height:100%;
  z-index:10 !importnat;
  -webkit-tap-highlight-color: transparent;	
  	
}

.flickity-button-icon {
  display:none;
}

.flickity-prev-next-button {
  top: 50% !important;
  width: 50vw  !important;
  border-radius:0  !important;
  height: 70%  !important;
  transform: translateY(-50%)  !important;
  opacity:0  !important;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  top: 20;
  width: 10vw;
  height: 100vw;
}



.subcaptioner   { font-kerning: none;
-webkit-text-rendering: optimizeSpeed;
text-rendering: optimizeSpeed;
-webkit-transform: translateZ(0);
transform: translateZ(0);}

.line-1 {
  position:absolute;
  bottom:0;
  left:0;
  width: 100%;
  max-width: 100vw;
  height: 2px;
  margin: 0;
  padding:0;
  display: inline-block;
  background-color: red;
  z-index:1000;
  display:none;	
}

.blockText {
	width:50%;
}


.curtain1 {pointer-events:none; z-index:1000; position:fixed; height:100svh; width:100vw; display:flex; align-items:center; justify-content:center;}

.bigType {font-size:3em;  line-height:1.3em;}


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

	
.bigType {font-size:1.6em;  line-height:1.3em;}
	
	
.blockText {
	width:90%;
}	
	
.footerStyle {position:fixed; height:auto; margin-left:1em; bottom:0; padding-bottom:1em; z-index:0;}


h1 {font-family: "Romain"; font-weight:300; font-size:.9em; line-height:1.25em;}	
.roMono {font-family: "RoMono";  font-size:.7em;  line-height:1.5em; letter-spacing:-.01em;}
	

.padder {padding-top:1em; padding-left:1.5em;}
.padder2 {padding-top:1em; padding-right:1.5em;}	
	
	
.monod {font-family: "Romain"; font-weight:300; font-size:1.35em; line-height:1.25em;}
.monod a {text-decoration:underline !important; text-underline-offset: 0.35rem; text-decoration-color: #777; text-decoration-thickness: .025em;}
	
.leftMargin {margin-left:0;}
.primeHolder {height:100dvh; width:100vw; position:relative;  display:flex; flex-direction:column;}	
.secondHolder {width:100%; position:relative; display:flex; flex-direction:column; }
	
	
}




@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
	
.padder {padding-top:1.5em; padding-left:2em;}
		
h1 {font-family: "Romain"; font-weight:300; font-size:1.5em; line-height:1.25em; letter-spacing:-.02em;}
h2 {font-family: "Romain"; font-weight:300; font-size:1.5em;  line-height:1.25em;}

h2 u {text-decoration:underline !important; text-underline-offset: 0.35rem; text-decoration-color: #777; text-decoration-thickness: .05em;}

.monod {font-family: "Romain"; font-weight:300; font-size:1.5em;  line-height:1.25em;}
.monod a {text-decoration:underline !important; text-underline-offset: 0.35rem; text-decoration-color: #777; text-decoration-thickness: .025em;}	
	
.roMono {font-family: "RoMono";  font-size:1em;  line-height:1.2em;}
	
	
}




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