@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: #090909;
  margin: 0;
  padding: 0;
  margin-top: 1vh;
  font-family: "FT1";
  width: 100vw;
  height: 100vh; 
  min-height: -webkit-fill-available;
  overflow: hidden !important;	
  color: #ede8d0;
  line-height: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "FT1";
  src: url("NB Television Pro Regular.otf")
    format("opentype");
}

@font-face {
  font-family: "FT3";
  src: url("NB Television Pro Mono.otf")
    format("opentype");
}

@font-face {
  font-family: "FT2";
  src: url("IonicModernPoster-Thin.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;
}

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

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

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


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


h1 {
  font-family:  "FT3";
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 1.4em;	
  text-transform: uppercase;
}

.clockFace {font-size: 1.25vw; line-height: 1.3em;}

.ionic { 
		font-family: "FT2";
		font-size: 7vw;
		line-height: 1em;
}
.spec { 
		 font-size: 1.25vw;
  		line-height: 1.2em;
}



.notMono {
   font-family:  "FT1";
}


.monoTime {
  font-family:  "FT3";
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 1.4em;
  text-transform: uppercase;
}

.hugeType {
	  font-family: "FT2";	
	  font-size: 8vh;
	  line-height:1.1em;
}

.hugeType2 {
	  font-family: "FT2";	
	  font-size: 12vh;
	  line-height:1.1em;
	  text-align:center;
}

.hugeSpec {
	  font-family:  "FT3";
	  font-size: 5vw;
	  line-height:1em;
	  text-align:center;
}	

.widTHER {width:55%; overflow:hidden;}



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



.wheel_1 {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;	
  overflow: hidden !important;
  background: #090909;
  z-index:0;	
  pointer-events:auto;	
}

.box1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap:wrap;
  padding: 0;
  margin: 0;
  height: 100vh;
  width: 100vw;
  overflow:hidden !important;	
  mix-blend-mode:lighten;		
}

.videoWrapper {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   overflow: hidden;
}
.videoWrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 120vh;
   min-width: 190.655vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}


