/* copyright 2026, all rights reserved  */ 


	
	@font-face {
		font-family: 'One';
		src: url('/fonts/ArimaMadurai-Light.ttf') format('truetype'); 
		font-display: fallback; 
	}

	@font-face {
	  font-family: 'Three';
	  src: url('/fonts/GrapeNuts-Regular.woff2') format('woff2');
	  font-display: fallback;
	}


	.Normalpage    {font-family: 'One', 'Times New Roman', sans-serif;   }  

    	
		.Heartps1, .Heartps2  	{ position: absolute; z-index: 10; transform: rotate(9deg); }  
    	

	.indexp1   { position: absolute; z-index: 7; }
	.indexp1b  { position: absolute; z-index: 7; }
	.indexp2   { position: absolute; z-index: 7; }
	.indexp3   { position: absolute; z-index: 7; }
	.indexp4   { position: absolute; z-index: 7; }
	.indexp5   { position: absolute; z-index: 7; }
	.indexp6   { position: absolute; z-index: 7; }


/* updates since march 2 2026 */

/*

.listing { font-size: 70%; color: #cccccc; "} 

*/

.footer { opacity: 1.0; margin: 2em 0 0 0; }

.listing { font-size: 90%; color: #dddddd; }

#projector{ position: absolute; border-radius: 50%; overflow: hidden; }
.projector-wrapper{  
	display: flex;
	will-change: transform;
  	-webkit-animation: projection 15s ease-in-out infinite;
	        animation: projection 15s ease-in-out infinite;
}
@keyframes projection{
  0%,25%        { transform: translateX(0); }
  33.33%,58.33% { transform: translateX(calc(-1 * var(--step))); }
  66.67%,91.67% { transform: translateX(calc(-2 * var(--step))); }
}



	
	/* fixes disappearing underline */
	li {
	    position: relative;
	    padding-top: 20px; 
		/* Provides space for the line */
	}


	body { 
		margin: 0 auto; 
		width: 100%; 
		min-height: 100%;
		background-color: #0D0D0D; 
		padding: 0 0 10vh 0;
		color: #e0e0e0;
	}


a  { 
/* 	color: #d6d6d6; */
	color: #f8f8f8;
	font-variant: small-caps; 
	/* font-weight: bold; */
	text-decoration-line: underline; 
	text-decoration-skip-ink: auto;
	text-decoration-color: rgba(214,214,214,0.55);  /* softer underline */
	/* transition: color 0.5s, text-decoration-color 0.5s; */
	text-decoration-style: solid;
}
	
	
	a.plain { 
		position: relative;
		z-index: 13; 
	    margin: 0; 
	    padding: 0; 
	    font-style: normal;
	    font-variant: normal; 
	}

	a:active, a:hover {
	    color: #96A6DC;
	}




.gallery-link {
    position: fixed; 
	opacity: 0.9;
	cursor: pointer;
	z-index: 20; 
filter: drop-shadow(0 0 5px rgba(13 , 13 , 13 , 1.0));
}



.menu-area {
    position: fixed; 
    text-decoration: none; 
    justify-content: space-around;
    display: flex;
    flex-direction: column;
	cursor: pointer;
	z-index: 20; 
}




p {
		position: relative;
		clear: both; 
		text-align: center; 
 
  line-height: 1.55;
  text-wrap: pretty;
}

ul {
		position: relative;
		clear: both; 
		text-align: center; 
  line-height: 1.5;
  list-style-position: inside;
}




	.Termspage     {font-family: 'One', 'Times New Roman', sans-serif;  color: #F8F8FF; }


 	.Circleps1 {  position: fixed; z-index: -2; background-color: rgba(255, 248, 235, 0.09);  }
 	.Circleps2 {  position: fixed; z-index: -2; background-color: rgba(255, 248, 235, 0.09);  }
 	.Circleps3 {  position: fixed; z-index: -2; background-color: rgba(245, 250, 255, 0.09); filter: blur(2px); }
 	.Circleps4 {  position: fixed; z-index: -2; background-color: rgba(245, 250, 255, 0.09); filter: blur(2px); }
 	.Circleps5 {  position: fixed; z-index: -2; background-color: rgba(235, 245, 255, 0.09); filter: blur(4px); } 
 	.Circleps6 {  position: fixed; z-index: -2; background-color: rgba(235, 245, 255, 0.09); filter: blur(4px); }
 
 
 


	.indexp1, .indexp2, .indexp3, .indexp4, .indexp5   { position: absolute; z-index: 7;  }

	.galleryp1 { position: relative;  display: inline-block;}
	.PlateB    { position: relative;  display: inline;   }
	.PlateE    { position: relative;  display: inline;   }
	.PlateL    { position: relative;  display: inline;  font-family: 'Three', 'Times New Roman'; font-style: oblique; vertical-align: 2%;  }
	.PlateO    { position: relative;  display: inline;  font-family: 'Three', 'Times New Roman'; font-style: oblique; vertical-align: 7%;  }   
	.PlateE    { position: relative;  display: inline;   }
	.PlateC    { position: relative;  display: inline;   }
	
	.Headline   { font-variant: small-caps; }
	.Headline2  { font-family: 'Three'; font-variant: small-caps; }
.Headline3  { font-family: 'Three';  }






	details {
  		position: relative;
  		z-index: 7;
  		margin: 0 0 100px 0;
	}
	.details-container {
	 	position: relative; z-index: 7; display: block;
	}

	summary {
  		cursor: pointer;
 	 	font-style: italic;
		color:  #DCAE96;  
		font-variant: small-caps;
	}

	summary:hover {
	    color: #96A6DC;
	}


	html {
		height: 100vh; 
	}


.clickable-area {
    display: block; 
    position: absolute; 
    text-decoration: none; 
    z-index: 10; 
}
.clickable-area:hover {
    border-color: black; 
}


	
	.imageholders1, .imageholders1v, .imageholders1vs, .imageholdersMockupV{
		position: relative; 
		display: flex; 		
			    margin: 0;  
		outline-color: #ffffff;
		outline-style: solid ;
	}
	
	

	.link-image { /*text-decoration: none; */ }
	



	h1 { 
		position: relative; 
		text-align: center; 
		clear: both; 
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border: 0;
		font-family: 'Three', 'Times New Roman';
		font-variant: small-caps;
		font-weight: normal; 
		}


	h2 { 
		position: relative; 
		clear: both; 
		text-align: center; 
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border: 0;
		text-transform: uppercase;
		font-weight: normal; 
	}

	h3 { 
		position: relative; 
		clear: both; 
		text-align: center; 
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border: 0;
		font-weight: normal; 
		font-style: italic; 
	}



	
	
	

	

	.captionholdersu {
		position: relative; 

		display: block;  
		text-align: center; 
	}
	
	.captionholdersd {
		position: relative; 

		display: block;  
		text-align: center; 
	}
	
	.captionholderprice {
		position: relative; 

		display: block;  
		text-align: center;
	}


	ul {
		list-style-position: inside;
	    list-style-type: none;
	}



	li:after {
	    content: '';
	    position: absolute;
	    bottom: 0; 
	    left: 50%; 
	    background-color: #777777; 
	    transform: translateX(-50%); 
	}
	
	

li:last-child:after {
	display: none;
}



	B {
		font-weight: normal; 
		color: #000000;
	}






	.trademark {  vertical-align: 150%; font-weight: 500; }



	.slideimage2 {
		flex-shrink: 0;  
		scroll-snap-align: center;
		width: auto;    
	}
	.slideholderh { 
		position: relative; 
		display: flex; 	
		overflow-x: auto; 
		overflow-y: hidden;
		scroll-snap-type: x mandatory; 
		scroll-behavior: smooth;
	}
	.slideholderh::-webkit-scrollbar-track {
	   /* background: #dddddd;  */ 
	}
	.slideholderh::-webkit-scrollbar-thumb {
		background: #999999; 
	}