@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;
  margin: 0;
  padding: 0;
  font-family: "FT1";
  width: 100vw;
  color: #090909; 
  line-height: 0;
  touch-action: manipulation !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "FT1";
  src: url("Atlas-Mono.ttf")
    format("truetype");
}

@font-face {
  font-family: "FT2";
  src: url("Atlas-Regular.ttf")
    format("truetype");
}



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

.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 */
}

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

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



a {color: #090909; text-decoration:none}

h1 {
  margin-bottom:0;
  margin-top:0;
  font-weight:400;
  font-size: 3vw;
  line-height: 1.1em;
  text-transform:uppercase;
}


.microType {
	font-size:1.15em; 
	line-height:1.3em;
	letter-spacing:-.075em;
}

.microMicro {
	font-size:.9em; 
	line-height:1.3em;
	letter-spacing:-.075em;
}

.secondaryType {
	font-size:1.5em; 
	line-height:1.3em;
	letter-spacing:-.11em;
	text-align:center;
}


.bigType {
	font-family: "FT2";
	font-size:13vh; 
	line-height:1em;
	letter-spacing:-.05em;
	text-align:center;
	color:#201a00;
}


.bigTitle {
	font-family: "FT2";
	font-size:11vh; 
	line-height:1em;
	letter-spacing:-.025em;
	text-align:center;
	color:#201a00;
}




.prev {
  position: absolute;
  top: 0;
  left: 0;
  height:100%; 
  width:10vw;
  z-index:1000;
  opacity:0;
  cursor:pointer;
}
.next {
  position: absolute;
  top: 0;
  right: 0;
   height:100%; 
  width:10vw;
  z-index:1000;
  opacity:0;
  cursor:pointer;
}



.slides-container3 {
  position: relative;
  top:0;	
  overflow: hidden;  
  display: flex;
  flex: 1;
  height:75vh;
  width:100vw;	
  background:#e6e4db;	
  z-index:10;	
}

.slide3 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 75vh;
  width: 100vw;
  mix-blend-mode:multiply;	
}

.slides-inner3 {
  position: relative;
  height: 100%;
  width: 100%;  
  overflow: hidden;
}

.prevButton3{
  position:absolute;
  left:0;
  top:0;
  width:10vw;
  height:100%;
  opacity:0;
  z-index:10;
  cursor:pointer;
}

.nextButton3{
   position:absolute;
  right:0;
   top:0;
 width:10vw; 
  height:100%;
  opacity:0;
  z-index:10;
  cursor:pointer;
}




.slides-container {
  position: relative;
  overflow:hidden;
  height:100vh;
  width:100vw;
  z-index:10;
  background:none;
  /*border: 1px solid  #cccec6;*/


}

.slide {
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  position: absolute;
  height:100vh; 
  width:100vw;
  overflow:hidden;
   padding-bottom:10vh;
}

.styleA {

  width:auto;	
  height:40vh; 
  max-width:100vw;
  object-fit:contain;
  object-position: right bottom;
  --data-y:48vh;
  --data-x:90vw;
  --data-v:5vw;
}

.styleB {

  width:40vw;	
  height:auto; 
  object-fit:contain;
  object-position: right bottom;
  --data-y:90vh;
  --data-x:90vw;
  --data-v:95vw;

}


.styleC {

  width:auto;	
  height:70vh; 
  object-fit:contain;
  object-position: right bottom;
  --data-y:80vh;
  --data-x:30vw;
  --data-v:10vw;

}


.styleD {

  width:auto;	
  height:40vh; 
  max-width:100vw;
  object-fit:contain;
  object-position: right bottom;
  --data-y:50vh;
  --data-x:90vw;
  --data-v:90vw;
}

.styleE {

  width:40vw;	
  height:auto; 
  object-fit:contain;
  object-position: right bottom;
  --data-y:90vh;
  --data-x:90vw;
  --data-v:95vw;

}



.slides-container2 {
  padding-top:5vh;
  mix-blend-mode:multiply;
  position: absolute;
  top:0;
  left:0;
  overflow:hidden;
  z-index:2;	
  height:100vh;
  width:90vw;
  margin-left:5vw;

  /*border: 1px solid #cccec6;*/


}

.slide2 {
  
  padding-bottom:100vh;
  position: absolute;
  height:100vh; 
  width:100%;
  display:flex; 
  justify-content:center;
  overflow:hidden;
  
}

.style2 {

  width:100vw;	
  height:100vh; 
  max-height:70vh;
  object-fit:cover;
  object-position: left top;

}


.titleWrap {
  height: 50px;
  position: absolute;
  z-index: 20;
  bottom: 1vh;
  left: 3vw;
  overflow-y: hidden;
}

.title {
  height: 50px;
  display:flex;
  align-items:center;
  text-align: left;
}

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

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

.captioner {
position:relative;
  
 }

.impressions {
  background:#e6e4db;
  text-align: left;
  font-weight: 400;
  position: absolute;
  width: auto;
  white-space: nowrap;
}

.impressions img {
  mix-blend-mode:multiply;
}

