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

@font-face {
  font-family: "FT1";
  src: url("Px437_SperryPC_CGA-2y.ttf")
    format("truetype");
}

@font-face {
  font-family: "FT2";
  src: url("ArialNarrowMTStd.otf")
    format("truetype");
}



@font-face {
  font-family: "FT3";
  src: url("Items-CondensedRegular.otf")
    format("truetype");
}

@font-face {
  font-family: "FT4";
  src: url("ArialNarrowMTStd Bold.otf")
    format("truetype");
}



.shopify-buy__btn,
.shopify-buy__option-select__select {
  font-family: "FT3", serif !important;
}



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

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

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



input, button, submit {font-family: "FT3", serif !important; 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: .01s;
    opacity: 1;
}

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



a {color: #cbf200; 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-family: "FT2";
	font-size:2vh; 
	line-height:1.1em;
	letter-spacing:0;
	text-transform:none;
	
}

.microTypeItem {
	font-family: "FT3";
	color:#143324; 
	font-size:5vh; 
	line-height:1.1em;
	letter-spacing:0;
	text-transform:none;
	
}



.secondaryType {
	font-size:1.75vw; 
	line-height:1.3em;
	text-align:center;
}

.secondaryPrice {
	font-size:1.75vw; 
	line-height:1.3em;
	text-align:center;
	color:#143324;
}


.button {
	font-size:1.75vw; 
	line-height:1.3em;
	text-align:center;
}

.form span {
	font-size:1.75vw; 
	line-height:1.3em;
	text-align:center;
}


.secondaryArial {
	font-family: "FT2";
	font-size:2.25vh; 
	line-height:1.3em;
	padding:1em;
	text-align:center;
	text-transform:none;
}

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

.bigType {
	font-family: "FT2";
	font-size:11vh; 
	line-height:1em;
	text-align:center;
 	text-transform:none;
}

.smallType {
	font-family: "FT3";
	font-size:7.5vh; 
	line-height:1.1em;
	text-align:center;
 	text-transform:none;
	
}



.smallType2ALT {
	font-family: "FT3";
	font-size:2.5vh; 
	line-height:1.1em;
	text-align:center;
 	text-transform:none;
	color:#143324;
}


.smallType2ALT a {
	font-family: "FT3";
	font-size:2.5vh; 
	line-height:1.1em;
	text-align:center;
 	text-transform:none;
	color:#143324;
}


.bigArial {
	font-family: "FT4";
	font-size:20vw; 
	color:#08291a;
	line-height:.95em;
	letter-spacing:-.02em;
	text-align:center;
	text-transform:uppercase;
	
}

.bigTitleSingle {
	font-family: "FT3";
	font-size:18vh; 
	line-height:.9em;
	text-align:center;
	text-transform:none;
}	
	
	
.bigTitleCat {
	font-family: "FT3";
	font-size:22vw; 
	line-height:1em;
	text-align:center;
	text-transform:none;
}	

.bigTitle {
	font-family: "FT3";
	font-size:15.5vh; 
	line-height:.85em;
	text-align:center;
	text-transform:none;
	
}

.bigTitle2 {
	font-family: "FT3";
	font-size:6.5vh; 
	line-height:.85em;
	text-align:center;
	text-transform:none;
	
}

.bigItems {
	font-family: "FT3";
	font-size:15vh; 
	line-height:.85em;
	text-align:center;
	text-transform:none;
	color:#143324 !important;
	
}

.itemsColors {
	font-family: "FT3";
	font-size:8.5vh; 
	line-height:1em;
	text-align:center;
	text-transform:none;
	color:#143324;
	
}

.bigShop {
	font-family: "FT4";
	font-size:35vw; 
	line-height:.85em;
	text-align:center;
	text-transform:none;
	padding-top:5vh; 
	padding-bottom:1vh;
	letter-spacing:-.02em;
	color:#0e241a !important;
	text-transform:uppercase;
	
}

.bigShop2 {
	font-family: "FT4";
	font-size:25vh; 
	line-height:.85em;
	text-align:center;
	text-transform:none;
	letter-spacing:-.02em;
	color:#0e241a !important;
	text-transform:uppercase;
	
}

.bigNarrative {
	font-family: "FT3";
	font-size:15vh; 
	line-height:1.1em;
	text-align:center;
	text-transform:none;
	
}


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



.slides-container3 {
  position: relative;
  top:0;	
  overflow: hidden;  
  display: flex;
  flex: 1;
  height:95svh;
  width:100vw;	
  background:#eeede7;	
 z-index:30 !important;	
}

