/* copyright 2024 because you love, all rights reserved  */ 

@media screen and (min-aspect-ratio: 1.54000) {  


:root{
	--aspect: 1.618;
	--leftshift: calc(0.5 * (100vw - (100vh * var(--aspect)))); 
}


#projector{ top: 0vh;  left: calc(var(--leftshift) + 100vh);  width: 61.8vh;  height: 61.8vh; --step: 61.8vh; }
 .projector-wrapper{  width: calc(3 * 61.8vh);  height: 61.8vh; }
 .projector-size{  height: 61.8vh; width: 61.8vh; }



a  { 
	/*padding: 0 0.25em 0 0;  */
	text-decoration-thickness: 0.2vh;     /* slightly thinner */
	text-underline-offset: 1vh;        /* a little more air */
}


	li:after {
	    width: 10vh;
	    height: 0.25vh; 
	    background-color: #777777; 
	    transform: translateX(-50%); 
	}




/*	.indexp1   { top: 4.5vh; 	left: calc((50vw - 50vh * 161.8 / 100) + 62vh); }  */

	.indexp1   { top: 4.5vh; 	left: calc(var(--leftshift) + 62vh); }
	.indexp1b  { top: 15.3vh; 	left: calc(var(--leftshift) + 27.5vh); }
	.indexp2   { top: 25vh; 	left: calc(var(--leftshift) + 28vh); }
	.indexp3   { top: 37vh; 	left: calc(var(--leftshift) + 19vh); }
	.indexp4   { top: 63.9vh; 	left: calc(var(--leftshift) + 5vh); }
	.indexp5   { top: 73vh; 	left: calc(var(--leftshift) + 3vh); }
	.indexp6   { top: 93vh; 	left: calc(var(--leftshift) + 1vh); }
	

 	.galleryp1 { top: 2vh; 		left: calc(var(--leftshift) + 55.8vh);  padding: 0 10vh 0 0; margin: 0 0 1vh 0; }  


	.PlateB { font-size: 11.25vh; }    
	.PlateE { font-size: 8.5vh;  }
	.PlateL { font-size: 13.5vh;  margin: 0 0 0 0.25vh; }
	.PlateO { font-size: 9.5vh;  }
	.PlateC { font-size: 6.75vh; margin: 0 0 0 2vh; }
	

	.Heartps1  { top: 24vh; left: calc(var(--leftshift) + 83vh);   height: 10vh; width: auto; }	
	.Heartps2  { top: 1vh;  left: calc(var(--leftshift) + 110vh);  height: 11vh; width: auto; }	

	.collection { font-size: 80%; }

	.gallery-link { top: 8.5vh;  height: 6.0vh;  width: 6vh;  left: calc(var(--leftshift) + 8vh);   }

.clickable-area {
    top: 3vh;  
    left: calc(var(--leftshift) + (0.30 * 100vh * 161.8 / 100));
    width: 68vh;  
    height: 15vh;  
}



/* end site specific */

/* new things */



	


 	.Circleps1 { top: 0vh;  					left: calc(var(--leftshift) + 0vh);  			height: 100vh;    width: 100vh;   border-radius: 50%; }
 	.Circleps2 { top: 0vh;  					left: calc(var(--leftshift) + 100vh);   		height: 61.8vh;   width: 61.8vh;   border-radius: 50%; }
 	.Circleps3 { top: 61.8vh;  					left: calc(var(--leftshift) + 23.6vh + 100vh);  height: 38.2vh;   width: 38.2vh;   border-radius: 50%; }
 	.Circleps4 { top: calc(61.8vh + 14.6vh);  	left: calc(var(--leftshift) + 100vh);   		height: 23.6vh;   width: 23.6vh;   border-radius: 50%; }
 	.Circleps5 { top: calc(61.8vh - 0vh);  		left: calc(var(--leftshift) + 100vh);   		height: 14.6vh;   width: 14.6vh;   border-radius: 50%; }
 	.Circleps6 { top: calc(61.8vh - 0vh);  		left: calc(var(--leftshift) + 14.6vh + 100vh);  height: 9.0vh;   width: 9.0vh;   border-radius: 50%; }
 	
 



/* all sites liquid two  updated 3/12/23 b   */ 
/*  change nothing below here -- constant for all sites  */ 



	.Headline  { font-size: 8.25vh; }   
	.Headline2  { font-size: 8.75vh; }   
	.copyright { font-size: 3vh; }
	.trademark { font-size: 0.3em; }
.Headline3  { font-size: 7.0vh; }  



	.menu-area { top: 6vh;  height: 6.0vh;  width: 7vh;  left: calc(0.48 * 100vw - 0.5 * 0.91 * 100vh * 161.8 / 100);   
		padding: 2vh 4vh 2vh 4vh;
	}



	.Normalpage	   { font-size: 5.25vh; } 
	.Termspage	   { font-size: 5.25vh; }  




	ul, p { 
		width: calc(0.65 * 100vh * 161.8 / 100); 
		left: calc(0.5 * 100vw - 0.5 * 0.65 * 100vh * 161.8 / 100); 
		margin: 0 0 10vh 0; 
		padding: 0 0 0 0 ; 
	}






	h1 { 
		font-size: 10.4vh; 
		width: calc(0.7 * 100vh * 161.8 / 100); 
		left: calc(0.5 * 100vw - 0.5 * 0.7 * 100vh * 161.8 / 100); 
		margin: 0 0 10vh 0; 
	}


	h2 {
		font-size: 6vh;  
		width: calc(0.7 * 100vh * 161.8 / 100); 
		left: calc(0.5 * 100vw - 0.5 * 0.7 * 100vh * 161.8 / 100); 
		margin: 0 0 7vh 0; 
	}
	
	h3 {
		width: calc(0.7 * 100vh * 161.8 / 100); 
		left: calc(0.5 * 100vw - 0.5 * 0.7 * 100vh * 161.8 / 100); 
		margin: 0 0 10vh 0; 
	}




	.copyright { font-size: 3vh; }

.firstspace { height: 5vh; }

	.imageholders1 {
		margin: 5vh 0 0 0 ; 
	    width: calc(0.55 * 100vh * 161.8 / 100); 
	    left: calc((0.5 * 100vw) - (0.5 * 0.55 * 100vh * 161.8 / 100)); 
	    height: auto; 
		outline-width: 0.3vh ;
	}

	.imageholders1v {
		margin: 5vh 0 0 0 ; 
	    width: calc(0.35 * 100vh * 161.8 / 100); 
	    left: calc((0.5 * 100vw) - (0.5 * 0.35 * 100vh * 161.8 / 100)); 
	    height: auto; 
		outline-width: 0.3vh ;
	}
		
	.imageholdersMockupV {
		margin: 5vh 0 0 0 ; 
	    width: calc(0.23 * 100vh * 161.8 / 100); 
	    left: calc((0.5 * 100vw) - (0.5 * 0.23 * 100vh * 161.8 / 100)); 
	    height: auto; 
		outline-width: 0.3vh ;
	}
	
	.imageholders1vs {
	    width: calc(0.18 * 100vh * 161.8 / 100); 
	    left: calc((0.5 * 100vw) - (0.5 * 0.18 * 100vh * 161.8 / 100)); 
	    height: auto; 
		outline-width: 0.3vh ;
	}
	

	.captionholdersu {
	 	width: calc(0.7 * 100vh * 161.8 / 100);  	
		left: calc((0.5 * 100vw) - (0.5 * 0.7 * 100vh * 161.8 / 100)); 
		margin: 0.5vh 0 0 0; 
		font-size: 4.5vh; 
	}
	
	.captionholdersd {
 		width: calc(0.7 * 100vh * 161.8 / 100);  	
		left: calc((0.5 * 100vw) - (0.5 * 0.7 * 100vh * 161.8 / 100)); 
		margin: -1.0vh 0 10vh 0; 
		font-size: 3.5vh; 
	}
	
.hero{
  margin: 15vh 0 35vh 0;    
}

	
/*
	.captionholderprice {
		width: calc(0.7 * 100vh * 161.8 / 100);  	
		left: calc((0.5 * 100vw) - (0.5 * 0.7 * 100vh * 161.8 / 100)); 
		margin: 0 0 10vh 0; 
		font-size: 3.5vh; 
	}
*/	
	

	.slideholderh { 
		width: 110vh;
		left: calc((0.5 * 100vw) - (0.5 * 110vh)); 
		height: 61vh;
		margin: 0 0 10vh 0; 
		outline: 0.3vh solid white;
	}
	.slideholderh::-webkit-scrollbar {
	    height: 2.5vh; 
	}
	.slideholderh::-webkit-scrollbar-thumb {
		border-radius: 10px; 
	}
	.slideimage2 {
		height: 60vh;
		margin: 0 0.25vh 0 0; 
	}




}