@font-face {
  font-family: 'Sohne';
  src: url('./resources/soehne-kraftig.woff2') format('woff2');
}
@font-face {
  font-family: 'Sohne Mono';
  src: url('./resources/soehne-mono-buch.woff2') format('woff2');
}
@font-face {
	font-family: 'Fournier';
	font-style: normal;
	font-weight: normal;
	src: local('PSFournier Std Grand Light'), url('./resources/PSFournierStdLight.ttf') format('truetype');
}


html, body {
	background:#f5f4f4;
	color:#ededed;
	cursor: crosshair !important;

	overflow-x:hidden;
	overflow-y:visible;
	font-family: Sohne;
	
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}


a:link {
	color:#ff4a00;
	text-decoration: none; 
	cursor: crosshair;
}
a:visited {
	color:#ff4a00;
	text-decoration: none; 
}
a:hover {
	color:#3000ff;
	text-decoration: none; 
}


.container {
	mix-blend-mode: exclusion;
	height:100vh;
	overflow-x:hidden;
	overflow-y:visible;
}


.nav{
	width:100%;
	height:100dvh;
	position:absolute;

	display:flex;
	align-items:flex-end;
	
	-webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
	user-select: none;
	
	transition: all 0.8s ease;
}
.nav_open{
	height:10dvh !important;
}
.dynamic{
	display:inline-block;
	position:absolute;
	bottom:0.8%;
	right:3.7%;
	#cursor: default !important;
	opacity:0;
	z-index:-1;

	transition: all 0.1s ease;
}
.tagline{
	position:relative;
	padding-right:1em;
}
.trigger{
	display:inline-block;
	position:relative;
	bottom:1em;
	padding-right:1em;
	#cursor: crosshair;
	opacity:0;
	
	z-index:1;
	mix-blend-mode:exclusion;

	transition: all 0.25s ease;
}
.trigger:hover{
	#display:list-item;
	#list-style-type: cjk-ideographic;
	
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.trigger_indicator{
	position: absolute;
	bottom:1em;
	display: flex;
	align-items: center;
	pointer-events: none;
	
	#font-family:Fournier;
	
	opacity: 0;
	z-index:-1;
	mix-blend-mode:exclusion;

	-webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.trigger_indicator span{
	position:relative;
	
	-webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

#name {
	#height:50%;
	max-height:100%;
	width:auto;
	
	#font-family: NeueHaas;
	#font-size:6.8vw;
	font-family:Fournier;
	font-size:8vw;
	letter-spacing: 2px;
	
	align-self: center;
	flex-grow:1;
	
	display:flex;
	align-items: baseline;

	transition: all 0.8s ease;
}
.name_small {
	font-size:2em !important;
	align-self:flex-end !important;
}
.name_parts {
	display:inline-flex;
	#font-style: italic;
	font-size:6vw !important;
	width:auto;
}
.name_part {
	#display:none;
	display:inline-flex;

	#min-width:0px;
	#width:100px;
	max-width:0px;
	overflow:hidden;
	opacity:0;
	
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.name_part_open {
	display:inline-flex;
	#min-width:50px;
	#width:auto;
	max-width:1000px;
	opacity:1 !important;
	
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}


.content {
	display:inline-block;
	
	height:0;
	
	position:relative;
	left:9%;
	width:80%;
	mix-blend-mode: exclusion;

	opacity:0;
	padding-top:100dvh;
	padding-bottom:0dvh;
	transition: all 0.8s ease;
}
.content_open {
	display:inline-block;
	
	height:auto;
	
	overflow-y:visible !important;
	opacity:1 !important;
	padding-top: 20dvh;
	padding-bottom: 12dvh;
	transition: all 0.8s ease;
}
.content_goaway {
	display:none;
}


#works {
	width:100%;
}

table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}
th, td {
	text-align: left;
	border:none;
}

.entry {
	opacity:1;
	display:none;
}
.entry_visible {
	display:table-row !important;
}
.entry_visible_first {
	border-top: none !important;
}
.entry_header {
	border-top: 1px solid #ddd;
}
.entry_header td:nth-child(1) {
	line-height: 180%;
}
.entry_faded {
	opacity:0.5;
}
.entry_content {
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.entry_content div {
    display: none;
	height:70dvh;
	overflow-y:scroll;
}
.dynamicHeight {
	display:inline-block;
	height:37dvh;
}
.entry_thumbnail {
	display: flex;
    align-items: center;
    justify-content: center;
	
	#background:#111;
	
	opacity:0;
    
    position: fixed;
    left: 32dvw;
    top: 21dvh;

    width: 65dvw;
    height: 55dvh;
	
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: exclusion;
    border-bottom: none;
	
	transition: transform 0.5s ease;
}
.entry_thumbnail img {
	filter: invert(1);
	pointer-events: none;

    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.entry_image_carousel{
	display: none;
    align-items: center;
    justify-content: center;
	
	#background:#111;
    
    position: fixed;
    left: 32dvw;
    top: 21dvh;

    width: 65dvw;
    height: 55dvh;
	
    z-index: 1;
    mix-blend-mode: exclusion;
    border-bottom: none;
	
	pointer-events: initial;
	pointer-events: all;
	
	transition: transform 0.5s ease;
}
.entry_image{
	filter: invert(1);
	pointer-events: none;

    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
iframe{
	filter: invert(1);
    width: 100%;
    height: auto;
}
:fullscreen {
	filter:invert(0);
}
.rslides {
	width:100%;
	height:100%;
}
.transparent-btns_nav:first-of-type{
	#cursor:w-resize !important;
	#cursor:url("../resources/arrow-left.svg"), auto !important;
	#cursor:none;
}
.transparent-btns_nav{
	#cursor:e-resize !important;
	#cursor:url("../resources/arrow-right.svg"), auto !important;
	cursor:none !important;
	height:50% !important;
	top:20% !important;
    width: 30% !important;
}
.custom-cursor {
	position: fixed;
	display: none;
	opacity:0;
	pointer-events: none;
	mix-blend-mode: exclusion;
	font-size:1.5em;
	color:white;
	width:50px;
	height:50px;
	transform: translate(-18px, -18px);
	z-index: 1000;
}
.custom-cursor--active {
	display:initial !important;
	opacity:1 !important;
}


.ribbon{
	position:relative;
}
.ribbon_blue {
	filter:
		brightness(50%)
		sepia(100%)
		hue-rotate(360deg)
		saturate(500%);
}
.ribbon_gold {
	filter:
		brightness(25%)
		sepia(100%)
		hue-rotate(175deg)
		saturate(500%);
}
.ribbon_red {
	filter:
		brightness(70%)
		sepia(100%)
		hue-rotate(170deg)
		saturate(500%);
}