/* YUI 3.8.1 (build 5795) Copyright 2013 Yahoo! Inc. http://yuilibrary.com/license/ */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}


/* hygiene */
* { margin: 0; padding: 0;}
.clear { clear: both; overflow: hidden;width: 100%;}
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */
.hide-screen, .hide-laptop{display:none !important;}

/* base */
html{
	font-family: "Lora", serif;
	font-family: "Quicksand", sans-serif;
	font-family: "Urbanist", sans-serif;
	font-family: "Raleway", sans-serif;
	/*font-family: "Gantari", sans-serif;*/
	
	font-weight:400;
	font-size: 110%;
	line-height:1.3em;
	color: #1e1e14;
    color: rgba(0, 0, 0, 0.95);
	background-color: #fcfaf6;
	height:100%;
  	scroll-behavior: smooth;
}


body{
	/*background-image: url('/img/static2.gif'); 
	background-repeat: repeat;
	background-attachment: fixed; */
}
/*body {
	background: linear-gradient(-45deg, #fcfaf6, #f6f0e5, #f6f0e5, #ffffff);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}*/

.container{
	padding-bottom: 100px;
}
.intro{	
	margin: 0 auto 0 auto;
	padding: 150px 12% 0 12%;
	border-bottom:1px solid #d7d5d7;
	border-bottom:1px solid #b5b2b5;
	border-bottom:1px solid #c6c3c6;

}
h1{
	font-weight: 400;
	font-size:2.3em;
	line-height:1.2em;
	margin:0 0 30px 0;
}
h2{
	font-weight: 600;
	font-size:2.3em;
	line-height:1.2em;
	margin:70px 0 0 0;
	padding:30px 12%;
	/*border-top:1px solid #d7d5d7;*/
}
h3{
	font-size: 1.3em;
	line-height:1.3em;
	font-weight: 400;
	margin:0;
}
p,ol,ul{
	margin:0 0 1em 0;
}
.intro p{
	font-size: 1.3em;
	line-height:1.3em;
	font-weight: 400;
	width:66%;
	margin:0 0 50px 0;
}
li{
	padding:0.5em 0 0 1rem;
	margin: 0 0 0 0;
	list-style: none;
}
i, em{font-style:italic}
b, strong{font-weight: bold;}
a, a:hover, a:active, a:visited{
	text-decoration:none;
	color:#2c606b;
	transition: 0.5s;
}
a:hover{
 	transition: 0.5s;
 	text-decoration: none;
}

.case{
	width:22%;
	float:left;
	margin-top:0;
	margin-bottom:0;
	padding:2%;
	aspect-ratio : 1 / 1; 
	display:relative;
	border:1px solid #d7d5d7;
	border-bottom:1px solid #b5b2b5;
	display:block;
	position: relative;
	
}
.case p{margin:1em 0 0 0;}
/*.case .content{
	position: absolute;
	bottom:0;
	left:0;
	padding:8%;
}*/
.case img{
	width:22%; 
	/*float:right;*/
	 -webkit-filter: grayscale(25%); /* Safari 6.0 - 9.0 */
 	 filter: grayscale(25%);
}
.case img.img-alternative{
	width:100%; 
/*.	position:absolute;
	bottom:8%; */
	margin-bottom: 30px;
	left:8%;
	-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
 	 filter: grayscale(50%);
}

.case1 {
	margin-left:10%;
	margin-right:1%;
}
.case2 {
	margin-left:0%;
	margin-right:1%;
}
.case3 {
	margin-left:0%;
	margin-right:0%;
}

.footnote img.img-alternative{
	width:25%;
	margin-bottom:30px;
	margin-top:-20px;
	-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
 	 filter: grayscale(50%);
}

.footnote{
	margin: 0 auto 0 auto;
	padding: 50px 12% 50px 12%;
	border-bottom:1px solid #c6c3c6;
	font-size: 1.3em;
	line-height:1.3em;
	font-weight: 400;
}
.footnote p{margin: 0 0 0 0;}

.footnote2{
	border-bottom:none;
}

/* Back to Top Button Styles */
#back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: none; /* Hidden initially */
  padding: 10px;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out;
  z-index: 1000; /* Ensure it appears above other elements */
}


/* Make the button appear when scrolled down */
.show {
  display: block !important; /* Forcefully override display: none */
}



