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

* {
  -webkit-tap-highlight-color: transparent;
}
  
/* #f8f7f2 */

body {	
  background:  #ecece5;
  color:  #1d1d1d;	
  margin: 0;
  padding: 0;
  width: 100vw;	
  font-family: "Bodaim";	
  text-transform:none;	
  touch-action: manipulation !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}



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


@font-face {
  font-family: "Bodain";
  src: url("BodoniMTStd Book.otf")
    format("opentype");
}

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



.DTI 			{color:#777;}
.DTI:hover 		{color:#1d1d1d;}	
.bar { background:#090909;}	
.subSubRevealer {background:#090909;}	
.grounder {background:#ecece5;}
.CMtouch .subMega {color: #dddcd2;}
.mailLink {color: #dddcd2;}		
	
.mc-field-group {
border-bottom:1px solid #090909; 
}	

.mc-field-group input {
color: #090909;
}

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


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


.transition-fade {
    transition: .1;
    opacity: 1;
	transition-delay: .4s;
}

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


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




h1 {
  font-weight:300;
  font-size: 1.65vw;
  line-height: 1.3em;
}




.subDigitType {
  font-family:"RomBit";
   font-size: 1.85vw;
  line-height: 1.1em;
  letter-spacing:-.02em;	
  text-align:left;
}





.primaryBitText {
  font-family: "RomBit";
  font-weight:300;
  font-size: 3.65vh;
  /*letter-spacing:-.05em;*/
  line-height: 1.1em;
}




h2 {
  margin-bottom:0;
  margin-top:0;
  font-weight:300;
  font-size: 1.5vw;
  line-height: 1.1em;
  text-align:right;	 
}


h3 {
  font-weight:300;
  line-height: 1.4em;
  font-size:1.85vw;	
  letter-spacing:-.02em;	
  text-align:left;
}

.menuType {
  font-weight:300;
  line-height: 1.4em;
  font-size:1.5vw;	
  letter-spacing:-.02em;	
  text-align:left;
  padding: 13px 20px 14px;
  background:none;

}










	
.headingTypeTouch {
	font-weight:300 !important;
	font-size: 7vw;
  line-height: 1.1em;
  letter-spacing:-.02em;	
  text-align:left;
	}	


.headingType {

  font-weight:300;
  font-size: 7vw;
  line-height: 1.1em;
  letter-spacing:-.02em;	
   text-align:left;
  padding-bottom:10vh;	
}

.headingTypeButton {
	
  display:flex; 
  border-radius: 80px ;
  align-items:center;
  justify-content:center;	
  width:50%; 
  height:auto;	
  font-size: 5vw;
  line-height: 2.5em;	
}

.headingTypeButton:hover {

  display:flex; 
  border-radius: 80px ;
  align-items:center;
  justify-content:center;	
  width:50%; 
  height:auto;	
  font-size: 5vw;
  line-height: 2.5em;	
  border:1.5px solid #090909;	
  cursor:pointer;	
}


.menIcon{

   font-size: 10vw;
}



.microtype{

  font-weight:300;
  font-size: 1.45em;
  line-height: 1.3em;
}

.microtype2 {

  font-weight:300;
  font-size: .9em;
  line-height: 1.2em;
}

.microtypeLanding{

  font-weight:300;
  font-size: 1em;
  line-height: 1.2em;
}

.microHeading {

  font-weight:300;
  font-size: 1.5vw;
  line-height: 1.2em;
}




.megaMega {opacity:1; pointer-events:auto; position:fixed; top:.5vh; left:0; width:100vw; margin-left:0; z-index:2}
.megaMega.is-canceled {opacity:0; pointer-events:none;}




.mainframe{
	opacity:1;
	transition:opacity .3s;
}

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



/*#00f57a*/
/*#00ce51*/



.frame {
  box-sizing: border-box;
  width:100vw;
  height:0px;
  overflow:hidden;
  /*border:1px solid #c7c7c2;*/
}


.impressions {
  font-weight: 400;
  position: absolute;
  width: 100%;
}

.panel {
 height:auto;
}



.frameRep {
	margin-left:.5vw;
	padding-left:2vw;	
	padding-right:2vw;
	padding-top:10px;
	padding-bottom:10px;
	border-radius: 50px;
	position: relative;
	-webkit-backdrop-filter: blur(20px);*/
 	 backdrop-filter: blur(20px);*/
 	/* border:1px solid rgba(255,255,255,.5);*/
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  z-index:11 !important;
}




.frame2 {
  position: absolute;
}


.panel2 {
	
  width:auto;

}

.impressions2 {
  text-align:left;	
  position: absolute;
  width: auto;
  white-space: nowrap;
}

.f2Enclose {position:relative; width:auto; height:auro;}

.frameIntro {
   position:absolute;	
}

.frameIntro2 {
   
   position:absolute;	

}

.impressionsIntro {
  
  position: absolute;
	
}

.panelIntro {
  left:0;	
  position:absolute;
  display:flex;
  align-items:center;	
  justify-content:center;
  width:100vw;	
  	
}

.panelIntro2 {
 left:0;	
  position:absolute;
  display:flex;
   align-items:center;		
  justify-content:center;
  width:100vw;	
}





.NYframe {
 
  display:none;	
  width:100vw;
  position: relative;

}



.blurBlock {
 position:absolute;
 height:100vh;
 width:100vw;
 top:0;
 left:0;
 z-index:1;
 background:rgba(0,0,0,0);
 -webkit-backdrop-filter: blur(10px);
 backdrop-filter: blur(10px);
 cursor:pointer; 	

 } 


.blue {width:100vw; min-height: 100vh padding-bottom:1em; pointer-events:none;
  min-height: -webkit-fill-available;  display:flex; justify-content:center; align-items:center; position:absolute; z-index:3001;}

.red {position:fixed; left:0; bottom:0;  z-index:3000; display:flex; align-items:center; justify-content:center; align-content:center; width:100vw; height:100vh; flex-wrap:wrap; background:#090909; pointer-events:none;}

.menuitem {position:absolute; overflow:hidden; text-transform:uppercase; }
.menuitem.is-hidden {opacity:0}



.container {
  width:100vw;	
  z-index:10 !important;
  position:absolute;	
  height:auto;
  overflow-x:hidden;	
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 	
}

.navContainer {
  	
  cursor:pointer; 
  position: fixed;
  top: 0;
  right: 2.5vw;
  width:2.5vw;
  min-height: 100vh; 
  min-height: -webkit-fill-available;
  z-index:2000 !important;	
  display:flex; 
  flex-direction:column;	
  align-items:flex-end;
  align-content:center;
  justify-content:center;	
  opacity:1;	
  pointer-events:none;	
  will-change:transform;	
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 	
  mix-blend-mode:exclusion;			
		
}

.navContainer.is-open {
  	
  opacity:1 !important;	
  transition: opacity .25s ease; 	
  	
}


.btn {
  display:flex;
  justify-content:flex-end;	
  align-items:center;
  position:relative;
  flex-direction: row; 
  white-space: nowrap;	
}



.selector {
	height:8px;
	width:8px; 
	border-radius:50%;
	margin-bottom:20px;
    background:#333 !important;
	overflow:hidden !important;
}

.is-active {
    background: #eeeeee !important;

}

.is-on {
color:#eeeeee !important;
}

.section {position:relative; height: 100vh; /*min-height: -webkit-fill-available;*/ top:0; left:0; width:100vw; background:none; display:flex; align-items:center; justify-content:center; overflow:hidden; -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;}

.caption3 {display:none;}
.caption4 {display:none;}

.holdHolder {

  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;  
  position:fixed;
 bottom:0;
	left:0;
	padding:4vh;
  z-index:15 !important;
	mix-blend-mode:exclusion;

}


.green {
  width:100vw;	
  overflow-x:hidden;		
  height:auto;
}

.contactDiv {
	height: auto; flex-wrap:wrap; display:flex; align-items:flex-start; justify-content:space-between; position:relative; width:100vw; z-index:10; padding-top:2.5vh;
}

.innerContact {
	padding:0em;
}

.innerPadding {
	padding:1em;
}







.textHolder {pointer-events:none; position:sticky !important; left:0vw; display:flex; align-items:flex-start; justify-content:flex-start; top:5vh; width:5vw; height:5vh; z-index:101 !important; overflow:hidden;  -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; opacity:1; background: none; border-top:1px solid rgba(0,0,0,.6);}

.textHolder.is-canceled {opacity:0; pointer-events:none;}

.thMenu {
	padding-left:1vw;	
	padding-right:3vw;
	padding-top:10px;
	padding-bottom:10px;
	display:flex; 
	flex-direction:column;
	justify-content:flex-start; 
	position: absolute;
    -webkit-transform: translateZ(0);
  	-webkit-backface-visibility: hidden;
  	z-index:11 !important;
	opacity:0;
	pointer-events:none;
}

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

.gallerySection:first-child {
  scroll-snap-align: start;
  position: relative; 
  height:auto;
  width: auto;
  padding-right:7vw;	
 }

.gallerySection:nth-last-child(2) {
  scroll-snap-align: start;
  position: relative; 
  height:auto;
  width: auto;			
  padding-right:15vw;		
  border-radius: 0px;
 
 }

.gallerySection.spacer-buffer {
  width: 50vw; 
  padding: 0;
  flex-shrink: 0; 
  scroll-snap-align: start; 
}


.gallerySection:last-child {
  padding-right: 0;
  border: none;
}

.gallerySection {
  scroll-snap-align: start;
  position: relative; 
  height:auto;
  width: auto;	
  padding-right:7vw;		
  border-radius: 0px;
 }




.democontain {
	pointer-events:none;
	height:80vh;
	width:100vw;
  display:flex; 
  position:absolute;
  align-items:center;
  flex-wrap:wrap;
  justify-content:center;
  z-index:2;	
}

.demo {
  position:relative;
	height:100vh;
	width:100vw;
  overflow-y:hidden !important;
  display:flex; 
  align-items:center;
  justify-content:center;
  
 
}

.nameitems {
	position:absolute;
  z-index:0 !important; 
}


.democontain2 {
	height:100vh;
	width:100vw;
  display:flex; 
  position:absolute;
  align-items:center;
  flex-wrap:wrap;
  justify-content:center;
  z-index:3 !important;	

}

.demo2 {
  position:relative;
  height:15vh;
  overflow-y:hidden !important;
  display:flex; 
  align-items:center;
  justify-content:center;

  
 
}

.nameitems2 {
	position:absolute;
 
}


.TopSection {position:relative; height: 100vh; /*min-height: -webkit-fill-available;*/ top:0; left:0; width:100vw; background:none; display:flex; align-items:center; justify-content:center; overflow:hidden;}




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

.box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  position: relative;
  flex-shrink: 0;
	-webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.prev {
  display:none;	
  position: absolute;
  top: 0;
  left: 0;
  height:100vh; 
  width:10vw;
  z-index:1000;
  opacity:0;
}
.next {
  display:none;	
  position: absolute;
  top: 0;
  right: 0;
  height:100vh; 
  width:10vw;
  z-index:1000;
  opacity:0;
}


.logoRoll {width:auto; height:15vh; object-fit:contain;}



.sectionTop{}
.sectionTop.is-canceled{display:none;}

.green {
  width:100vw;	
  overflow-x:hidden;		
  z-index:0; height:auto; background:black;	
	display:flex; align-items:center; justify-content:center; overflow:hidden; -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}


.menuContainer {position:fixed; right:0; padding-right:2.5vw; top:0; height:auto;  display:flex; flex-direction:column; flex-wrap:wrap; justify-content:flex-start; z-index:102;}

.headerLabel2 h1 {font-size: 1.75em; line-height: 1.3em; padding:.5vh;}
.headerLabel2 h2 {padding:1.5vh;}
.headerLabel2 {background:none; margin:0vh; border-radius:20px; display:flex; align-items:center; justify-content:center;}

.menuHolder {height:auto; position:absolute; right:3vw; display:none;}


.openshop {
  position:absolute; 
  width:95vw;
  text-align:center;
  font-size: 80vh;
  line-height:110vh;	
  overflow:visible; 
  font-weight: 400;
  padding-top:15vh;	
  color:#090909;
	  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
	will-change:transform;

}


.openshop2 {
  position:absolute; 
  width:95vw;
  text-align:center;
   font-size: 100vh;
  line-height:110vh;	
  overflow:visible; 
  font-weight: 400;
  padding-top:30vh;		
  color:#090909;
	  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
	will-change:transform;

}

.openshop3 {
  position:absolute; 
  text-align:left;
  width:90vw;	
  font-size: 30vh;
  line-height:40vh;	
  overflow:hidden !important; 
  font-weight: 400;	
  color:#090909;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change:transform;

}

.bodyOne {position:relative; padding-left:52.5vw; padding-right:10vw; padding-bottom:2.5vh;}
.bodyTwo {position:absolute; bottom:0; padding-left:50vw; padding-right:10vw; padding-top:10vh; padding-bottom:2vh;}


.sectionRoids {position:relative; height: auto; top:0; left:0; width:45vw; padding-left:18vw; display:flex; align-items:flex-start; justify-content:flex-start; overflow:hidden;}		

.Roids {
position:relative; margin-left:0; margin-right:0; margin-top:0; width:100%; height:auto; padding-bottom:0;
	}









.animationContain {
 position:relative;	
 border: 0 !important;
 margin:0;
 padding:0;	
 display:flex; 
 justify-content:flex-start;	
 flex-direction:row;
 overflow:hidden;
 flex-wrap:nowrap;
 height:100vh; 
 margin-left:15vw;  
 will-change: transform;
 z-index:201;	
}


.accordionHolder{
  height:auto; 
  padding-top:5vh; 
	padding-bottom:5vh; 
	width:60vw; 
	padding-left:20vw; 
	padding-right:20vw; 
	position:relative; 
	z-index:100; 
	display:flex; 
	align-items:center; 
	justify-content:center;
}

/* ==========================================================================
   GSAP Accordion Styles
   ========================================================================== */

.nav-wrap {
  max-width: 100%;
  margin: 0 auto;
  font-family: inherit;
}

.acnav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.acnav__item {
  position: relative;
  display: flex;
  flex-direction: column;
}

.acnav__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  cursor: pointer;
  background-color: transparent;
  transition: opacity 0.3s ease;
}

.acnav__label .primaryTextAlt {
  margin: 0;
}

.acnav__icon {
  flex-shrink: 0;
  margin-left: 16px;
  color: #333;
  stroke-width: 1px; 
}

.icon-vline {
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease;
  transform-origin: center;
}

.acnav__item.is-open .icon-vline {
  transform: rotate(90deg) scale(0);
  opacity: 0;
}

.acnav__icon {
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.acnav__item.is-open .acnav__icon {
  transform: rotate(180deg);
}

.acnav__list--level2 {
  height: 0;
  overflow: hidden;
}

.acnav__label--level2 {
  padding: 50px;
}

.subList.card {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: #555;
  margin: 0;
}

.faqBorder {
  height: 1px;
  width: 100%;
  background-color: #e5e5e5;
  display: block;
}

.acnav__list--level2 .faqBorder {
  display: none; 
}




.topMargin {position:relative; height:50vh; background:none;}
.topBar {position:fixed; top:0; width:100vw; height:130px; z-index:1000; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; display:flex; align-items:center;  justify-content:center; will-change: transform;  background:#ecece5;}

.deskTopM {position:absolute; right:15vw; justify-content:space-between; display:flex; width:40vw; height:auto;}


.logoStyleTop {height: auto; display:flex; align-items:center; position:absolute; left:15vw;}
.logoStyle {position:fixed; top:0; left:0; padding:4vh;}

.btn_wrapper {
  width:auto;
  visibility:hidden;
  display:flex; 
  justify-content:center;	
  padding-top:.5vh;		
}

.btn_wrapper h2 {
 opacity:1
}

.btn_wrapper h2:hover {
 opacity:1
}

.btn {
  position:relative;
  cursor:pointer;
  height:auto;
  overflow:hidden;
  padding-bottom:.5vh;	
}

.bar {
  width:100%;
  height:2%;
  position:absolute;
  bottom:0;	
}


.mainHolder {
	
  position:fixed;
  top:0;
  right:0;
  overflow:hidden;
  width:35vw;	
  height:100vh;
  z-index:1;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 		
  overflow:scroll;
  min-height: -webkit-fill-available !important;
	
}


.CMblockFlex {
	display:flex; justify-content:flex-start; position:relative; width:65vw; padding-left:15vw; height:auto; padding-top:.5vh; 
}

.CMtouch {
	position:fixed; top:0; width:85vw; padding-left:15vw; height:auto; padding-bottom:0vh; padding-top:1vh; z-index:5; overflow:hidden; pointer-events:none;
}

.subList {padding-right:45vw;}

.blurField {	
	position:fixed; 
  bottom:0;
  left:0;
  width:100vw;
  height:100vh;
  background:rgba(0,0,0,0);	
  -webkit-backdrop-filter: blur(95px);
   backdrop-filter: blur(95px);	
  z-index:50;
pointer-events:none !important}


.blurState {
	position:absolute; bottom:0; width:100vw; padding-left:0; height:auto; padding-bottom:4vh; z-index:55; overflow:hidden; display:flex; align-items:center; justify-content:center; flex-direction:column;
}

.subHeaderTop {font-size: 2.5vh; padding-top:2.5vh; padding-right:40vw; padding-bottom:1.5vh;}


.CMblockFlexButton {
	display:flex; justify-content:flex-start; position:relative; height:auto; padding-top:1vh; gap:20px;
	
}



.megaType {
	
  font-size: 8vh;
  line-height: 1.1em;
  letter-spacing:-0.03em;	
  text-align:left;
}


.megaType2 {
	
  font-size: 5.5vh;
  line-height: 1.1em;
  letter-spacing:0em;	
  text-align:left;
}


.subHeadingType {
  font-family:"Bodaim";
  font-weight:300;
  font-size: 5.5vw;
  line-height: 1.1em;
  letter-spacing:-.02em;	
  text-align:left;
}

.subHeadingTypeItem {
  font-family:"Bodaim";
  padding-left:17vw;	
  font-weight:300;
  font-size: 5.5vw;
  line-height: 1.1em;
  letter-spacing:-.02em;	
  text-align:left;
}



.subTextBody {font-size: 2.5vw; padding-right:20vw;}
.secondaryContainer {width:90%; padding-left:5%;}


.primaryTextHeader {
  font-family:"Romain";
  font-weight:300;
  font-size: 2.25vw;
  /*letter-spacing:-.05em;*/
  line-height: 1.2em;
}


.topBlock {width:100%; display:flex; padding-top:7.5vh; }
.subBlock {width:50%;}



.margin50 {margin-left:50%;}


.CMblock {
	position:relative; margin-left:15vw; padding-top:0vh; padding-bottom:1.5vh; padding-right:15vw;
}

.newcontainer {position:relative; width:100%; margin-top:2.5vh; display:flex; align-items:center; justify-content:center; flex-wrap: wrap; z-index:45; flex-direction:column;}

.newsitem {width:70vw; padding-top:1em; display:flex; align-items:center; flex-direction:column;}
.newsitem2 {width:50vw; padding-top:1em; padding-right:5em;}

.primeContainer {width:100%; overflow:hidden;}
.primeContainer2 {width:95vw; overflow:hidden;}


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


.button {
font-family:"Bodain";	
background:none;  
font-size:1.65vw; 
line-height:1.3em; 
cursor:pointer;  
color:#090909 !important;		
text-align:center;	
border:none !important;  
padding-top:2.5vh;		
}

#mc_embed_signup{
clear:center; 
font-size:1.65vw; 
line-height:1.3em;  
width: 40vw;
color:#090909 !important;	
text-align:center;	
border:none !important;  
border-radius:0 !important;  
padding-top:.5vh;	
}

.mc-field-group input {
font-family: "Romain";		
font-size:3em; 
line-height:1.3em;  
width:40vw;	
text-align:center;		
border:none!important;
background-color:transparent !important;
border-bottom:none;    
  
}

div.mce_inline_error {
width:100% !important;
font-size:2em; 
display:none !important;   
line-height:1em !important;  
background:none !important;  
font-weight:normal !important;   
font-family: "Romain";
padding:0 !important;  
margin:0 !important;    
}

#mce-success-response {
width:100% !important;
font-size:2em; 
line-height:1em !important;  
background:none !important;  
font-weight:normal !important;   
font-family: "Romain";
padding:0 !important;  
margin:0 !important;    
}

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



.blogIMG {width:71vw;}
.smallType {font-family: "Romain"; font-size:1.35vw; line-height:1.3em;}
.microType {font-family:sans-serif; font-size:1vw; line-height:1.4em;}
.primalTick {font-size:2.5vw; line-height:1.4em;}


.pplButtons {width:auto; display:flex;}

.insightSum { 
 font-size: 2vw;
  line-height: 1.3em;
  letter-spacing:0em;	
  text-align:left;
}	



.moreContainer {
    height: 0;
	width:100%;
    overflow: hidden;
}

.moreContainer img {
    opacity: 0;
    transition: opacity 0s; /* Ensure CSS doesn't fight GSAP */
}



.pageTopBuffer {
	height:15vw; position:relative;
}

.pageBottomBuffer {
	height:10vw; position:relative;
}

.pagePPLBottomBuffer {
	height:5vw; position:relative;
}	




.type1 {

  font-family:"Bodain";
  font-size: 6vh;
  line-height: 1.1em;
  letter-spacing:-.03em;	
  text-align:left;	
	
}

.type2 {
	
 font-family:"Bodain";
  font-weight:300;
  font-size: 1.65vh;
  line-height: 1.3em;	
	
}

.type3 {
	
font-family:"Bodain";
  font-weight:300;
  font-size: 3.5vh;
  line-height: 1.4em;	
  letter-spacing:-.03em;	
	
}

.type4 {
	
font-family:"Bodain";
  font-weight:300;
  font-size: 5.75vh;
  line-height: 1.3em;	
  letter-spacing:-.03em;	
	
}

.type4Title {
	
font-family:"Bodain";
  font-weight:300;
  font-size: 5.75vh;
  line-height: 1.2em;	
  letter-spacing:-.03em;	
	
}

.typeMicro {
font-family:"Bodain";
font-weight:300;
font-size:1.35vh; 
line-height:1.25em;
}

.typeMono {
font-family:"Bodain";
font-weight:300;
font-size:1.15vw; 
line-height:1.1em;
}

.monoMono {
font-family:sans-serif;
font-weight:400;
font-size:1vw; 
line-height:1.1em;
letter-spacing:.05em;	
color: rgba(0,0,0,.3);
}

.monoMono a {	
color: rgba(0,0,0,.3);
}

.monoMono:hover {	
color: rgba(0,0,0,1);
}

.monoMono a:hover {	
color: rgba(0,0,0,1);
}


.linkFrame {border-radius:40px; border:1px solid rgba(0,0,0,.4); padding: 7px 16px 7px; background:  #ecece5;}
.linkFrame:hover {cursor:pointer; color: #dddcd2 !important; border-radius:40px; border:1px solid rgba(0,0,0,.4); padding: 7px 16px 7px; background: #090909;}		
	
.linkFrame a {color: #1d1d1d;}	
.linkFrame:hover a {color:  #ecece5;}		
	
.linkFrame2 {border-radius:0px; border-bottom:1px solid rgba(0,0,0,.4); padding: 4px 0px 4px; background:  #ecece5;}	





.primaryText {
  font-family:"Bodain";
  font-weight:300;
  font-size: 1.75vw;
  /*letter-spacing:-.05em;*/
  line-height: 1.1em;
}


.primaryTextAlt {
  font-family:"Bodain" !important;
  font-weight:300;
  font-size: 1.75vw;
  /*letter-spacing:-.05em;*/
  line-height: 1.2em;
}

.syntHere {
	font-family:"Romain";
}


.subText {opacity:1; height:auto; gap:20px; width:70vw; margin-left:15vw; bottom:7vh; left:0; position:fixed; z-index:2; display:flex; align-items:end; justify-content:space-between; pointer-events:auto; flex-wrap:wrap; z-index:0;}
.subText.is-canceled {opacity:0; pointer-events:none;}



.imgPly {mix-blend-mode:multiply;}		


.reQuester {display:flex;}	

.hugeType {

	font-size:9vw;
	line-height:1.1em;
	letter-spacing:-.04em;

}

.hugeInsight {

	font-size:8vh;
	line-height:1.1em;
	letter-spacing:-.03em;

}












.pill-text {
  font-weight: normal;
  font-family: "Romain";	
  font-size: 1.5vw;
  line-height: 1.1em;	
}

.pill-description {
  font-family: "Romain";		
  font-weight: normal;
  padding-left: 25px;
}

.navContain {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30vh;
  width: 100vw;
  position: fixed;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index:10000;
}

.pill-wrapper {
  position: relative;
  display: inline-flex;
  z-index: 50; 
}


/* --- CONTAINER --- */
.morphPill {
  display: inline-flex;
  align-items: center;
  height: auto;
  border-radius: 50px;
  padding: 0px 7px 0px 0px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  pointer-events: auto;
  background: rgba(241, 240, 232, .3);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  perspective: 1000;
  will-change: width, contents;
  transform: translateZ(0); /* Forces a 3D layer for smoother filtering */
}

/* --- STAGE (Holds the text views) --- */
.morphPill__stage {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  /* We animate this width via JS */
  width: auto;
  /* Ensure text doesn't wrap */
  white-space: nowrap;
  will-change: width;
}

/* --- VIEWS --- */
.pill-content {
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 5;
  /* Absolute stacking allows cross-fading in place */
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
  visibility: hidden; /* Performance optimization */
}


.morphPill:not(.top-pill) .pill-content {
  padding-right: 48px;
}

.morphPill.top-pill {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 0;
  width: 100%; 
  height: 0; 
  padding: 0; 
  overflow: hidden; 
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border-radius: 25px;
  transform: none; 
}


.morphPill.top-pill .morphPill__stage {
  display: flex;
  height: auto; 
  width: 100%;
  justify-content: center;
}

.morphPill.top-pill .pill-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 16px 0;
  opacity: 1; 
  visibility: visible;
  position: relative; 
  top: auto;
  transform: none;
  pointer-events: auto; 
}

.morphPill.top-pill .menu-link {
  opacity: 0; /* GSAP will animate this to 1 */
  text-decoration: none;
  color: inherit;
  padding: 0;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  display: block;
}



.morphPill.top-pill .menu-link:hover {
  opacity: 0.5; /* Simple hover effect */
}

.morphPill.top-pill .menu-divider {
  opacity: 0; /* GSAP will animate this to 1 */
  width: calc(100% - 48px);
  height: 1px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}


.morphPill.top-pill .fullSource {
  white-space: pre-wrap; /* The magic rule that honors your ACF line breaks */
  display: block;        
  text-align: center;    /* Keeps it aligned with your other menu items */
  padding-top: 8px;      /* Optional: gives it a tiny bit of space from the divider */
}

.morphPill.top-pill .fullSource:empty {
  display: none;
  padding: 0;
  margin: 0;
}


.morphPill.bottom-pill {
  position: absolute;
  top: calc(100% + 10px); 
  left: 50%;
  transform: translateX(-50%);
  width: max-content; 
  max-width: 85vw; 
  height: 0; 
  padding: 0; 
  overflow: hidden; 
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border-radius: 24px;
  background: transparent;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none; /* Required to kill the blur on Safari */
}

/* 1. Make the stage a flex container that fills the height */
.morphPill.bottom-pill .morphPill__stage {
  display: flex;
  width: 100%;
  height: 100%; 
	  background:none !important;	
}

/* 2. Vertically center everything inside the content wrapper */
.morphPill.bottom-pill .pill-content {
  display: flex;
  flex-direction: column;
  justify-content: center; /* <--- The vertical centering magic! */
  align-items: center;
  width: 100%;
  height: 100%; 
  padding: 0; 
  opacity: 1;
  background:none !important;	
  visibility: visible;
  position: relative; 
  top: auto;
  transform: none;
}

/* 3. Strip margins and apply balanced padding to the text */
.morphPill.bottom-pill .fullSource {
  white-space: pre-wrap; 
  display: block;        
  line-height: 1.4;      
  text-align: center;    
  padding: 5px 10px; 
  margin: 0; /* Kills any inherited ghost margins pushing it off-center */
  width: 100%;
  box-sizing: border-box;
}




/* Active State Styles */
.view-primary {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  position: relative; /* Primary holds the initial relative space */
  transform: none;
  top: auto;
}

.view-secondary {
  display: flex;
  align-items: center;
  gap: 15px; /* Increased slightly for breathing room */
}

#slot-slide-title:empty,
#slot-slide-count:empty {
  display: none !important;
}

/* --- TOGGLE BUTTON --- */
.pill-toggle {
  /* Flex-shrink 0 forces it to NEVER squish */
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  margin-left: 2px; /* Gap between text and button */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  /* background: rgba(246, 246, 239, 0);*/
  /* backdrop-filter: blur(50px);*/
  /* -webkit-backdrop-filter: blur(50px);*/
}

/* We rotate this wrapper, not the SVG paths */
.icon-rotation-wrapper {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- UPDATED PILL STYLES --- */
.roll-link {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  position: relative;

  /* Layout */
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* The Pill Look */
  padding: .75em 1.25em; /* Use ems so padding scales with font size */
  background-color: none; /* Subtle dark grey fill */
  border: 1px solid rgba(246, 246, 239, 0); /* Optional: subtle border definition */
  border-radius: 999px; /* Max border radius for pill shape */

  /* Transition for background color */
  transition: background-color 0.3s ease, border-color 0.3s ease,
    color 0.3s ease;
}

.roll-link:hover,
.roll-link:focus {
  background-color: rgba(0, 0, 0, 0.9); /* Invert to light background */
  border-color: none;
  color: #c9c9bb; /* Invert text to dark */
  outline: none;
}
/* --------------------------- */

/* Viewport: exactly one line tall */
.roll {
  display: inline-block;
  height: 1.2em;
  line-height: 1.2em;
  overflow: hidden;
  vertical-align: bottom; /* Aligns text visually within the pill */
}

.roll__stack {
  display: flex;
  flex-direction: column;
  will-change: transform;
}

.roll__stack,
.secStag {
  will-change: transform, opacity;
}

.roll__stack > span {
  display: block;
  white-space: nowrap;
  line-height: 1.2em;
}

.slides-container {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  flex: 1;
  height: 70vh;
  width: 100vw;
  mix-blend-mode: multiply;
  overflow: hidden !important;
  will-change:transform;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: translate3d(0,0,0);
  perspective: 1000; /* Extra nudge for Webkit browsers */
}

.slide {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70vh;
  width: 100vw;
  background: none;
  overflow: hidden; /* Recommended for parallax */
  will-change: transform;
  transform: translate3d(0,0,0);	
}

.slide img {
  height: 70vh;
  width: auto;
  max-width: 90vw;
  object-fit: contain;
  object-position: top;
  object-fit: contain;
  mix-blend-mode: multiply;
  transform: translate3d(0, 0, 1px) rotate(0.0001deg);
  -webkit-transform: translate3d(0, 0, 1px) rotate(0.0001deg);
  opacity: 0.9999; 
  contain: paint; 
  will-change: transform, opacity;
}

.caption-source {
  display: none;
}

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

.share-toast {
  position: fixed;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  color: #090909;
  padding: 5px 17px;
  border-radius: 25px;
  font-size: 14px;
  pointer-events: none;
  z-index: 9999;
  opacity: 0; /* Hidden by default */
  visibility: hidden;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  background: rgba(241, 240, 232, .7);
  backdrop-filter: blur(50px);
}


.ticker-view {
    display: inline-flex;
    align-items: baseline;
    line-height: 1.1em;
}
.ticker-mask {
    display: inline-block;
    height: 1.1em;
    overflow: hidden; 
    position: relative;
    vertical-align: bottom;
}
.ticker-column {
    display: flex;
    flex-direction: column;
	will-change: transform; 
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
}
.ticker-digit {
    height: 1.1em;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-variant-numeric: tabular-nums;
	transform: translateZ(0); 	
}

.tickerHolder {height:auto; padding-top:15vh; padding-bottom:15vh; width:80vw; padding-left:10vw; padding-right:10vw; position:relative; z-index:100; display:flex; align-items:center; justify-content:space-between;}

.tinyTicro {
font-size:1vw; line-height:1.2em;
}	
	

.homeLogo {
	display:flex; align-items:end; gap:40px; justify-content:center; position:relative; width:100vw; height:40vh;  z-index:100;"
}

.footerAddresses {width:100%; position:relative; display:flex; align-items:end; justify-content:space-between; gap:30px;}

.secondaryAddresses {display:flex; gap:50px;}

.additionalLinksF {position:relative; display:flex; gap:30px; align-items:end; justify-content:space-between;}

.absoluteFooter {padding-top:5vh; width:100%; position:relative; display:flex; align-items:end; justify-content:space-between; z-index:100;}

.innerAbsolute {display:flex; gap:20px; width:47.5%; justify-content:flex-end;}

.logoFooterHolder {width:100%; padding-top:5vh; padding-bottom:1vh; display:flex; justify-content:flex-start; gap:15px;}

.flexerCounter {display:flex; flex-direction:column; justify-content:center; gap:40px;}

.entryBody {position:relative; width:50%; padding-top:10vh;}

.singlePersonH {margin-left:15vw; display:flex; flex-direction:column; justify-content:flex-start; align-items:start;}

.person-wrapper {width:30vw; box-sizing:border-box;}

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



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

.linkFrame {border-radius:40px; border:1px solid rgba(0,0,0,.4); padding: 3px 7px; background:  #ecece5;}	
	
.person-wrapper {width:40vw; box-sizing:border-box;}	
	
.singlePersonH {margin-left:7.5vw; display:flex; flex-direction:column; justify-content:flex-start; align-items:start;}	

	
.entryBody {position:relative; width:80%; padding-top:5vh;}	

.acnav__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  cursor: pointer;
  background-color: transparent;
  transition: opacity 0.3s ease;
}	
	
.accordionHolder{
  height:auto; 
  padding-top:5vh; 
	padding-bottom:5vh; 
	width:80vw; 
	padding-left:10vw; 
	padding-right:10vw; 
	position:relative; 
	z-index:100; 
	display:flex; 
	align-items:center; 
	justify-content:center;
}	
	
.flexerCounter {display:flex; flex-direction:column; justify-content:center; gap:20px;}	
	
.logoFooterHolder {width:95%; padding-left:2.5%; padding-top:3vh; padding-bottom:1vh; display:flex; justify-content:flex-start; gap:5px;}	
	
.innerAbsolute {display:flex; gap:2.5px; width:45%; flex-direction:column; justify-content:flex-end;}	
	
.absoluteFooter {padding-top:2.5vh; width:95%; padding-left:2.5%; position:relative; display:flex; align-items:end; justify-content:space-between; z-index:100;}	
	
.monoMono {
font-family:sans-serif;
font-weight:400;
font-size:11px; 
line-height:1.1em;
letter-spacing:.05em;	
color: rgba(0,0,0,.3);
}	
	
.tinyTicro {
font-size:11px !important; line-height:1.2em;
}		

.additionalLinksF {width:44.5%; padding-top: 2.5vh; position:relative; display:flex; gap:0px; align-items:start; justify-content:flex-start; flex-direction:column;}	

.footerAddresses {width:95%; padding-left:2.5%; position:relative; display:flex; flex-direction:column; align-items:end; justify-content:space-between; gap:25px;}
	
.secondaryAddresses {display:flex; gap:20px;}
		
.homeLogo {
	display:flex; align-items:end; gap:10px; justify-content:center; position:relative; width:100vw; height:10vh; padding-bottom:2.5vh; z-index:100;
}	
	
.pageTopBuffer {
	height:15vh; position:relative;
}	

.menu-link {font-size: 5vw; /*letter-spacing:-.05em;*/ line-height: 1.5em;}
	
.tickerHolder {height:auto; padding-top:0; padding-bottom:15vh; width:80vw; padding-left:10vw; padding-right:10vw; position:relative; flex-direction:column; z-index:100; display:flex; align-items:center; justify-content:space-between; row-gap:65px;}
	
	
.navContain {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20vh;
  width: 100vw;
  position: fixed;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index:10000;
}	

  .roll-link:hover,
.roll-link:focus {
   background: none !important;
  border-color: none;
  color: #222222; /* Invert text to dark */
  outline: none;
}	
	
.pill-content {gap: 6px; padding-left:10px;}

.pill-description {
  font-weight: normal;
  padding-left: 12px !important;
}
 
  
  .pill-toggle {
    /* Flex-shrink 0 forces it to NEVER squish */
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    margin-left: 0px !important; /* Gap between text and button */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    /*background: rgba(246, 246, 239, 0);*/
    /*backdrop-filter: blur(50px);*/
    /*-webkit-backdrop-filter: blur(50px);*/
  }
  
    .icon-rotation-wrapper {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }


  .roll-link {
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    position: relative;

    /* Layout */
    display: inline-flex;
    align-items: center;
    justify-content: center;

    /* The Pill Look */
    padding: .75em .75em; /* Use ems so padding scales with font size */
    background-color: none; /* Subtle dark grey fill */
    border: 1px solid rgba(246, 246, 239, 0); /* Optional: subtle border definition */
    border-radius: 999px; /* Max border radius for pill shape */

    /* Transition for background color */
    transition: background-color 0.3s ease, border-color 0.3s ease,
      color 0.3s ease;
  }



  .pill-text {
    font-weight: normal;
	font-size: 3.25vw;
    line-height: 1.1em;
  }

  .pill-description {
    font-weight: normal;
    padding-left: 25px;
  }

.share-toast {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  color: #090909;
  padding: 5px 17px;
  border-radius: 25px;
  font-size: 11px;
  pointer-events: none;
  z-index: 9999;
  opacity: 0; /* Hidden by default */
  visibility: hidden;
  box-shadow: none;
  box-sizing: border-box;
  background: #ecece5;
  backdrop-filter: none;
}
	
	
	.hugeType {

	font-size:11vw;
	line-height:1.1em;
	letter-spacing:-.04em;

}

.hugeInsight {

	font-size:14vw;
	line-height:1.1em;
	letter-spacing:-.04em;
	text-align:center;
}
	
	
	.topBar {height:70px; justify-content:space-between;}
	.reQuester {display:none;}	
	
.floaterHolder{
	 z-index:1000; position:fixed; bottom:0; width:100vw; padding-bottom:3vh; display:flex; justify-content:center; gap:10px;  flex-direction:row;  will-change:transform; 
  -webkit-backface-visibility: hidden;
	  -webkit-transform: translateZ(0);
}	
	
	
.floaterEstimate {
  display:none;
}	
	
.floaterStyle {
  width:auto;	
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  padding: 1.5px 1.5px;
  border-radius: 999px;
  background: rgba(236, 236, 229, 0.4);
  backdrop-filter: blur(50px);
				box-shadow: -1px 14px 10px -12px rgba(0,0,0,0.19);
-webkit-box-shadow: -1px 14px 10px -12px rgba(0,0,0,0.19);
  overflow: hidden;
}	
	
.slides-container {
  position: relative;
  top:0;
  left:0;	
  display: flex;
  flex: 1;
  height:70vh;
  width:100vw;		
  mix-blend-mode:multiply;	
  will-change:transform;
  overflow:hidden !important;	
  -webkit-backface-visibility: hidden;
}


.slide {
  position: absolute;
  display: flex;
  align-items: start;
  justify-content: center;
  height:70vh;
  width: 100vw;
  background:none; 	
  overflow: hidden; /* Recommended for parallax */
}

.slide img {
  height:auto;
  width: 85vw;
  max-width:85vw;		
  object-fit: cover;
  will-change: transform, filter; /* Optimizes performance */
}	
	
	
.type1 {
	
}

.type2 {
	
  font-family:"Romain";
  font-weight:300;
  font-size: 4vw;
  line-height: 1.2em;
	
}

.type3 {
	
  font-family:"Romain";
  font-weight:300;
  font-size: 5.25vw;
  line-height: 1.3em;	
  letter-spacing:-.03em;	
	
}
	
.type4 {
	
font-family:"Bodain";
  font-weight:300;
  font-size: 8vw;
  line-height: 1.4em;	
  letter-spacing:-0.03em;	
	
}	
	
.syntHere {
	font-family:"Romain";
}	

.typeMicro {
font-size:3.75vw; line-height:1.2em;
}
	

	


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

.insightSum {
	
  font-size: 5vw;
  line-height: 1.3em;
  letter-spacing:0em;	
  text-align:left;
}
	
	

.pplButtons {width:auto; display:flex;}	
.pplButtonsAlt {width:60vw; display:flex; justify-content:center;}	
		
	
.primaryTextHeader {
  font-family:"Romain";
  font-weight:300;
  font-size: 3.75vw;
  /*letter-spacing:-.05em;*/
  line-height: 1.2em;
}	
	
.smallType {font-family:"Romain"; font-size:3.5vw; line-height:1.3em !important;}
	
	
.CMblock {
	position:relative; margin-left:7vw; padding-top:0vh; padding-bottom:.5vh; padding-right:7vw;
}

.newcontainer {position:relative; width:100%; margin-top:2.5vh; display:flex; align-items:center; justify-content:center; flex-wrap: wrap; z-index:45; flex-direction:column;}

.newsitem {width:86vw; padding-top:1em;}
.newsitem2 {width:86vw; padding-top:1em;}	
.blogIMG {width:86vw;}
	
.primeContainer {width:100%; overflow:hidden;}
.primeContainer2 {width:95vw; overflow:hidden;}
	
	
.margin50 {margin-left:0;}	
	
.topBlock {width:100%; display:flex; flex-direction:column;}
.subBlock {width:100%;}	
	
.secondaryContainer {width:80%; padding-left:10%;}
	

.bigBit {
	font-family: "RomBit";
	font-size: 34vw;
  	line-height: 1em;
	letter-spacing:-.01em;	
  	text-align:left;
    position:relative;
	left:0;
}
	
	
.CMblockFlexButton {
	box-sizing:border-box;  width:100%; align-items:center; flex-direction:column; display:flex; justify-content:center; position:relative; height:auto; padding-top:2vh; gap:35px;
}	
	
.subHeaderTop {font-size: 4.85vw; line-height:1.4em; padding-top:3.5vh; padding-right:10vw;}	
 
.impressions {
white-space:wrap;
}
	
.megaType {
	
  font-size: 10vw;
  line-height: 1em;
  letter-spacing:-.03em;	
  text-align:center;
}	
	
.megaType2 {
	
  font-size: 4.5vh;
  line-height: 1.1em;
  letter-spacing:0em;	
  text-align:left;
}	
	

.subHeadingType {
  font-family:"Romain";
  font-weight:300;
  font-size: 7vw;
  line-height: 1.2em;
  letter-spacing:0em;	
  text-align:left;
}		
	
.primaryText {
  font-family:"Romain";
  font-weight:300;
  font-size: 4.5vw;
  /*letter-spacing:-.05em;*/
  line-height: 1.4em;
}
	
.primaryTextAlt {
  font-family: "Bodain";
  font-weight:300;
  font-size: 5vw;
  /*letter-spacing:-.05em;*/
  line-height: 1.2em;
}
	
.headerLabel2 .type2 {
  font-family:"Romain";
  font-weight:300;
  font-size: 4.5vw;
  line-height: 1.4em;
}	
		
		
	

.blurState {
	position:absolute; bottom:0; width:90vw;  height:auto; padding-bottom:6vh; z-index:55; overflow:hidden; display:flex; align-content:center; justify-content:center; flex-direction:column;
}	
	
.blurField {position:fixed; 
  bottom:0;
  left:0;
  width:100vw;
  height:100vh;
  background:rgba(0,0,0,0);	
  -webkit-backdrop-filter: blur(35px);
   backdrop-filter: blur(35px);	
  z-index:50;
pointer-events:none !important}

	

.subList {padding-right:10vw;}
	
.textHolder {width:4vw;}

	
	
h1 {
  font-family:"Romain";
  font-weight:300;
  font-size: 4vw;
  line-height: 1.2em;
}	
	
	
.button {
font-family: "Romain";		
background:none;  
font-size:4.25vw; 
line-height:1.3em; 
cursor:pointer;  
text-align:center;	
border:none !important;  
padding-top:2.5vh;		
}	

	
.CMblockFlex {
	display:flex; justify-content:flex-start; position:relative; width:65vw; padding-left:11vw; height:auto; padding-top:2.5vh; 
}	


.CMtouch {
	position:fixed; top:0; width:89vw; padding-left:11vw; height:auto; padding-bottom:0vh; padding-top:3vh; z-index:5; overflow:hidden; pointer-events:none; 
}
	
.headingTypeTouch {
	font-weight:300 !important;
		  font-size: 12vw;
  line-height: 1.1em;
  letter-spacing:-.02em;	
  text-align:left;
	}	
	
.deskTopM {display:none;}


	
.logoStyleTop {height: auto; left:10vw;  z-index:10;}	
.menuHolder {z-index:199999; height:auto; right:10vw; display:flex; }
	
.menuContainer {position:fixed; width:93vw; right:0; padding-right:7vw; top:0; height:auto;  display:flex; flex-direction:column; background:#ecece5; flex-wrap:wrap; justify-content:flex-start; z-index:1000; padding-bottom:2.5vh;}
	
.topMargin {position:relative; height:80vh; background:none;}	
	
.animationContain {
 position:relative;	
 border: 0 !important;
 margin:0;
 padding:0;	
 display:flex; 
 justify-content:flex-start;	
 flex-direction:row;
 overflow:hidden;
 flex-wrap:nowrap;
 height:100vh; 
 margin-left:0;  
 will-change: transform;
}
	
.headerLabel2 {background:none; margin:0vh; border-radius:20px; display:flex; align-items:center; justify-content:flex-end;}
	

.primaryBitText {
  font-family:"RomBit";
  font-weight:300;
  font-size: 6vw;
  /*letter-spacing:-.05em;*/
  line-height: 1.4em;
}	
	


.headingType {
  font-family:"Romain";
  font-weight:300;
  font-size: 14vw;
  line-height: 1.1em;
  letter-spacing:-.02em;	
  text-align:left;
  padding-bottom:7.5vh;
  padding-top:10vh;	
}	

	
	
	
	.sectionRoids {position:relative; height: auto; top:0; left:0; width:75vw; padding-left:10vw; display:flex; align-items:flex-start; justify-content:flex-start; overflow:hidden;}	
	
	.Roids {
position:relative; margin-left:10vw; margin-right:0; margin-top:0; width:100%; height:auto; padding-bottom:0;
	}
	
	
	
	.subText {opacity:1; height:90vh; width:80vw; margin-left:6vw; bottom:1.5vh; left:0; position:fixed; z-index:2; display:flex; align-items:flex-start; flex-direction:column; justify-content:flex-end; pointer-events:auto;}
	
	
.microHeading {
  font-family:"Romain";
  font-weight:300;
  font-size: 4vw;
  line-height: 1.1em;
}	
	
	
.mainHolder {
	
  position:fixed;
  top:0;
  right:0;
  overflow:hidden;
  width:100vw;	
  height:100vh;
  z-index:1;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 		
  overflow:scroll;
  min-height: -webkit-fill-available !important;
	
}	
	

}


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


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