.slide3 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height:95svh;
  width: 100vw;
  background:#eeede7;	
}

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


.slides-container4 {
  position: relative;
  top:0;	
  overflow: hidden;  
  display: flex;
  flex: 1;
  height:95svh;
  width:100vw;	
  background:#090909;	
 z-index:10;	
}

.slide4 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height:95svh;
  width: 100vw;
  mix-blend-mode:lighten;	
}



.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:center;
  justify-content:center;
  position: absolute;
  height:100vh; 
  width:100vw;
  overflow:hidden;
}

.styleA {
	
  height:100vh; 
  width:100vw;
  object-fit:cover;
  object-position: center top;
  --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;

}





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

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

.captioner {
position:relative;
  
 }

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

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






.slides-container2 {
  mix-blend-mode:none;	
  position: fixed;
  top:0;
  left:0;
  overflow:hidden;
  z-index:20;	
  height:100vh;
  width:100vw;
	pointer-events:none; 


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


}

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

.impressions2 {
  width: 100ww;
  height:100vh; 
  display:flex; 
  justify-content:center;
  align-items:center;	
}

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

.svgcontain {
  width:70vh;
  height:70vh;
  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:lighten;		
}


.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:100vh !important;	
  overflow-y: scroll;
  z-index:20000;
  background:#eeede7;
  -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:0; position:relative; width:100vw; height:80svh; display:flex; overflow:hidden; background: #090909;}




.wheel_1 {
	background:#eeede7;
  top: 0;
  left: 0;
  position: relative;
  width: 100vw;
  height: 100svh;
  overflow: hidden;
  z-index:2;	
}

.box1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  height: auto;
  width: 100vw;
}


#particles {
  position: absolute;
  width: 100vw;
  height: 100svh;
}

.particle {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius:50%;
}


#particles2 {
  position: absolute;
  width: 100vw;
  height: 100svh;
}

.particle2 {
  position: absolute;
  width: 17px;
  height: 17px;
  border-radius:50%;
}

.ball {	
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background-color: #cbf200;
  background: #cbf200;
  transform: translateY(-400px);
}

.soonBanner{
	position:fixed; 
	z-index:100000;
	top:0;
	opacity:1;
	background: rgba(203, 242, 0, .8);
    -webkit-backdrop-filter:  blur(120px) saturate(200%) contrast(100%);
	backdrop-filter: blur(120px) saturate(200%) contrast(100%);
	width:100vw;
	height:100dvh;
	mix-blend-mode:none;
	display:flex; 
	align-items:center;
	justify-content:center;
}

.soonBanner2{
	position:fixed; 
	z-index:100001;
	top:0;
	opacity:1;
	width:100vw;
	height:100dvh;
	display:flex; 
	align-items:center;
	justify-content:center;
}



.scheduleBanner{
	position:relative; 
	top:0;
	z-index:10;
	top:0;
	opacity:1;
	background: #eeede7;
	width:100vw;
	height:auto;
	padding-top:15vh;
}

.scheduleBanner2{
	position:fixed; 
	z-index:11;
	top:0;
	opacity:1;
	width:100vw;
	height:100dvh;
	background:  #eeede7;
	overflow:scroll; 
}



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

.imgContainer {position:relative; width:100vw; height:100svh; background:#090909; display:flex; align-items:center; justify-content:center;}

.blinker {background:#cbf200;}
.colorSelector {position:absolute; opacity:0;}
.colorSelectorALT {position:absolute; opacity:0;}
.footer2 {position:relative; height:30svh; background:none; pointer-events:none;}


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

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


.nav-wrap {	
	border-radius: 26px;
  background: none;
  width:auto;
	padding:1em;
   z-index:100000;
	overflow:hidden;		
	 -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 		
	
}

.galleryButton{
	z-index:10900;  
	position:fixed; 
	top:2svh; 
	right:0;
	width:7svh;
	height:auto; 
	display:flex; 
	justify-content:center; 
	align-items:center;
}



#private {overflow-y:scroll; position:fixed; top:0; left:0; width:100vw; height:100dvh; z-index:995000 !important;  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change:transform;}


#mc_embed_signup .button {
font-family: "FT2";
	font-size:2.25vh; 
	line-height:1.3em;
	padding:1em;
	width: 70vw;
	text-align:center !important;
	text-transform:none;	
	cursor:pointer;
}

.exitButton {
	font-size:2em; 
	line-height:1.3em;
	text-align:center;
	text-transform:none;
	position:fixed; 
	top:1em;
	right:1em;
}

#mc_embed_signup{
clear:left; 
font-size:2em; 
line-height:1em;  
width: 75vw;
border:none !important;  
border-radius:0 !important;  
}