.vimeoWrapper {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 56.25vw;
   overflow: hidden;
   background:#090909;	
}
.vimeoWrapper iframe {
   width: 60vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.embedHolder {
	z-index:100; position:relative; display:flex; width:100vw; height:56.25vw; height:auto; background:#090909;
}


.mainframe 	{}
.mainframe.is-hidden {opacity:0 !important; }


.imgStyle {width: 100vw; height: 100dvh; object-fit:cover;}

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


.menuHolder {width:100vw; height:100vh;  overflow:hidden; position:fixed; top:0; left:0; display:flex; align-items:center; justify-content:center; z-index:101; flex-direction:column; overflow:hidden; opacity:0;  will-change: transform; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden;}

.innerMenu {transform: rotate(0deg); display:flex; align-items:center; justify-content:center; flex-direction:column; width:100%;}



.pusher {position:100; height:100vh; z-index:-1; pointer-events:none; touch-action:none;}
.pusher ::-webkit-scrollbar {display: none !important;}



.objectHolder {overflow:hidden;}

.redBlocker {top:0; left:0; opacity:1; position:fixed; z-index:1; background:#090909; width:100vw; height:100dvh; overflow:hidden; transition: opacity .3s;}
.redBlocker.is-hidden {opacity:0; position:fixed; z-index:1; background:#090909; width:100vw; height:100dvh; overflow:hidden; transition: opacity .3s;}

.objectBox {height:50vh; width:100vw; top:0; position:absolute; pointer-events:none; overflow:hidden; z-index:100000}

.homeDetails {position:relative; width:30%; padding-right:35%; padding-left:35%;}


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

.clockFace {font-size: 1.75vh; line-height: 1.3em;}
	

}


@media only screen and (max-width: 800px) {
	
	.homeDetails {position:relative; width:40%; padding-right:30%; padding-left:30%;}

	
		.objectBox {height:100svh; width:100vw; top:0; position:absolute; pointer-events:none; z-index:100000}
	
	.vimeoWrapper iframe {width:90vw;}	
	
.vimeoWrapper {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 56.25vw;
   overflow: hidden;
}	
	
.embedHolder {
	z-index:100; position:relative; display:flex; width:100vw; height: 56.25vw; height:auto; align-items:flex-start; justify-content:flex-start; flex-direction:column; background:#090909;
}	
	
body {overflow: hidden !important;  height: 100dvh !important;}	
	
.pusher {position:absolute; height:100svh; z-index:-1; pointer-events:none; touch-action:none;}
	
	
.widTHER {width:65%;}

	
.innerMenu {transform: rotate(0deg); display:flex; align-items:center; justify-content:center; flex-direction:column; width:100%;}

	
	
.menuHolder {width:100vw; height: 100dvh; position:fixed; top:0; left:0; display:flex; align-items:center; justify-content:center; z-index:101; flex-direction:column; z-index:1;}
	

.vidholder {width:100vw; height:100dvh;}
.fullHolder {width:100vw; height:100dvh;}	
.vidStyle {width:100%; height:90svh; object-fit:cover;}	
	
.imgStyle {width: 100vw; height: 90svh; object-fit:cover;}

	
.clockFace {font-size: 3.25vw;}
	
	
h1 {
  font-family:  "FT3";
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 400;
  font-size: 3.25vw;
  line-height: 1.2em;
  text-transform: uppercase;
}

.ionic {font-size: 10vw; line-height: 1.em;}

.spec { 
		 font-size: 3.25vw;
  		line-height: 1.2em;
}
	
	
	
.notMono {
   font-family:  "FT1";
}

.monoTime {
  font-family:  "FT3";
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 400;
  font-size: 3.25vw;
  line-height: 1.3em;
  text-transform: uppercase;
}


.smallType {
  font-family: sans-serif;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 400;
  font-size: 3.25vw;
  line-height: 1.1em;
  text-transform: uppercase;
}
	
	
.hugeType {
	  font-family: "FT2";	
	  font-size: 10vw;
      line-height:1.2em;	
	  text-align:center;
}	
	
.hugeType2 {
	  font-family: "FT2";	
	  font-size: 15vw;
	  line-height:1em;
	  text-align:center;
}	
	
.hugeSpec {
	  font-family:  "FT3";
	  font-size: 8vw;
	  line-height:1em;
	  text-align:center;
}	
		
	
.wheel_1 {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  height: 100dvh;
  overflow: hidden;
}	

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

	
}



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

body {overflow: auto;}		
	
 body::-webkit-scrollbar {
        display: none !important;
	 	
    }	

.pusher ::-webkit-scrollbar{display: none !important;}

	
.menuHolder {pointer-events:none; width:100vw; height:100vh; position:fixed; top:0; left:0; display:flex; align-items:center; justify-content:center; z-index:1; flex-direction:column; z-index:1;}
	
.wheel_1 {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  touch-action:none !important;	
}		
	

	
	
h1 {
  font-family:  "FT3";
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 400;
  font-size: 1.75vw;
  line-height: 1.2em;
  text-transform: uppercase;
}

.ionic {font-size: 7vw; line-height:1em;}

.spec { 
		 font-size: 1.75vw;
 
}	
	
.notMono {
   font-family:  "FT1";
}

.clockFace {font-size: 1.75vw;}
	

	
.monoTime {
  font-family:  "FT3";
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 400;
  font-size: 1.75vw;
  line-height: 1.2em;
  text-transform: uppercase;
}	
		

.widTHER {width:70%;}
	
.box1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap:wrap;
  padding: 0;
  margin: 0;
  height: 115vh;
  width: 100vw;
  mix-blend-mode:lighten;		
}	

.videoWrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 115vh;
   pointer-events: none;
   overflow: hidden;
}
.videoWrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 300vh;
   min-width: 277.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}	
	
.vidholder {width:100vw; height:150vh;}
.fullHolder {width:100vw; height:150vh;}	
.vidStyle {width:100%; height:150vh; object-fit:cover;}	
	
.imgStyle {width: 100vw; height: 150vh; object-fit:cover;}
	
	
}


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