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


* { margin: 0; padding: 0; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.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 */

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

.container{
	padding-bottom: 100px;
}
.intro{	
	margin: 0 auto 0 auto;
	padding: 100px 30px 0 30px;
	/*border-bottom:2px solid #c6c3c6;*/

}
small {display: none;}
h1{
	font-weight: 400;
	font-size:1.8em;
	line-height:1.2em;
	margin:0 0 30px 0;
}
h2{
	font-weight: 600;
	font-size:1.8em;
	line-height:1.2em;
	margin:70px 0 0 0;
	padding:30px 30px;
	/*border-top:1px solid #d7d5d7;*/
}
h3{
	font-size: 1.2em;
	line-height:1.3em;
	font-weight: 400;
	margin:0;
}
p,ol,ul{
	margin:0 0 1em 0;
}
.intro p{
	font-size: 1.2em;
	line-height:1.3em;
	font-weight: 400;
	margin:0 0 50px 0;
}
li{
	padding:0.5em 0 0 1rem;
	margin: 0 0 0 2rem;
	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{
	margin:0 30px 30px 30px;
	padding:40px 20px;
	aspect-ratio : 1 / 1.3; 
	display:relative;
	border:1px solid #d7d5d7;
	display:block;
	position: relative;
	border-bottom:1px solid #b5b2b5;

}
.case p{margin:1em 0 0 0;}
/*.case .content{
	position: absolute;
	bottom:0;
	left:0;
	padding:8%;
}*/
.case img{
	width:33%; 
	/*float:right;*/
	 -webkit-filter: grayscale(25%); /* Safari 6.0 - 9.0 */
 	 filter: grayscale(25%);
}
.case img.img-alternative{
	width:100%;
	margin-bottom:30px;
	margin-top:-20px;
	-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
 	 filter: grayscale(50%);
}

.footnote img.img-alternative{
	width:100%;
	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%;
	font-size: 1.2em;
	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 */
}