.mc-field-group input {
font-family: "FT2";	
color: #143324; 
font-size:2em; 
line-height:1em; 
width: 75vw;	
text-align:center !important;	
border:none!important;
border-bottom:1px solid rgba(20, 51, 36,1)  !important; 
background-color:transparent !important;
border-bottom:none;   
border-radius:0 !important;  	
  
}

div.mce_inline_error {
width: 75vw !important;
font-size:2em; 
display:none !important;   
line-height:1em !important;  
background:none !important;  
font-weight:normal !important;   
font-family: arial !important; 
padding:0 !important;  
margin:0 !important;    
}

#mce-success-response {
width: 75vw !important;
font-size:2em; 
line-height:1em !important;  
background:none !important;  
font-weight:normal !important;   
font-family: arial !important; 
padding:0 !important;  
margin:0 !important;    
}

textarea:focus, input:focus{
    outline: none;
}


.tyPopper{
	position:fixed; 
	width:100vw;
	pointer-events::none; 
	display:none;
	justify-content:center; 
	top:2em;
	left:0;
	z-index:1000000; 

}

.shopify-buy__icon-cart {display:none !important;}
.shopify-buy__btn-disabled {background:none !important;}
.shopify-buy__btn-wrapper {background:none !important;}
.shopify-buy__btn {background:none !important;}



.container {
  position: relative;
  top:0;
  left:0;	
  height: 100vh;
  overflow-y: scroll;
  z-index:10;
}
	

.productImage{
padding-bottom:4svh; 
height:auto; 
max-height:80vh;	
object-fit:contain; 
width:auto; 
max-width:60vw; 
mix-blend-mode:multiply;
}


.smallType2 {
	font-family: "FT2";
	font-size:1.5vw; 
	line-height:1.1em;
	text-align:center;
 	text-transform:none;
	color:#143324;
}	
	
.shopStyleType{
	position:sticky; top:10svh;
}

.filterHolder {background: none; position:absolute; top:0; left:0; z-index:100; padding-top:1.5vw; padding-left:2.5vw; will-change:transform;
	 -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; }
.filterFix {position:fixed; width:100vw; height:auto; top:0; left:0; padding-top:1.5vw; padding-left:2.5vw; z-index:100;}
.openFilter {position:absolute; left:0; top:0; padding-top:1.5vw; padding-left:2.5vw;}




.slidesAbout:focus {
  outline: none;
}

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

.slideAbout {
  flex-shrink: 0;
  height: 40vh;
  width: auto;
  padding: 0;
  margin: 0 150px 0 0; /* 50px space to the right of each slide */
  display: flex;
  align-items: center;
  justify-content: center;
}

.slideAbout img {
  height: 40vh;
  width: auto;
  display: block;
  object-fit: cover;
}


.flex-grid {
	display: flex;
	justify-content: space-evenly;
	text-align: center;
	flex-wrap:wrap;
	width:100%;
}
.d-col-2 {width: 15%; padding-top:2vh;}

.microTypeItem2 {
	font-family: "FT2";
	color:#143324; 
	font-size:1.15vw; 
	line-height:1.1em;
	letter-spacing:0;
	font-weight:normal;
	text-transform:none;
	
}

