@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: #010101;
  color: #cccbbe;
  margin: 0;
  padding: 0;
  height:auto !important;
  font-family: "CHMP2";
  overflow-x: hidden !important;  
  max-width: 100vw;
  line-height: 0;
  touch-action: manipulation !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


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

@font-face {
  font-family: "CHMP2";
  src: url("ChampionSansCondLL-Light.otf")
    format("opentype");
}

@font-face {
  font-family: "CHMP3";
  src: url("NB Typewriter Pro Light.otf")
    format("opentype");
}


* {
  box-sizing: border-box;
}


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

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



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

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


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

.hugeType{
  
  font-family: "CHMP1";
  font-size: 30.5vw;
  line-height: .74em;
  letter-spacing: -0.06em;
  margin: 0.05em;
}



.hugeType2{
   
   font-family: "CHMP1";
  font-size: 15.5vw;
  line-height: .8em;
  letter-spacing: -0.03em;
}

.hugeType3{
   
  font-family: "CHMP1";
  font-size: 6.5vh;
  line-height: .9em;
  letter-spacing: -0.03em;
}



h1 {

  font-size: 1.5vw;
  line-height: 1.25em;
  letter-spacing: -0.01em;
  margin: 0.05em;
}

h2 {

  font-family: "CHMP2";
  font-size: 1.6vw;
  line-height: .8em;
  letter-spacing: -0.07em;
  margin: 0.05em;
}

.mainText {
	
  font-family: "CHMP2";
  font-size: 2.25vw;
  line-height: 1em;
  letter-spacing: -0.03em;
  margin: 0.05em;
	
}

.mainText2 {
	
  font-family: "CHMP2";
  font-size: 1.6vw;
  line-height: 1em;
  letter-spacing: -0.03em;
  margin: 0.05em;
	
}

.micro {
   
  font-family: "CHMP3";
  font-size: 1vw;
  line-height: 1.5em;
  letter-spacing: 0;
  margin: 0.1em;
  text-transform:uppercase;	
}

.micro2 {
   
  font-family: "CHMP3";
  font-size: .9vw;
  line-height: 1.2em;
  letter-spacing: 0;
  margin: 0.1em;
  text-transform:none;	
}

h3 {
  font-family: "CHMP1";
  font-size: 14vw;
  line-height: 1em;
  letter-spacing: -0.01em;
  margin: 0.02em;
}



.section {
  height: 90dvh;
  width: 100vw;
  position: relative;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #010101;
}

.section img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode:lighten;	
}

.caption3 {
  display: none;
}

.captioner1 {
  display: none;
}

.captionIMG {
  display: none;
}


.slides-container {
  position: relative;
  top:0;	
  overflow: hidden;  
  display: flex;
  flex: 1;
  z-index:3;	
  height:90vh;
  width:100vw;	
  background:#010101;	
  transform: will-change	
}

.slides-inner {
  top:0;	
  position: absolute;
  height: 100%;
  width: 100%;  
  overflow: hidden;
}

.slide {
  position: absolute;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
   height:90vh;
  width: 100vw;
}

.slide img {
  object-fit: cover;
  width:100vw;
  height:90vh;	
  mix-blend-mode:lighten;		
}

.slide video {

width:auto; height:90vh; max-width:100vw; object-fit:cover; mix-blend-mode:lighten;

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

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


.slide-cont {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  gap: 1rem;
  z-index: 10;
  cursor: pointer;
}

.slides-container2 {
  height: 40vh;
  width: 100vw;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.slides-container2:focus {
  outline: none;
}

.slide2 {
  padding: 1vw;
  flex-shrink: 0;
  height: 40vh;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
}

.slide2 img {
  object-fit: cover;
  width: 50vw;
  height: 40vh;
}



.xmenu {
  margin: 1.5rem auto;
  background: none;
  background-color: rgba(0, 0, 0, .8);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);	
  border-radius: 5px;
  overflow: hidden;
  transform: will-change;	
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;	
  /*box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);*/
}

.xmenu__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width:35vw;	
  height:4vw;	
  padding: 1rem 1.25rem;
  cursor: pointer;
}

.xmenu__wrap {
  height: 0;
  overflow: hidden;
  /*border-top: 1px solid #333;*/
  /*border-bottom: 1px solid #333;*/
  will-change: height;
  contain: layout;
}
.xmenu__list {
  list-style: none;
  padding: 1rem;
  margin: 0;
}
.xmenu__item {
  border-radius: 0px;
  overflow: hidden;
}
.xmenu__btn {
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.8rem .4rem;
  background: transparent;
  color: inherit;
  border: 0;
  cursor: pointer;
}

.xmenu__btn_alt {
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.8rem .4rem;
  background: transparent;
  color: inherit;
  border: 0;
  cursor: pointer;
}