.impressions2 {
  font-weight: 400;
  width: 100ww;
  height:50vh; 
  display:flex; 
  justify-content:center;
}

svg {
  position: absolute;
  fill: #090909;
  stroke-width: 0px;
  /*stroke: #e3dac9;*/
}

.svgcontain {
  width:100%;
  height:100%;
  overflow: visible;
  position: relative;
}






.style3 {
 
  width:40vw; 
 height:auto;
 
}


.captionName {text-align:right;}


 /*
  * 
  * 
  * MAINFRAME
  * 
  * 
  * 
  */ 
  

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

.gallery_scroller {
   /* snap mandatory on horizontal axis  */
  scroll-snap-type: x mandatory;
  overflow-x: scroll;
  overflow-y: hidden;
  display: grid;
  grid-auto-flow: column;
  height: auto;
  width:100vw;	
  position: relative;	
  gap:20px;	
   mix-blend-mode:multiply;		
}


.gallerySection:last-child {
  scroll-snap-align: center;
  position: relative; 
  height: auto;
  width: auto;	
  border-radius: 0px;
 
 }

.gallerySection {
  scroll-snap-align: center;
  position: relative; 
  height: auto;
  width: auto;			
  border-radius: 0px;
 
 }

.galleryIMG {
	
height:60svh;
width:auto;	
	
}





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


