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

html,
body {
  min-height: 100%;
}


:root {
  --active-text: #d19300;
}

body { /*#f8faf7;*/
  background: #010101;
  color: var(--active-text); 
  /*color: /*#ecece5; #8a6d01;*/
  margin: 0;
  padding: 0;
  height:auto !important;
  font-family: "APT1", sans-serif;
  overflow-x: hidden !important;  
  max-width: 100vw;
  line-height: 0px;
  text-transform:uppercase;	
  touch-action: manipulation !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	 overflow-x: clip;
}


@font-face {
  font-family: "APT1";
  src: url("Thermal-Regular.otf")
    format("opentype");
}

@font-face {
  font-family: "SIRC1";
  src: url("Sirca-Regular.otf")
    format("opentype");
}


*,
*::before,
*::after {
  box-sizing: border-box;
}

a {text-decoration:none;  color: var(--active-text); /*color:#ecece5;*/}

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

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

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




h1 {
	font-family: "APT1", serif;
	font-size:1.75em;
	line-height:1.1em;
	font-weight:300;
	/*color:#ecece5;*/
	/*background: #ecece5;*/
}

.menuButton{
	
	font-family: "APT1", serif;
	font-size:3.75em;
	line-height:1.1em;
	font-weight:300;
	/*color:#ecece5;*/
	/*background: #ecece5;*/
}


.microType {
	
	font-family: "APT1", serif;
	font-size:1em;
	line-height:1.1em;
	font-weight:300;
	/*color:#ecece5;*/
	/*background: #ecece5;*/
}


.hugeType {
	font-family: "SIRC1", serif;
	font-size:11vw;
	line-height:1.1em;
	font-weight:300;
	color:#ecece5;
	/*background: #ecece5;*/
}

.italic-title {
    font-style: italic;
    padding-right: 0.05em; 
    display: inline-block; 
}

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

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


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

.mainHolder {
	position:fixed;
	bottom:0;
	right:0;
	padding:2em;
	column-gap: 10px;
	row-gap: 0px;
	width:auto;
	justify-content:center; 
	align-content:center;
	display:flex;  
	flex-wrap:wrap;	
	z-index:1000;
	/*mix-blend-mode:exclusion;*/
	
}


.captionHolder {
	position:fixed;
	bottom:0;
	left:0;
	padding:2em;
	column-gap: 10px;
	row-gap: 0px;
	width:auto;
	justify-content:center; 
	align-content:center;
	display:flex;  
	flex-wrap:wrap;	
	z-index:1000;
	/*mix-blend-mode:exclusion;*/
	
}

.sticky-header {
    position:sticky;
	top: var(--upper-height, 0px);
	column-gap: 10px;
	row-gap: 0px;
	width:60vw;
	margin-left:30vw;
	justify-content:space-between; 
	align-content:center;
	display:flex;  
	flex-wrap:wrap;	
	z-index:1000;
	/*mix-blend-mode:exclusion;*/
}


.archiveList {width:60vw; margin-left:30vw;}

.archive-column1 {
width: 30%; display:flex; 
}

.archive-column2 {
width:70%; display:flex; 
}

.artist-column {
	width:40%;
}

.title-column {
	width:40%;
}

.entry-column {
	width:20%; display:flex;  justify-content:flex-end;
}

.section {
  height: auto; /* Or content-driven height */
}

.titleHolder {
position:relative; 	
width:98vw; 
margin-left:1vw;	
	/*mix-blend-mode:exclusion;*/
	}	


.media-entry {
  width: 20%; 
  cursor: pointer;
  /*transition: width 0.4s ease;*/
  position: relative;
}

.media-entry.is-expanded {
  width: 100% !important;
  z-index: 100;
}

.close-overlay {
  display: none;
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 85%; 
  z-index: 10;
  cursor: zoom-out;
}

.media-entry.is-expanded .close-overlay {
  display: block;
}





.page {
  width: 100%;
}

.lines {
  display: flex;
  flex-direction: column;
}

.lines-group {
  display: flex;
  flex-direction: column;
}

/* THE ROCK-SOLID CONTAINER */
.line-block {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100dvh; /* Locked to exactly one viewport height */
  width: 100%;
}

.content-item {
  transform-origin: center center;
  will-change: transform;
}

/* IMAGE CONSTRAINTS */
.content-item.image {
  max-width: 70vw;
  max-height: 80dvh; /* Keeps the image from touching the edges of the viewport */
  width: auto;
  height: auto;
  object-fit: contain; 
  border-radius: 1rem; 
  background-color: #1a1a1a; /* Skeleton load color */
}


 /*
  * 
  * 
  * MAINFRAME
  * 
  * 
  * 
  */ 
  

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





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


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

	

/* THE ROCK-SOLID CONTAINER */
.line-block {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100dvh; /* Locked to exactly one viewport height */
  width: 100%;
}	
	
/* IMAGE CONSTRAINTS */
.content-item.image {
  max-width: none;
  max-height: none;	
  width:90vw;
  height: auto;
  object-fit: contain; 
  border-radius: 3vw; 
  background-color: #1a1a1a; /* Skeleton load color */
}	
	
h1 {
	font-family: "APT1", serif;
	font-size:40px;
	line-height:1.1em;
	font-weight:300;
	/*color:#ecece5;*/
	/*background: #ecece5;*/
}
	

.italic-title {
    font-style: italic;
    padding-right: 0.1em; 
    display: inline-block; 
}	

.archiveList {width:98vw; margin-left:1vw;}	
	
.archive-column1 {
width: 15%;
}

.archive-column2 {
width:85%; display:flex; flex-wrap:wrap;
}	
	
.artist-column {
	width:45%; 
}

.title-column {
	width:55%; 
}

.entry-column {
	width:55%; margin-left:45%;  display:flex;  justify-content:flex-start;
}	
	
.titleHolder {
position:relative; 	
width:98vw; 
margin-left:1vw;	
	}	
	
.mainHolder {
	position:fixed;
	bottom:0;
	right:0;
	padding:2em;
	column-gap: 10px;
	row-gap: 0px;
	width:auto;
	justify-content:center; 
	align-content:center;
	display:flex;  
	flex-wrap:wrap;	
	z-index:1000;
	/*mix-blend-mode:exclusion;*/
	
}

	
.sticky-header {
    position:sticky;
	top: var(--upper-height, 0px);
	column-gap: 10px;
	row-gap: 0px;
	width:98vw; 
	margin-left:1vw;
	justify-content:space-between; 
	align-content:center;
	display:flex;  
	flex-wrap:wrap;	
	z-index:1000;
}
	
	
}


@media only screen and (min-width: 480px) and (max-width: 932px) and (orientation: landscape) {
 
	h1 {
	font-family: "EB Garamond", serif;
	font-size:16px;
	line-height:1.1em;
	font-weight:300;
	/*color:#ecece5;*/
	color:#090909;
	/*background: #ecece5;*/
}	
	
}


@supports (-webkit-touch-callout: none) {
  a, button, [role="button"],
  input[type="button"], input[type="submit"], label {
    -webkit-tap-highlight-color: transparent; /* or rgba(0,0,0,0) */
  }

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