.xmenu__btn:hover {
  background: rgba(255, 255, 255, 0.03);
}

.subwrap {
  height: 0;
  overflow: hidden;
  will-change: height;
  contain: layout;
}
.sublist {
  list-style: none;
  padding: 0.25rem 0.5rem 0.75rem 2.25rem;
  margin: 0;
}
.sublink {
  display: block;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  border-radius: 8px;
}
.sublink:hover {
  background: rgba(255, 255, 255, 0.04);
}

.topBuffer {
	position:relative; height:7.5vh; width:100vw; background:#010101;
}


.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; /* left align */
  gap: 1%; /* consistent spacing between items */
}

.gallery img {
  flex: 0 0 24%;  /* lock width */
  object-fit: cover;
  cursor:pointer;	
}

.projectsContainer{
	height:auto; min-height:100vh; position:relative; background:#010101; z-index:50; 
	width:100vw; transform: translateZ(0);   
  backface-visibility: hidden;	
  -webkit-backface-visibility: hidden; 
}

.footerBuffer {
	 transform: translateZ(0);   
  backface-visibility: hidden;	
  -webkit-backface-visibility: hidden; 
	display:flex; position:absolute; top:0; left:0; z-index:1; height:100dvh; width:100vw; align-items:flex-end; justify-content:flex-start; pointer-events:none; background:#010101;
}

.footerrelativeBuffer {
position:relative; z-index:0; height:50dvh; width:100vw; pointer-events:none; background:none;
}

.footerStyle {
	 transform: translateZ(0);   
  backface-visibility: hidden;	
  -webkit-backface-visibility: hidden;	position:fixed; bottom:1em; z-index:0; pointer-events:auto;
  width:95vw; padding-left:2.5vw; display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; height:auto;
}





#lb-meta {
	position:absolute; 
	bottom:0;
	left:0; 
	padding:2em; 
	z-index:1001 !importnat;
	cursor:pointer;
}

body.lb-open {
  height:100dvh !important;
  overflow: hidden;
  position: fixed; 
  width: 100%; 
}

#lightbox {
  position: fixed;
  top:0;
  left:0;
  background:rgba(0,0,0,.9);	
  inset: 0;
  height:100dvh; 
  width:100vw;	
  display: none; 
  align-items: center;
  justify-content: center;
  z-index: 50000 !important;
  padding: 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  overscroll-behavior: contain;
}

.lb-carousel {
  width: 100vw;
  height: 100dvh;
  will-change: opacity, transform; 
}

.lb-cell {
  width: 100vw;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  contain: layout paint size;  
}

.lb-cell img {
  width: 90vw;
  height: 100svh;
  object-fit: contain;
}

.flickity-page-dots {
  display: none !important;
}
.flickity-button {
  display: none !important;
}

.flickity-page-dots {
  display: none !important;
}
.flickity-button {
  display: none !important;
}

/* ===== Nav buttons ===== */
.lb-nav {
  position: fixed;
  inset: 0;
  z-index: 2000 !important;
  pointer-events: none; 
}
.lb-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: all;
  border: 0;
  border-radius: 14px;
  padding: 12px 14px;
  color: #333;
  background:none;
  cursor: pointer;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background 0.2s ease, transform 0.2s ease;
  user-select: none;
}
.lb-btn:active {
  transform: translateY(calc(-50% + 1px));
}
#prevBtn {
  left: 20px;
}
#nextBtn {
  right: 20px;
}

.lb-icon {
  width: 22px;
  height: 22px;
  display: inline-block;
}




 /*
  * 
  * 
  * 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;
  z-index:5;	
  overflow-x: scroll;
  overflow-y: hidden;
  display: grid;
  grid-auto-flow: column;
  height: 100dvh;
  width:100vw;	
  position: relative;	
  gap:10px;			
}


.gallerySection {
  scroll-snap-align: start;
  position: relative; 
  height: 100dvh;
  width: 35vw;			
  border-radius: 0px;
  display:flex; 
  align-items:flex-end;	
  transform: will-change;	
 
 }

.gallerySpacer {
    position: relative;
   scroll-snap-align: start;	
   height: 100dvh;
   width: 65vw;	
}



.innerText {
  padding-top:5%;	
  padding-left:50%;	
  padding-bottom:5%;		
	color:#cccbbe !important;
}

/* Minimal styling */
.accordion {
  width: 85vw;
}
.accordion .ac-item:last-child {
  border-bottom: none;
}