.section {background:#e6e4db; height:auto; width:100vw; position:relative; display:flex; align-items:center; justify-content:center;}

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

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


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


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


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

.greetingHolder {z-index:5; padding-top:15svh; position:relative; width:100vw; height:auto; display:flex; justify-content:center; flex-direction:column; align-items:center; background: #e6e4db;}


.navHolder {
	position:fixed; 
   top:1svh; 
	left:0;
    width:100vw;
	 z-index:100000;
	display:flex;
	justify-content:center;
	will-change:transform;
	 -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 			
	
  
	
}


.nav-wrap {	
	border-radius: 26px;
  background:#d9c7b9;
  width:auto;
   z-index:100000;
	overflow:hidden;		
	will-change:transform;
	 -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 		
	
}

.acnav {
  width: 100%;
}

.acnav__list {

  list-style: none;
  overflow:hidden;
}
.acnav__list--level1 {
  border: none;
}


.acnav__link, .acnav__label {
  display: block;
  padding:.5em;
  cursor: pointer;
  text-align:center;	
}

.acnav__link--level2, .acnav__label--level2 {

  text-align:center;

}

.acnav__link--level3, .acnav__label--level3 {

  text-align:center;
  padding-left:1em;	
  padding-right:1em;		
}



.acnav__list--level2, .acnav__list--level3, .acnav__list--level4 {
  height: 0;
  
}

.is-open > .acnav__list--level2, .is-open > .acnav__list--level3, .is-open > .acnav__list--level4 {
  height: auto;
}

.galleryButton{
	z-index:900;  
	position:fixed; 
	top:2svh; 
	left:0; 
	width:100vw; 
	height:auto; 
	display:flex; 
	justify-content:center; 
	align-items:center;
}


.footer {z-index:0; position:fixed; margin:0; bottom:0; padding-bottom:5em; padding-top:10em; left:0; width:70vw; padding-left: 15vw; padding-right: 15vw; height:auto; display:flex; justify-content:space-between; align-items:center; gap:90px; overflow:hidden;}

.fSpacer {z-index:1; position:relative; display:flex; align-items:center; justify-content:center; height:25svh; width:100vw; pointer-events:none;}

.archiveImage {padding-bottom:2.5svh; width:auto; max-width:80vw; object-fit:contain; height:auto; max-height:90svh; mix-blend-mode:multiply;}

.archiveHolder {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-end; height:auto; background: #e6e4db; position:relative; z-index:10 !important; mix-blend-mode:none;}

.itemTContain {padding-top:0; padding-left:10vw; width:80vw; position:relative; display:flex; flex-direction:column; justify-content:center;}


.singleItemImage {padding-bottom:2.5svh; width:auto; max-width:80vw; object-fit:contain; height:auto; max-height:90svh; mix-blend-mode:multiply;}

.hidden {
  display: none;
}



@media only screen and (max-height: 1000px) {
	
	.itemTContain {padding-top:2.5vh; padding-left:20vw; width:60vw; position:relative; display:flex; flex-direction:column; justify-content:center;}	

	
	.archiveImage {padding-bottom:2.5svh; width:31vw; margin-left:0vw; object-fit:contain; height:auto; mix-blend-mode:multiply;}
	
	.archiveHolder {display:flex; flex-wrap:wrap; justify-content:space-evenly; align-items:flex-end; height:auto; background: #e6e4db; position:relative; z-index:10 !important; mix-blend-mode:none;}
	
}




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

		.itemTContain {padding-left:30vw; width:40vw; position:relative; display:flex; flex-direction:column; justify-content:center;}	

	
}	

@media only screen and (max-width: 800px) {
	
	
.singleItemImage {padding-bottom:2.5svh; width:80vw; object-fit:contain; height:auto; mix-blend-mode:multiply;}
	
.itemTContain {padding-left:2.5vw; width:95vw; position:relative; display:flex; flex-direction:column; justify-content:center;}	

.archiveImage {padding-bottom:2.5svh; width:80vw; margin-left:0vw; object-fit:contain; height:auto; mix-blend-mode:multiply;}
	
	.archiveHolder {display:flex; flex-wrap:wrap; justify-content:space-evenly; align-items:flex-end; height:auto; background: #e6e4db; position:relative; z-index:10 !important; mix-blend-mode:none;}	
	
	
.acnav__link--level3, .acnav__label--level3 {

  text-align:center;
  padding-left:1.25em !important;	
  padding-right:1.25em !important;			
}	
	
.fSpacer {z-index:1; position:relative; display:flex; align-items:center; justify-content:center; height:80svh; width:100vw; pointer-events:none;}	
	
.footer {z-index:0; flex-direction:column; position:fixed; margin:0; bottom:0; padding-bottom:5em; padding-top:10em; left:0; width:80vw; padding-left: 10vw; padding-right: 10vw; height:auto; display:flex; justify-content:center; align-items:center; gap:25px; overflow:hidden;}
		
	
.acnav__link, .acnav__label {
  display: block;
  padding:.35em;
  cursor: pointer;
  text-align:center;	
}
	
.nav-wrap {	
	border-radius:26px;
	
}		
.acnav {
  width: 100%;
	
}	
	
.gallery_scroller {
   /* snap mandatory on horizontal axis  */
  scroll-snap-type: x mandatory;
  overflow-x: scroll;
  overflow-y: hidden;
  display: grid;
  grid-auto-flow: column;
  height: auto;
  width:100vw;	
  position: relative;	
  gap:20px;	
   mix-blend-mode:multiply;		
}


.gallerySection:last-child {
  scroll-snap-align: center;
  position: relative; 
   height: auto;
  width: auto;				
  border-radius: 0px;
 
 }

.gallerySection {
  scroll-snap-align: center;
  position: relative; 
   height: auto;
  width: auto;			
  border-radius: 0px;
 
 }	
	
.galleryIMG {
	
height:40svh;
width:auto;	
	
}	
	
	
.microType {
	font-size:.9em; 
	line-height:1.3em;
	letter-spacing:-.075em;
}
	
.microMicro {
	font-size:.6em; 
	line-height:1.3em;
	letter-spacing:-.1em;
}	
	
.secondaryType {
	font-size:1.25em; 
	line-height:1.1em;
	letter-spacing:-.12em;
	text-align:center;
}	
	
.bigType {
	font-family: "FT2";
	font-size:17vw; 
	line-height:1em;
	letter-spacing:-.05em;
	text-align:center;
}	
	
	
.bigTitle {
	font-family: "FT2";
	font-size:14vw; 
	line-height:1em;
	letter-spacing:-.05em;
	text-align:center;
}	
	
	
.slides-container2 {

  mix-blend-mode:multiply;
  position: absolute;
  top:0;
  left:0;
  overflow:hidden;
  z-index:2;	
  height:90svh;
  width:90vw;
  margin-left:5vw;
  padding-top:9dvh;
  /*border: 1px solid #cccec6;*/


}

.slide2 {
  
  padding-bottom:100svh;
  position: absolute;
  height:90svh; 
  width:90vw;		
  overflow:visible;	
}  
	
.slides-container {
  position: relative;
  overflow:hidden;
  height:100svh;
  width:100vw;
  z-index:10;
  background:none;
  /*border: 1px solid  #cccec6;*/


}

.slide {
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  position: absolute;
  height:100svh; 
  width:100vw;
  overflow:hidden;
   padding-bottom:0;
}	
  
  
.impressions2 {
  font-weight: 400;
  width: 90ww;
  height:45svh; 
  display:flex; 
  justify-content:center;
}  
  
.styleA {

  width:100vw;	
  height:auto; 
  max-width:100vw;
  object-fit:contain;
  object-position: right bottom;
  --data-y:45svh;
  --data-x:90vw;
  --data-v:15vw;
}

.styleB {

  width:100vw;
  height:auto; 
  max-width:100vw; 
  object-fit:contain;
  object-position: right bottom;
  --data-y:15svh;
  --data-x:90vw;
  --data-v:90vw;

}

.styleC {

  width:60vw;	
  height:auto; 
  object-fit:contain;
  object-position: right bottom;
  --data-y:40svh;
  --data-x:90vw;
  --data-v:90vw;

}   
	
.styleD {

  width:60vw;	
  height:auto; 
  object-fit:contain;
  object-position: right bottom;
  --data-y:50svh;
  --data-x:90vw;
  --data-v:90vw;
}
	
 
.styleE {

  width:100vw;
  height:auto; 
  max-width:100vw; 
  object-fit:contain;
  object-position: right bottom;
  --data-y:90svh;
  --data-x:90vw;
  --data-v:90vw;

}	
	
	
	
    
}