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

/* updated 3/11/2025 to make uniform between websites  then 4/5/2025 to improve background elements */  


@media screen and (max-aspect-ratio: 1.53999)  {  


/*  site specific  */  




#projector{  right: 0vw; top: 0vw;  width: 61.8vw;  height: 61.8vw;  --step: 61.8vw; }
  .projector-wrapper{ width: calc(3 * 61.8vw); }
  .projector-size{ width: 61.8vw; height: 61.8vw; }


a  { 
	/* padding: 0 0.25em 0 0; */
	text-decoration-thickness: 0.6px;     /* slightly thinner */
	text-underline-offset: 0.32em;        /* a little more air */
}


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


	.PlateB { font-size: 9.775vw; }
	.PlateE { font-size: 7.65vw; }
	.PlateL { font-size: 11.475vw; margin: 0 0 0 0.85vw; }
	.PlateO { font-size: 8.075vw; }
	.PlateC { font-size: 5.1vw; margin: 0 0 0 1.615vw; }

	.indexp1   { right: 1.5vw;  	top: 70.0vw; }  
	.indexp1b  { left:  9vw;  	top: 28.0vw; }  
	.indexp2   { right: 18vw;  	top: 89vw; }  
	.indexp3   { right: 11vw;  	top: 99vw; }
	.indexp4   { right: 23vw;  top: 120.4vw; }
	.indexp5   { right: 31vw;   	top: 128vw; }
	.indexp6   { right: 71vw;   top: 154vw; padding: 0 0 10vw 0;}

	.galleryp1 { top: 5vw;  left: 26vw;  padding: 0 10vw 0 0; margin: 0 0 1vw 0; }   


	.Heartps1  { top: 89vw; right: 5.5vw; height: 12vw; width: 12vw; }	
	.Heartps2  { top: 0.5vw; left: 74vw; height: 12vw; width: 12vw; }	


	.collection { font-size: 80%; }

.clickable-area {
    top: 0.5vw;  
    left: 22vw; 
    width: 60vw;  
    height: 20vw; 
}


	.gallery-link { top: 1.0vw;	left: 2.5vw;  width: 6.5vw; height: 6.5vw; padding: 6vw 0vw 7vw 4vw;   }



/* end site specific */  

/* new things and changes */




	h1 { 
		width: 95vw; 
		margin: 2vw 2vw 9.6vw 2vw; 
		font-size: 7.6vw; 
	}
	
		h2 { 
		width: 95vw; 
		margin: 3vw 2vw 2vw 2vw; 
		font-size: 5.95vw; 
	}
	
	
	h3 { 
		width: 95vw; 
		margin: 2rem 2vw 1em 2vw; 
	}

	

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



/* end new things */


/* change nothing below here -- constant for all sites modified 2025-04-14 */ 



	.Headline  { font-size: 8.0vw; }
	.Headline2  { font-size: 8.75vw; }
	.Headline3  { font-size: 7vw; }  

	.trademark { font-size: 0.3em; }
	.copyright { font-size: 3vw;  }
	.footnote  { padding-top: 5vw;}

	


.menu-area {  
	top: 1.0vw;	left: 2.5vw;  width: 14vw; height: 6.5vw;
	padding: 6vw 0vw 7vw 4vw; 
 }


	ul, p { 
		width: 86vw; 
		margin: 0 6vw 6vw 7vw; 
		padding: 0 0 0 0;
	}


.Normalpage { font-size: min(5.1vw, 4.5vh); }
.Termspage { font-size: 5.05vw; }



	.imageholders1 {
		margin: 18vw 0 0 0 ; 
		width: 95vw;   
		height: auto; 
		left: calc(50vw - (95vw + (1.2 * 2vw)) / 2); 
		outline-width: 0.4vw ;
	}
		
	.imageholders1v {
		margin: 18vw 0 0 0 ; 
		width: 65vw;   
		height: auto; 
		left: calc(50vw - (65vw + (1.2 * 2vw)) / 2); 
		outline-width: 0.4vw ;
	}
	
	.imageholdersMockupV {
		margin:8vw 0 0 0 ; 
		width: 45vw;   
		height: auto; 
		left: calc(50vw - (45vw + (1.2 * 2vw)) / 2); 
		outline-width: 0.4vw ;
	}
	
	.imageholders1vs {
		width: 28vw;   
		height: auto; 
		left: calc(50vw - (28vw + (1.2 * 2vw)) / 2); 
		outline-width: 0.4vw ;
	}


	.captionholdersu {
		width: 86vw;   
		left: calc(50vw - (86vw + (1.2 * 2vw)) / 2); 
		margin: 3vw 0 0 0; 
		font-size: 100%;
letter-spacing: 0.3vw;
	}
	.captionholdersd {
		width: 86vw;   
		left: calc(50vw - (86vw + (1.2 * 2vw)) / 2); 
		font-size: 90%; 
		margin: 0 0 13.7vw 0;
	}

	.captionholderprice {
		width: 86vw;   
		left: calc(50vw - (86vw + (1.2 * 2vw)) / 2); 
		margin: 0 0 8vw 0; 
		font-size: 4.5vw; 
	}

.hero{
  margin: 20vw 0 40vw 0;     /* x=40px top/bottom, y=0 left/right (change as you like) */
}

	.slideholderh { 
		width: 90vw;
		height: 60vw; 
		left: calc(50vw - (92vw / 2));
		margin: 0 0 7vw 0; 
		outline: 0.4vw solid #ffffff;
	}
	.slideholderh::-webkit-scrollbar {
	display: none; 
	}
	.slideholderh::-webkit-scrollbar-thumb {
	display: none; 
	}
	.slideimage2 {
		height: 60vw;
		margin: 0 0.3vw 0 0;
	}




}