@media only screen and (max-width: 800px) {
	
	
.d-col-2 {width: 30%;}

.microTypeItem2 {
	font-family: "FT2";
	color:#143324; 
	font-size:3.25vw; 
	line-height:1.1em;
	letter-spacing:0;
	font-weight:normal;
	text-transform:none;
	
}	
	
.slideAbout {
  flex-shrink: 0;
  height: 40vh;
  width: auto;
  padding: 0;
  margin: 0 50px 0 0; /* 50px space to the right of each slide */
  display: flex;
  align-items: center;
  justify-content: center;
}	
	
.smallType2ALT {
	font-family: "FT3";
	font-size:3vh; 
	line-height:1.1em;
	text-align:center;
 	text-transform:none;
	color:#143324;
}


.smallType2ALT a {
	font-family: "FT3";
	font-size:3vh; 
	line-height:1.1em;
	text-align:center;
 	text-transform:none;
	color:#143324;
}
	
.smallType {
	
	font-size:8.5vw; 
	line-height:1.1em;
	text-align:center;
 	text-transform:none;
}	
	

.openFilter {position:absolute; left:0; top:0; padding-top:3vw; padding-left:5vw;}
	
.filterHolder {background: #eeede7; flex-direction:column; position:absolute; top:0; left:0; margin:0; width:100%; display:flex; justify-content:center; z-index:100; padding-top:2.5vh; padding-bottom:1rem; padding-left:0;} 	
	
.filterFix {width:90vw; position:fixed; top:0; left:0; padding-top:0vw; padding-left:5vw; padding-right:5vw; z-index:100}	

.shopStyleType{
	position:sticky; top:10svh; padding-bottom:10vh;
}
	
	
 body {height:110vh;}

	
.slides-container3 {
  position: relative;
  top:0;	
  overflow: hidden;  
  display: flex;
  flex: 1;
  height:85svh;
  width:100vw;	
  background:#eeede7;	
 z-index:30 !important;	
}

.slide3 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height:85svh;
  width: 100vw;
  background:#eeede7;	
}	
	
	.slide3 img {
		mix-blend-mode:multiply;
	}	
	
.productImage{
padding-bottom:2.5svh; 
height:auto; 
object-fit:contain; 
width:auto; 
max-width:90vw; 
}	

.mainHolder {
	
  position:fixed;
  top:0;
  left:0;
  width:100vw;	
  height:110vh !important;	
  overflow-y: scroll;
  z-index:20000;
  background:#eeede7;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 		
	
}
	
	
.container {
  position: relative;
  top:0;
  left:0;	
  height: 110vh;
  overflow-y: scroll;
  z-index:10;
}
	
	
.microTypeItem {
	font-family: "FT3";
	color:#143324; 
	font-size:8vw; 
	line-height:1.1em;
	letter-spacing:0;
	text-transform:none;
	
}
	
	
.bigArial {
	font-family: "FT4";
	font-size:22.5vw; 
	color:#08291a;
	line-height:.95em;
	letter-spacing:-.02em;
	text-align:center;
	text-transform:uppercase;
	
}	
	
.scheduleBanner{ padding-top:15vh;}	
	
.mc-field-group input {
padding:0!important;
margin:0 !important;
font-family: "FT2";	
color: #143324 !important; 
font-weight: normal !important;	
font-size:1em; 
line-height:1em; 
width: 100%;	
text-align:center !important;	
border:none!important;
border-bottom:1px solid rgba(20, 51, 36,1)  !important; 
background-color:transparent !important;
border-bottom:none; 
border-radius:0 !important;  	
  
}
	

#mc_embed_signup .button {
font-family: "FT2";
	font-size:2.25vh; 
	line-height:1.3em;
	padding:1em;
	width: 100%;
	color: #143324 !important; 
	font-weight:normal !important;
	text-align:center !important;
	text-transform:none;	
	cursor:pointer;
}	
	
.navHolder {right:0;}
.nav-wrap {padding:.5em;}	
.galleryButton{

	top:2svh; 
	right:2vw;

}	
	
.footer2 {position:relative; height:50svh; background:none; pointer-events:none;}	
	
.bigItems {
	font-family: "FT3";
	font-size:17vw; 
	line-height:.85em;
	text-align:center;
	text-transform:none;
	color:#143324 !important;
	
}	
	
.itemsColors {
	font-family: "FT3";
	font-size:9vw; 
	line-height:1.1em;
	text-align:center;
	text-transform:none;
	color:#143324;
	
}		
	
.bigShop {
	font-family: "FT4";
	font-size:40vw; 
	line-height:.85em;
	text-align:center;
	padding-top:3vh; 
	padding-bottom:1vh;
	text-transform:uppercase;
	letter-spacing:-.03em;
	color:#143324 !important;
	
}
	
.bigShop2 {
	font-family: "FT4";
	font-size:23vw; 
	line-height:.85em;
	text-align:center;
	padding-top:3vh; 
	padding-bottom:1vh;
	text-transform:uppercase;
	letter-spacing:-.03em;
	color:#143324 !important;
	
}	
	
.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:2px; overflow:hidden;}
	
	
.ball {	
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #cbf200;
  background: #cbf200;
  transform: translateY(-200px);
}	
	
.particle {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius:50%;
}
	
	
.particle2 {
  position: absolute;
  width: 17px;
  height: 17px;
  border-radius:50%;
}	

	

	

	
.svgcontain {
  width:80vw;
  height:80vw;
  overflow: visible;
  position: relative;
}	
	
.acnav__link, .acnav__label {
  display: block;
  padding:.35em;
  cursor: pointer;
  text-align:center;	
}
	
