/*  
	@font-face {
    font-family: 'Tarsius Regular';
    src: url('../fonts/Tarsius-Regular.woff2') format('woff2'),
    font-weight: normal;
    font-style: normal;

}
*/

  	@font-face {
    font-family: 'Tarsius Mono';
    src: url('../fonts/TarsiusMono-Regular.woff2') format('woff2'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tarsius Variable';
    src: url('../fonts/TarsiusVariable.woff2') format('woff2'),
    font-weight: normal;
    font-style: normal;
}


html { scroll-behavior: smooth !important;}

body {
	font-family: 'Tarsius Variable', sans-serif;
	font-variation-settings: "WGLY" 0;
	color: #0e0e0e;
	font-size: 10pt;
	line-height: 1.2em;
	background-color: #ececec;
}

.caselist {
	position: relative;
	width: 98%;
	margin: 1% 0.2%;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
}

.container {
	position: relative;
	width: 99.6%;
	margin: 1% 0.2%;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
}

.introduction {
	position: relative;
	width: 99.6%;
	margin: 1% 0.2%;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
}

.one.column {
   width: 100%;   
   margin-bottom: 0.2%;
   float: left;
   box-sizing: border-box;
}

.one-half.column {
   width: 50%;
   margin-right: 0;
   margin-bottom: 0.2%;
   float: left;
   box-sizing: border-box;
}

.one-fourth.column {
   width: 19%;
   margin-right: 1%;
   float: left;
   box-sizing: border-box;
}

.three-fourth.column {
   width: 74%;
   margin-right: 1%;
   float: left;
   box-sizing: border-box;
}

.one-third.column {
   width: 32%;
   margin-right: 1%;
   float: left;
   box-sizing: border-box;

}

.two-third.column {
   width: 64.64%;
   margin-right: 1%;
   float: left;
   box-sizing: border-box;
}

.container:after,
.row:after,
.u-cf {
	content: "";
	display: table;
	clear: both;
	margin: 0 0 6% 0;
}

.menu { text-align: right; }

.cookies-eu-banner {
  text-align: center !important;
  position: fixed;
  bottom: 0;
  padding: 1%;
  width: 98%;
  z-index: 10;
  border-top: 1px solid black;
  background-color: white;
}

.hidden {
  display: none;
}

  .carousel img {
      cursor: pointer;
      display: block;
    }

p {
	font-size: 1.5em;
	margin: 0 20px 20px 20px;
	letter-spacing: 0.05em;
	line-height: 1.24em;
}

h1 {

	font-size: 5em;
	line-height: 1.2;
	font-weight: normal;
	margin: 0 20px 0 20px;

}

h2 {
	font-size: 1.5em;
	line-height: 1.2;
	letter-spacing: 0.05em;
	font-weight: normal;
	margin: 0 20px 0px 20px;
}
h3 {
	font-size: 3em;
	line-height: 1.2;
	font-weight: normal;
	margin: 0 20px 0px 20px;
	letter-spacing: 0.02em;
}

.meta {
	font-family: 'Tarsius Variable', sans-serif;
	font-size: 10pt;
	padding-right: 0.5em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-feature-settings: "calt" on;
	font-variation-settings: "WGLY" 900;
}

hr { border: 0; border-bottom: 1px solid black; padding: 40px 0 0 0; }

img {
	width: 100%;
	display: block;
}

a img {
	border: none;
}

a {
	color: #222;
	text-decoration: none;
}

a:hover {
	font-family: 'Tarsius Variable', sans-serif;
	font-feature-settings: "WGLY";
	font-feature-settings: "calt" on;
	font-variation-settings: "WGLY" 900;
	transition: font-variation-settings 0.5s ease;
	cursor: url('../new_images/cursor.cur'), auto;



}

/*a:hover {
	font-family: 'tmiblack', 'Tarsius Regular', sans-serif;
	text-transform: uppercase;
	letter-spacing: -0.2em;
	text-decoration: none;
	line-height: 1em;
	cursor: url(../new_images/cursor.cur), auto; */

}

a:visited {
	color: #222;
}

.carousel img {
	cursor: url('../new_images/arrow.cur'), auto;
}

@media (max-width: 600px) {

	p  {
		font-size: 1.5em;
		margin: 4px 10px 0 10px;
		letter-spacing: 0.02em;
		}

	h1 {
		font-size: 2.25em;
		line-height: 1.2;
		letter-spacing: 0.01em;
		margin: 4px 10px 0 10px;
	}
	h2 {
		font-size: 1.5em;
		margin: 4px 10px 0px 10px;
		letter-spacing: 0.02em;
	}
		h3 {
		font-size: 1.5em;
		margin: 4px 10px 0px 10px;
		letter-spacing: 0.02em;
	}

	.meta {	font-size: 8pt; }
 	.one.column { width: 100%; }
 	.one-half.column { width: 100%; }
	.one-fourth.column { width: 32%; }
	.three-fourth.column { width: 100%; }
	.one-third.column { width: 100%; }
	.two-third.column { width: 100%; }



	.container {
		position: relative;
		width: 98%;
		margin: 1%;
		padding: 0;
		box-sizing: border-box;
		overflow: hidden;
	}

	.menu { text-align: left; }

hr { border: 0; border-bottom: 1px solid black; padding: 20px 0 0 0; }

}

#more { display: none; }


.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	margin-bottom: 0.5em;
	padding: 0.5em 1em 0.5em 1em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border-radius: 50px;
	border: 1px solid #222;
	cursor: pointer;
	box-sizing: border-box;
}

a.button:hover {
	letter-spacing: 0.5em;
	text-decoration: none;
	text-transform: capitalize;
	transition: all .5s ease;
	cursor: url(../new_images/cursor.cur), auto;

}