.ac-item {
  border-bottom: 1px solid #333;
  color:#cccbbe; /*color for inner*/
}
.ac-header {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  padding: 0.9rem 0;
  color: #cccbbe;
  transition: color .2s ease;
}
.ac-header:hover { color: #cccbbe; }
.ac-header.is-active { color: #cccbbe; }        /* active red */
.ac-header.is-active:hover { color: #cccbbe; }  /* hover red */

.ac-icon::before { content: "+"; display: inline-block; transition: transform .25s ease; }
.ac-header.is-active .ac-icon::before { content: "–"; } /* swap to minus */

.ac-panel { overflow: hidden; height: 0;}
.ac-panel-inner {will-change: transform, opacity;}

.sub-accordion .ac-header { }

.footChuck {width:auto;}

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

.innerText {
  padding-top:5%;	
  padding-left:10%;	
  padding-bottom:10%;		
	color:#cccbbe !important;
}	
	
.footChuck {width:100%;}	

.topBuffer {
	display:none;
}	
	
.slides-container {
  position: relative;
  top:0;	
  overflow: hidden;  
  display: flex;
  flex: 1;
  height:84.5vh;
  width: 100%;  
  background:#010101;	
}

.slides-inner {
  top:0;	
  position: absolute;
  height: 100%;
  width: 100%;  
  overflow: hidden;
}

.slide {
  position: absolute;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height:84.5vh;
  max-width:100%;
}

.slide img {
  object-fit: cover;
  width:100vw;
  max-width:100%;
  height:70vh;		
  max-height:70vh;	
  mix-blend-mode:lighten;		
}

.slide video {

width:auto; height:70vh; max-width:100vw; object-fit:cover; mix-blend-mode:lighten;

}		
	
	
h1 {

  font-size: 3.5vw;
  line-height: 1.25em;
  letter-spacing: -0.01em;
  margin: 0.05em;
}	

h2 {

  font-family: "CHMP2";
  font-size: 4.5vw;
  line-height: 1em;
  letter-spacing: -0.07em;
  margin: 0.05em;
}	
	
.mainText2 {
	
  font-family: "CHMP2";
  font-size: 4vw;
  line-height: 1em;
  letter-spacing: -0.03em;
  margin: 0.05em;
	
}	
	
.micro{
   
  font-family: "CHMP3";
  font-size: 3vw;
  line-height: 1.1em;
  letter-spacing: 0;
  margin: 0.05em;
  text-transform:uppercase;	
}
	
.section {
  height: 100vh;
  width: 100%;
  max-width: 100%; 	
  position: relative;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #010101;
}

.section img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode:lighten;	
}	
	
	
.xmenu {
  margin: 1.5rem auto;
  background: none;
  background-color: rgba(0, 0, 0, .8);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);	
  border-radius: 5px;
  overflow: hidden;
  transform: will-change;	
  /*box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);*/
}

.xmenu__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width:90vw;	
  height:5vh;	
  padding: 1rem .75rem;
  cursor: pointer;
}

.xmenu__wrap {
  height: 0;
  overflow: hidden;
  /*border-top: 1px solid #333;*/
  /*border-bottom: 1px solid #333;*/
  will-change: height;
  contain: layout;
}
.xmenu__list {
  list-style: none;
  padding: .5rem;
  margin: 0;
}
.xmenu__item {
  border-radius: 0px;
  overflow: hidden;
}
.xmenu__btn {
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.75rem .25rem;
  background: transparent;
  color: inherit;
  border: 0;
  cursor: pointer;
}
.xmenu__btn:hover {
  background: rgba(255, 255, 255, 0.03);
}

.subwrap {
  height: 0;
  overflow: hidden;
  will-change: height;
  contain: layout;
}
.sublist {
  list-style: none;
  padding: 0.25rem 0.5rem 0.75rem 2.25rem;
  margin: 0;
}
.sublink {
  display: block;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  border-radius: 8px;
}
.sublink:hover {
  background: rgba(255, 255, 255, 0.04);
}
	


.hugeType{
  
  font-family: "CHMP1";
  font-size: 34.5vw;
  line-height: .8em;
  letter-spacing: -0.07em;
  margin: 0.05em;
}
	
.hugeType2{
  
  font-family: "CHMP1";
  font-size: 18.5vw;
  line-height: .85em;
  letter-spacing: -0.07em;
  margin: 0.05em;
  padding-left:.05em;	

}	

	
.hugeType3{
   
  font-family: "CHMP1";
  font-size: 6.5vw;
  line-height: 1em;
  letter-spacing: -0.03em;
}
	
	
.slides-container2 {
  height: 35vh;
  width: 100vw;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.slides-container2:focus {
  outline: none;
}

.slide2 {
  padding: 1vw;
  flex-shrink: 0;
  height: 35vh;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
}

.slide2 img {
  object-fit: cover;
  width: 75vw;
  height: 35vh;
}
	
	
.footerStyle {
	 transform: translateZ(0);   
  backface-visibility: hidden;	
  -webkit-backface-visibility: hidden;	position:fixed; bottom:1em; z-index:0; pointer-events:auto; 
  width:90vw; padding-left:5vw; display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; height:auto;
}
	
	
}



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