.nav-wrap {	
	border-radius:26px;
	
}		
.acnav {
  width: 100%;
	
}	

	
.microType {
	font-size:1.2em; 
	line-height:1.1em;
	letter-spacing:0em;
}
	
.microMicro {
	font-size:.8em; 
	line-height:1.3em;
	letter-spacing:-.1em;
}	
	
.secondaryType {
	font-size:1.15em; 
	line-height:1.3em;
	text-align:center;
}
	


.secondaryPrice {
	font-size:4.25vw; 
	line-height:1em;
	text-align:center;
	color:#143324;
}	
	
.exitButton {
	font-size:1.15em;
	line-height:1.3em;
	text-align:center;
}	
	
.secondaryArial {
	font-family: "FT2";
	font-size:1.15em; 
	line-height:1.3em;
	padding:1em;
	text-align:center;
	text-transform:none;
}	
	
	

	
.bigType {
	
	font-size:11vw; 
	line-height:1.1em;
	letter-spacing:0;
	text-align:center;
}
	
	
.bigNarrative {
	
	font-size:20vw; 
	line-height:1.1em;
	letter-spacing:0;
	text-align:center;
	text-transform:none;
}
	
.bigTitleSingle {
	font-family: "FT3";
	font-size:18vw; 
	line-height:.9em;
	text-align:center;
	text-transform:none;
}	
	
	
.bigTitleCat {
	font-family: "FT3";
	font-size:22vw; 
	line-height:1em;
	text-align:center;
	text-transform:none;
}	
	
.bigTitle {
	
	font-size:12vw; 
	line-height:1em;
	text-align:center;
}	
	
.bigTitle2 {
	
	font-size:11vw; 
	line-height:.85em;
	text-align:center;
}		
	

	
.smallType2 {
	
	font-size:3.5vw; 
	line-height:1.3em;
	text-align:center;
 	text-transform:none;
}	
	

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

  height:auto; 
  width:100vw;
  object-fit:contain;
  object-position: center top;
  --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;

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

.imgContainer {position:relative; width:100vw; height:200svh; background:#090909; display:flex; align-items:center; justify-content:center;}
	
.footer {z-index:0; position:fixed; margin:0; bottom:0; padding-bottom:5em; padding-top:5em; left:0; width:80vw; padding-left: 10vw; padding-right: 10vw; height:auto; display:flex; justify-content:space-between; align-items:center; gap:100px; overflow:hidden; background:#090909;}	
	
.microType {
	font-size:.9em; 
	line-height:1.1em;
}	
	
.navHolder {
	position:fixed; 
   top:1svh; 
	right:2vw;
	width:15vw !important;
	 z-index:100000;
	display:flex;
	align-items:center;
	justify-content:center;
	will-change:transform;
	 -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 			

}


.nav-wrap {	
	border-radius: 26px;
  background: none;
  width:15vw !important;
	padding:1em;
   z-index:100000;
	overflow:hidden;		
	will-change:transform;
	 -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 		
	
}

.galleryButton{
	z-index:10900;  
	position:fixed; 
	top:3svh; 
	right:4vw;
	width:7svh;
	height:auto; 
	display:flex; 
	justify-content:center; 
	align-items:center;
}
	
	
.secondaryType {
	font-size:1em; 
	line-height:1.3em;
	text-align:center;
}	
	

	

.bigType {

	font-size:8vw; 
	line-height:1.1em;
	letter-spacing:-.01em;
	text-align:center;
 	text-transform:none;
}
	
.svgcontain {
  width:90vh;
  height:90vh;
  overflow: visible;
  position: relative;
}		

.slides-container2 {
  mix-blend-mode:none;	
   position: fixed;
  top:0;
  left:0;
  overflow:visible;
  z-index:20;	
  height:100dvh !important;
  width:100vw;
}

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

.impressions2 {
  width: 100ww;
  height:100dvh; 
  display:flex; 
  justify-content:center;
  align-items:center;	
}	
	
.wheel_1 {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index:-1;
  pointer-events:none;	
  	
}

.box1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  height: auto;
  width: 100vw;
}
	
.styleA {
	
  height:auto; 
  width:100vw;
  object-fit:cover;
  object-position: center top;
  --data-y:48vh;
  --data-x:90vw;
  --data-v:5vw;
}	

	
.slides-container3 {
  position: relative;
  top:0;	
  overflow: hidden;  
  display: flex;
  flex: 1;
  height:100vh;
  width:100vw;	
  background:#eeede7;	
 z-index:30 !important;	
}

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