@font-face {
	font-family: "tahoma-clippy";
	src: url('tahoma-clippy.otf');
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	color: #222;
	scroll-behavior: smooth !important;

}

body {
	background-color: #ccc;
	scroll-behavior: smooth !important;
	background-color: #222;
/*	height: 100vh;
	overflow: hidden;*/
}
*::selection {
	background-color: #222;
	color: #ccc;
}

p {
	word-break: break-word;
}


iframe {
    width: 100%;
    height: calc( 100vw/6 * 4 * 0.56);
}
/*————————————————————*/
/* Column 
/*————————————————————*/

.col-4 {
	width: calc(100vw / 6 * 4);
}

.col-2 {
	width: calc(100vw / 6 * 2);
}

.col {
	padding: var(--margin);
	display: block;
	float: left;
	position: relative;
	height: auto;
}

.column {
	width: 50%;
	float: left;
	display: block;
	clear: none;	
	height: auto;
}



/*————————————————————*/
/* Fonts 
/*————————————————————*/

a {
	text-decoration: none;
}


.sans {
	text-transform: uppercase;
	font-family: 'NewEdgeTM', 'Helvetica', sans-serif;
	font-size: 22px;
	letter-spacing: -0.07em;
}
.serif {
	font-family: 'TimesNow', 'Times New Roman';
	letter-spacing: -0.05em;

}

.sans:not(.header-title) a {
	border-bottom: 0.2rem solid #222;
}

.serif.medium .sans {
	font-family: 'NewEdgeTM', 'Helvetica', sans-serif;
	font-size: 1.5vw;
}

.serif .sans {
	font-family: 'NewEdgeTM', 'Helvetica', sans-serif;
	font-size: 22px;
}

.large {
	line-height: 0.75;
	font-size: 5.8vw;
	letter-spacing: -0.07em;
}
.serif.large {
	letter-spacing: -0.09em;

}

.medium {
	font-size: 2vw;
	letter-spacing: -0.06em;

}

.center {
	text-align: center;
}

/*————————————————————*/
/* Header 
/*————————————————————*/

.header {
	background-color: #B4B4B4;
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	padding: var(--margin);
	border-left: 1px solid #222;
	user-select: none;
	z-index: 999;
}

.menu-item {
	text-align: center;
	width: 100%;
	position: relative;
	display: block;
	transition: transform 0.3s;
	cursor: pointer;
}

.menu-item:hover {
	transform: skewX(-25deg);
}

.header-title {
	text-align: center;
	margin-top: -0.2vw;
}

.header-footer {
	box-sizing: border-box;
	position: absolute;
	bottom: var(--margin);
	left: 0;
	right: 0;
	text-align: center;
	z-index: 10;
}

/*————————————————————*/
/* Shape 
/*————————————————————*/
.shape {
	border-radius: 50%;
	background: conic-gradient(from 180deg at 50% 50%, #FF3D00 0deg, #CCC 11.25deg, #32253C 28.125deg, #BF66CA 54.37500178813934deg, #747E22 74.99999821186066deg, #B4B4B4 108.75000357627869deg, #747E22 135deg, #BF66CA 144.3749964237213deg, #A5ABAB 187.49999284744263deg, #FF3D00 196.875deg, #32253C 241.875deg, #747E22 271.8749928474426deg, #BF66CA 281.25deg, #CCC 311.2499928474426deg, #FF3D00 333.7499928474426deg);
/*	background: conic-gradient(from 10deg at 50% 50%, #83F102 0deg, #83F102 20deg,	#C4C4C4 40deg, #0EAF00 60deg, #83F102 100deg, #83F102 120deg,	#C4C4C4 140deg, #0EAF00 160deg, #C4C4C4 180deg, #0EAF00 190deg, #83F102 200deg, #83F102 220deg,	#C4C4C4 225deg, #0EAF00 230deg, #83F102 240deg, #83F102 260deg,	#C4C4C4 280deg, #0EAF00 300deg, #C4C4C4 330deg, #0EAF00 350deg, #83F102 360deg);*/
	position: absolute;
	left: var(--margin);
	pointer-events: none;
	/*background: rgb(var(--offset), 0, 255);*/
}
.header-toggle {
	display: none;
	border-radius: 50%;
	z-index: 99999;
	width: 25px;
	height: 25px;
	top: var(--margin);
	right: var(--margin);
	left: auto;
	pointer-events: auto;
	position: fixed;
	transform: rotate(var(--offset));
/*	background: conic-gradient(from 180deg at 50% 50%, #ccc -2.65deg, #ccc 2.91deg, #83F102 3.03deg, #83F102 7.46deg, #ccc 7.46deg, #ccc 17.44deg, #83F102 17.57deg, #83F102 36.03deg, #ccc 37.79deg, #ccc 42.35deg, #83F102 42.72deg, #83F102 48.79deg, #ccc 48.92deg, #ccc 53.72deg, #83F102 54.35deg, #83F102 59.16deg, #ccc 59.66deg, #ccc 64.09deg, #83F102 64.15deg, #0EAF00 72.68deg, #ccc 72.81deg, #ccc 77.87deg, #0EAF00 78.24deg, #0EAF00 80.08deg, #ccc 80.08deg, #ccc 81.59deg, #0EAF00 81.59deg, #0EAF00 84.12deg, #ccc 84.44deg, #ccc 87.03deg, #0EAF00 87.1deg, #0EAF00 91.46deg, #ccc 91.59deg, #ccc 96.14deg, #0EAF00 96.53deg, #0EAF00 103.65deg, #ccc 103.78deg, #ccc 114.65deg, #0EAF00 115.28deg, #FF006D 127.67deg, #ccc 128.43deg, #ccc 135.88deg, #FF006D 136.14deg, #FF006D 142.33deg, #ccc 142.71deg, #CBCDC8 144.99deg, #FF006D 145.74deg, #FF006D 148.53deg, #ccc 148.9deg, #ccc 157.63deg, #FF006D 158.38deg, #FF006D 169.89deg, #ccc 170.39deg, #ccc 177.47deg, #FF006D 177.6deg, #FF006D 181.39deg, #ccc 181.52deg, #ccc 183.41deg, #FF006D 183.79deg, #FF006D 187.21deg, #ccc 187.33deg, #ccc 192.13deg, #FF006D 193.02deg, #E02A00 212.61deg, #ccc 213.12deg, #ccc 220.01deg, #E02A00 220.39deg, #E02A00 225.51deg, #ccc 226.14deg, #ccc 227.78deg, #E02A00 228.29deg, #E02A00 233.85deg, #ccc 233.91deg, #ccc 239.28deg, #E02A00 239.41deg, #E02A00 248.45deg, #ccc 248.83deg, #ccc 252.56deg, #E02A00 252.68deg, #FB806B 270.13deg, #ccc 270.88deg, #ccc 282.26deg, #FB806B 282.64deg, #FB806B 287.44deg, #ccc 287.7deg, #ccc 290.98deg, #FB806B 291.24deg, #FB806B 295.15deg, #ccc 295.79deg, #FB806B 296.92deg, #FB806B 299.33deg, #ccc 299.45deg, #ccc 303.5deg, #FB806B 303.62deg, #FB806B 321.57deg, #ccc 321.7deg, #ccc 325.49deg, #FB806B 325.62deg, #FB806B 332.95deg, #ccc 333.2deg, #ccc 337.75deg, #FB806B 337.88deg, #FB806B 340.53deg, #ccc 340.79deg, #ccc 343.69deg, #FB806B 343.95deg, #83F102 357.09deg, #ccc 357.35deg, #ccc 362.91deg);*/
background: conic-gradient(from 180deg at 50% 50%, #FF3D00 0deg, #CCC 11.25deg, #32253C 28.125deg, #BF66CA 54.37500178813934deg, #747E22 74.99999821186066deg, #B4B4B4 108.75000357627869deg, #747E22 135deg, #BF66CA 144.3749964237213deg, #A5ABAB 187.49999284744263deg, #FF3D00 196.875deg, #32253C 241.875deg, #747E22 271.8749928474426deg, #BF66CA 281.25deg, #CCC 311.2499928474426deg, #FF3D00 333.7499928474426deg);

}

.menu-shape {
	transform: translate(-50%, 0);
	transform: translate(-50%, 0) rotate(var(--offset));
}
.oval {
	background: conic-gradient(from 180deg at 50% 50%, #FF3D00 0deg, #CCC 11.25deg, #32253C 28.125deg, #BF66CA 54.37500178813934deg, #747E22 74.99999821186066deg, #B4B4B4 108.75000357627869deg, #747E22 135deg, #BF66CA 144.3749964237213deg, #A5ABAB 187.49999284744263deg, #FF3D00 196.875deg, #32253C 241.875deg, #747E22 271.8749928474426deg, #BF66CA 281.25deg, #CCC 311.2499928474426deg, #FF3D00 333.7499928474426deg);
/*	background: conic-gradient(from 180deg at 50% 50%, #ccc -2.65deg, #ccc 2.91deg, #83F102 3.03deg, #83F102 7.46deg, #ccc 7.46deg, #ccc 17.44deg, #83F102 17.57deg, #83F102 36.03deg, #ccc 37.79deg, #ccc 42.35deg, #83F102 42.72deg, #83F102 48.79deg, #ccc 48.92deg, #ccc 53.72deg, #83F102 54.35deg, #83F102 59.16deg, #ccc 59.66deg, #ccc 64.09deg, #83F102 64.15deg, #0EAF00 72.68deg, #ccc 72.81deg, #ccc 77.87deg, #0EAF00 78.24deg, #0EAF00 80.08deg, #ccc 80.08deg, #ccc 81.59deg, #0EAF00 81.59deg, #0EAF00 84.12deg, #ccc 84.44deg, #ccc 87.03deg, #0EAF00 87.1deg, #0EAF00 91.46deg, #ccc 91.59deg, #ccc 96.14deg, #0EAF00 96.53deg, #0EAF00 103.65deg, #ccc 103.78deg, #ccc 114.65deg, #0EAF00 115.28deg, #FF006D 127.67deg, #ccc 128.43deg, #ccc 135.88deg, #FF006D 136.14deg, #FF006D 142.33deg, #ccc 142.71deg, #CBCDC8 144.99deg, #FF006D 145.74deg, #FF006D 148.53deg, #ccc 148.9deg, #ccc 157.63deg, #FF006D 158.38deg, #FF006D 169.89deg, #ccc 170.39deg, #ccc 177.47deg, #FF006D 177.6deg, #FF006D 181.39deg, #ccc 181.52deg, #ccc 183.41deg, #FF006D 183.79deg, #FF006D 187.21deg, #ccc 187.33deg, #ccc 192.13deg, #FF006D 193.02deg, #E02A00 212.61deg, #ccc 213.12deg, #ccc 220.01deg, #E02A00 220.39deg, #E02A00 225.51deg, #ccc 226.14deg, #ccc 227.78deg, #E02A00 228.29deg, #E02A00 233.85deg, #ccc 233.91deg, #ccc 239.28deg, #E02A00 239.41deg, #E02A00 248.45deg, #ccc 248.83deg, #ccc 252.56deg, #E02A00 252.68deg, #FB806B 270.13deg, #ccc 270.88deg, #ccc 282.26deg, #FB806B 282.64deg, #FB806B 287.44deg, #ccc 287.7deg, #ccc 290.98deg, #FB806B 291.24deg, #FB806B 295.15deg, #ccc 295.79deg, #FB806B 296.92deg, #FB806B 299.33deg, #ccc 299.45deg, #ccc 303.5deg, #FB806B 303.62deg, #FB806B 321.57deg, #ccc 321.7deg, #ccc 325.49deg, #FB806B 325.62deg, #FB806B 332.95deg, #ccc 333.2deg, #ccc 337.75deg, #FB806B 337.88deg, #FB806B 340.53deg, #ccc 340.79deg, #ccc 343.69deg, #FB806B 343.95deg, #83F102 357.09deg, #ccc 357.35deg, #ccc 362.91deg);*/
	left: 50%;
/*	top: 50vh;*/
	top: 32vw;
}

.oval:nth-of-type(1) {
	width: 30vw;
	height: 30vw;
	transform: translate(-50%, 0) rotate(calc(var(--offset)*1.8 ));

}

.oval:nth-of-type(2) {
	width: 27.5vw;
	height: 27.5vw;
	transform: translate(-50%, 0) rotate(calc(var(--offset)*1.7 ));

}

.oval:nth-of-type(3) {
	width: 25vw;
	height: 25vw;
	transform: translate(-50%, 0) rotate(calc(var(--offset)*1.6 ));

}

.oval:nth-of-type(4) {
	width: 22.5vw;
	height: 22.5vw;
	transform: translate(-50%, 0) rotate(calc(var(--offset)*1.5 ));

}

.oval:nth-of-type(5) {
	width: 20vw;
	height: 20vw;
	transform: translate(-50%, 0) rotate(calc(var(--offset)*1.4 ));

}

.oval:nth-of-type(6) {
	width: 17.5vw;
	height: 17.5vw;
	transform: translate(-50%, 0) rotate(calc(var(--offset)*1.3 ));

}

.oval:nth-of-type(7) {
	width: 15vw;
	height: 15vw;
	transform: translate(-50%, 0) rotate(calc(var(--offset)*1.2 ));

}
.oval:nth-of-type(8) {
	width: 12.5vw;
	height: 12.5vw;
	transform: translate(-50%, 0) rotate(calc(var(--offset)*1.1));

}

.oval:nth-of-type(9) {
	width: 10vw;
	height: 10vw;
	transform: translate(-50%, 0) rotate(calc(var(--offset)*1.0 ));

}


.large-oval {
	height: calc(100vh - var(--margin) * 2);
	width: calc(100% - var(--margin) * 2);
	position: relative;
	border-radius: 50%;
	transition: all 1s;
	pointer-events: auto;
/*	background: conic-gradient(from 180deg at 50% 50%, #ccc -2.65deg, #ccc 2.91deg, #83F102 3.03deg, #83F102 7.46deg, #ccc 7.46deg, #ccc 17.44deg, #83F102 17.57deg, #83F102 36.03deg, #ccc 37.79deg, #ccc 42.35deg, #83F102 42.72deg, #83F102 48.79deg, #ccc 48.92deg, #ccc 53.72deg, #83F102 54.35deg, #83F102 59.16deg, #ccc 59.66deg, #ccc 64.09deg, #83F102 64.15deg, #0EAF00 72.68deg, #ccc 72.81deg, #ccc 77.87deg, #0EAF00 78.24deg, #0EAF00 80.08deg, #ccc 80.08deg, #ccc 81.59deg, #0EAF00 81.59deg, #0EAF00 84.12deg, #ccc 84.44deg, #ccc 87.03deg, #0EAF00 87.1deg, #0EAF00 91.46deg, #ccc 91.59deg, #ccc 96.14deg, #0EAF00 96.53deg, #0EAF00 103.65deg, #ccc 103.78deg, #ccc 114.65deg, #0EAF00 115.28deg, #FF006D 127.67deg, #ccc 128.43deg, #ccc 135.88deg, #FF006D 136.14deg, #FF006D 142.33deg, #ccc 142.71deg, #CBCDC8 144.99deg, #FF006D 145.74deg, #FF006D 148.53deg, #ccc 148.9deg, #ccc 157.63deg, #FF006D 158.38deg, #FF006D 169.89deg, #ccc 170.39deg, #ccc 177.47deg, #FF006D 177.6deg, #FF006D 181.39deg, #ccc 181.52deg, #ccc 183.41deg, #FF006D 183.79deg, #FF006D 187.21deg, #ccc 187.33deg, #ccc 192.13deg, #FF006D 193.02deg, #E02A00 212.61deg, #ccc 213.12deg, #ccc 220.01deg, #E02A00 220.39deg, #E02A00 225.51deg, #ccc 226.14deg, #ccc 227.78deg, #E02A00 228.29deg, #E02A00 233.85deg, #ccc 233.91deg, #ccc 239.28deg, #E02A00 239.41deg, #E02A00 248.45deg, #ccc 248.83deg, #ccc 252.56deg, #E02A00 252.68deg, #FB806B 270.13deg, #ccc 270.88deg, #ccc 282.26deg, #FB806B 282.64deg, #FB806B 287.44deg, #ccc 287.7deg, #ccc 290.98deg, #FB806B 291.24deg, #FB806B 295.15deg, #ccc 295.79deg, #FB806B 296.92deg, #FB806B 299.33deg, #ccc 299.45deg, #ccc 303.5deg, #FB806B 303.62deg, #FB806B 321.57deg, #ccc 321.7deg, #ccc 325.49deg, #FB806B 325.62deg, #FB806B 332.95deg, #ccc 333.2deg, #ccc 337.75deg, #FB806B 337.88deg, #FB806B 340.53deg, #ccc 340.79deg, #ccc 343.69deg, #FB806B 343.95deg, #83F102 357.09deg, #ccc 357.35deg, #ccc 362.91deg);*/
	background: conic-gradient(from 180deg at 50% 50%, #FF3D00 0deg, #CCC 11.25deg, #32253C 28.125deg, #BF66CA 54.37500178813934deg, #747E22 74.99999821186066deg, #B4B4B4 108.75000357627869deg, #747E22 135deg, #BF66CA 144.3749964237213deg, #A5ABAB 187.49999284744263deg, #FF3D00 196.875deg, #32253C 241.875deg, #747E22 271.8749928474426deg, #BF66CA 281.25deg, #CCC 311.2499928474426deg, #FF3D00 333.7499928474426deg);
}
.large-oval:hover {
	transform: rotate(12deg);
}
.small-oval {
	position: relative;
	width: 25vw;
	height: 25vw;
	display: flex;
	margin: 0 0 0 5vw;
	float: left;
/*	margin: var(--margin) auto;*/
	align-items: center;
	justify-content: center;
	user-select: none;
	border-radius: 50%;
	transition: all 1s;
	transform: rotate(0deg);
	margin-bottom: var(--margin);
	background-repeat: no-repeat;
	transform-origin: 50% 50%;
	background-size: 200% 200% !important; 
	background-position: 40% 40% !important;

/*	background: conic-gradient(from 180deg at 50% 50%, #ccc -2.65deg, #ccc 2.91deg, #83F102 3.03deg, #83F102 7.46deg, #ccc 7.46deg, #ccc 17.44deg, #83F102 17.57deg, #83F102 36.03deg, #ccc 37.79deg, #ccc 42.35deg, #83F102 42.72deg, #83F102 48.79deg, #ccc 48.92deg, #ccc 53.72deg, #83F102 54.35deg, #83F102 59.16deg, #ccc 59.66deg, #ccc 64.09deg, #83F102 64.15deg, #0EAF00 72.68deg, #ccc 72.81deg, #ccc 77.87deg, #0EAF00 78.24deg, #0EAF00 80.08deg, #ccc 80.08deg, #ccc 81.59deg, #0EAF00 81.59deg, #0EAF00 84.12deg, #ccc 84.44deg, #ccc 87.03deg, #0EAF00 87.1deg, #0EAF00 91.46deg, #ccc 91.59deg, #ccc 96.14deg, #0EAF00 96.53deg, #0EAF00 103.65deg, #ccc 103.78deg, #ccc 114.65deg, #0EAF00 115.28deg, #FF006D 127.67deg, #ccc 128.43deg, #ccc 135.88deg, #FF006D 136.14deg, #FF006D 142.33deg, #ccc 142.71deg, #CBCDC8 144.99deg, #FF006D 145.74deg, #FF006D 148.53deg, #ccc 148.9deg, #ccc 157.63deg, #FF006D 158.38deg, #FF006D 169.89deg, #ccc 170.39deg, #ccc 177.47deg, #FF006D 177.6deg, #FF006D 181.39deg, #ccc 181.52deg, #ccc 183.41deg, #FF006D 183.79deg, #FF006D 187.21deg, #ccc 187.33deg, #ccc 192.13deg, #FF006D 193.02deg, #E02A00 212.61deg, #ccc 213.12deg, #ccc 220.01deg, #E02A00 220.39deg, #E02A00 225.51deg, #ccc 226.14deg, #ccc 227.78deg, #E02A00 228.29deg, #E02A00 233.85deg, #ccc 233.91deg, #ccc 239.28deg, #E02A00 239.41deg, #E02A00 248.45deg, #ccc 248.83deg, #ccc 252.56deg, #E02A00 252.68deg, #FB806B 270.13deg, #ccc 270.88deg, #ccc 282.26deg, #FB806B 282.64deg, #FB806B 287.44deg, #ccc 287.7deg, #ccc 290.98deg, #FB806B 291.24deg, #FB806B 295.15deg, #ccc 295.79deg, #FB806B 296.92deg, #FB806B 299.33deg, #ccc 299.45deg, #ccc 303.5deg, #FB806B 303.62deg, #FB806B 321.57deg, #ccc 321.7deg, #ccc 325.49deg, #FB806B 325.62deg, #FB806B 332.95deg, #ccc 333.2deg, #ccc 337.75deg, #FB806B 337.88deg, #FB806B 340.53deg, #ccc 340.79deg, #ccc 343.69deg, #FB806B 343.95deg, #83F102 357.09deg, #ccc 357.35deg, #ccc 362.91deg);*/
	background: conic-gradient(from 180deg at 50% 50%, #FF3D00 0deg, #CCC 11.25deg, #32253C 28.125deg, #BF66CA 54.37500178813934deg, #747E22 74.99999821186066deg, #B4B4B4 108.75000357627869deg, #747E22 135deg, #BF66CA 144.3749964237213deg, #A5ABAB 187.49999284744263deg, #FF3D00 196.875deg, #32253C 241.875deg, #747E22 271.8749928474426deg, #BF66CA 281.25deg, #CCC 311.2499928474426deg, #FF3D00 333.7499928474426deg);
}


a.small-oval:hover {
	background-position: 60% 60% !important;

	/*transform: rotate(-360deg);*/
}

/*————————————————————*/
/* block 
/*————————————————————*/

.vertical-grid {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	flex-direction: row;
	z-index: 200;
	pointer-events: none;
	/*align-items: stretch;*/
	align-items: space-around;
	justify-content: space-between;
}

.line {
	width: 0px;
	border-right: 1px solid #222;
	height: 100%;
}

.line:nth-of-type(1),
.line:last-of-type{
	opacity: 0;
}

.some-hidden .line:nth-of-type(3),
.some-hidden .line:nth-of-type(4),
.some-hidden .line:nth-of-type(6),
.some-hidden .line:nth-of-type(7){
	opacity: 0;
}

.staple-holes {
	position: sticky;
	top: 0;

	padding: calc(var(--margin) / 2 );
	display: flex;
	box-sizing: border-box;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	height: 100vh;
	clear: none;
	pointer-events: none;
}

.staple-holes.left {
	left: 0;
}

.staple-holes.right {
	float: right;
	right: 0;
	top: 0;
}

.ellipse {
	border-radius: 50%;
	background-color: #222;
	width: calc(var(--margin) * 0.75);
	height: calc(var(--margin)* 0.75);
}
.rect {
	border-radius: calc( var(--margin) * 0.75);
	background-color: #222;
	width: calc(var(--margin) * 0.75);
	height: calc(var(--margin) * 1.2);
}

.noise {
	pointer-events: none;
	z-index: 99999;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	mix-blend-mode: overlay;
	opacity: 0.3;
}

.noise img {
	min-width: 100%;
	min-height: 100%;
	z-index: 999;
	pointer-events: none;
}

/*————————————————————*/
/* block 
/*————————————————————*/

.container {
	position: relative;
	display: block;
	float: left;
	height: auto;
	background-color: #B4B4B4;
	scroll-behavior: smooth;
}
.block {
	width: 100%;
	position: relative;
	display: block;
	clear: both;
	/*min-height: 100vh;*/
	height: auto;
	float: left;
	border-bottom: 1px solid #222;
}

.block:nth-of-type(1) {
	background: linear-gradient(#b4b4b4, #BF66CA);
}

.block:nth-of-type(2) {
	background: linear-gradient(#BF66CA, #E02A00);
}

.block:nth-of-type(3) {
	background: linear-gradient( #E02A00, #b4b4b4, #747E22);
}

.block:nth-of-type(4) {
	background: linear-gradient(  #747E22,#b4b4b4, #b4b4b4, #b4b4b4,  #BF66CA);
}

.block:nth-of-type(5) {
	background: linear-gradient( #BF66CA, #FB806B);
}
.block:nth-of-type(6) {
	background: linear-gradient( #FB806B, #b4b4b4, #b4b4b4, #b4b4b4, #E02A00);
}
.block:nth-of-type(7) {
	background: linear-gradient( #E02A00, #FF006D, #b4b4b4 );
}

/*.block:nth-of-type(6) {
	background: linear-gradient( #83F102, #b4b4b4);
}
.block:nth-of-type(5) {
	background: linear-gradient( #83F102, #b4b4b4);
}*/

.block-title {
	border-bottom: 1px solid #222;
	width: 100%;
	position: relative;
	display: block;
	z-index: 200;
}
.absolute {
	left: 0;
	top: 0;	
	position: absolute;
}

.details {
	margin: 5vw 0;
}

.columns-3 {
	column-count: 2;
}

.colophon-item, .timetable-item {
	break-inside: avoid;
	width: 100%;
	/*margin-bottom: 1.3em;*/
}
.line.horizontal {
	width: 100%;
	height: 0px;
	border-bottom: 1px solid #222;
}




.line-up-item {
	position: relative;
	display: flex;

	float: left;
	width: 37.5%;
	height: calc(100vw / 4 );
	border-bottom: 1px solid #222;
	overflow: hidden;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 0 5px 2.5px rgb(50, 50, 50, 0.2);
}
.line-up-item:nth-of-type(2n ) {
	margin-left: 12.5%;
}
.line-up-item:nth-of-type(2n + 1) {
	margin-right: 12.5%;
}



.line-up-caption {
	position: absolute;
	bottom: 0px;
	right: 5px;
}

.line-up-online {
	font-size: 10px;
	line-height: 0px;
}


.cover {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	/*opacity: 0.5;*/
	mix-blend-mode: luminosity;
	/*transition: mix-blend-mode 0.4s;*/
}

.speaker {
	filter: grayscale(1);
	/*mix-blend-mode: luminosity;*/
	object-fit: cover;
	width: 100%; 
	height: 100%; 
}
.line-up-item:hover .cover, 
.line-up-item:hover .speaker {
	mix-blend-mode: normal;
	filter: grayscale(0);
}

.line-up-item:nth-of-type(2n + 1) .cover {
	transform: scale( -1.0, 1);
	/*opacity: 0.4;*/
}

.line-up-item:nth-of-type(2n + 1) .line-up-caption  {
	bottom: 0px;
	left: 5px;

}


.timetable-item {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	min-height: 15vh;
	/*overflow-x: hidden;*/
	/*max-width: 100vw;*/
	background-color: #E02A00;
}

.timetable-item * {
	position: sticky;
	top: var(--margin);
}


.time {
	width: 25%;
	/*height: 100%;*/
	line-height: calc(2vw * 1.3);
	background-color: #b4b4b4;
/*	position: relative;
	display: block;
	float: left;
	clear: none;*/
}
.content {
	width: 75%;
	background-color: #b4b4b4;
	line-height: calc(2vw * 1.3);
}
.break {
	/*background-color: #222;*/
	/*color: #b4b4b4;*/
	/*border-radius: 50%;*/

	/*padding: 2vw 0;*/
	transform: skewX(-25deg);
	margin-bottom: -1px;
	height: 20vh;

	/*outline: 1px solid #83F102;*/
}

.break * {
	/*color: #ccc;*/

}


/* Single pages */

.slider {
	position: relative;
	width: 100%;
	height: auto;
	height: calc(50vh);
/*	position: relative;*/
	display: block;
	float: left;
    overflow: hidden;
}
.slide {
	max-width: 100vw;
	height: 100%;
}
.slick-track img{
    height: calc(50vh + (var(--margin)/4));
}
.slick-track video{
    height: calc(50vh + (var(--margin)/4));
}
.arrows {
	position: absolute;
	width: calc(100vw / 6 * 4);
	display: flex;
    /*top: 60vh;*/
    height: 50vh;
    left: 0;
/*	float: left;*/
    z-index: 200;
}
.slick-next:before {
    content:url(../images/vectors/Vector%201.svg);
    mix-blend-mode: difference;;
}
.slick-prev:before {
    content:url(../images/vectors/Vector%202.svg);
    mix-blend-mode: difference;;
}
.slick-next, .slick-prev {
    width: 10%;
    height: 100%;
    margin: 0 calc(var(--margin)/2);
}
.slick-next {
    right: 0;
}
.slick-prev {
    left: 0;
}
.main{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    height: auto;
    /*position: fixed;*/
    top: 0;
    left: 0;
}
.twocolumn{
    width: 100%;
    float: left;
    display: block;
    clear: none;
    height: auto;
/*    min-height: 50vh;*/
    column-count: 2;
    column-gap: calc(var(--margin)*2);
}
.row {
/*	border-top: 1px solid black;*/
	position: relative;
	float: left;
	display: block;
	width: 100%;
	height: auto;
}

.participant{
    height: 60vh;
}
.staple-holes-participant {
	position: fixed;
	top: 0;
	padding: calc(var(--margin) / 2 );
	display: flex;
	box-sizing: border-box;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	height: 100vh;
	clear: none;
	pointer-events: none;
    z-index: 1000;
}

.staple-holes-participant.left {
	left: 0;
}

.staple-holes-participant.right {
	float: unset;
	right: unset;
	top: 0;
}
.holes-portrait{
    width: calc(100vw / 6 * 4);
    position: fixed;
    height: 100vh;
    display: flex;
    justify-content: flex-end;
    z-index: 1000;
    pointer-events: none;
    visibility: hidden;
}

.participant-block {
	width: 100%;
	position: relative;
	display: block;
	clear: both;
	min-height: 50vh;
	height: auto;
	float: left;
	border-bottom: 1px solid #222;
}
.twocolumn a{
   border-bottom: 0.2rem solid #222;
}


.participant-block {
	background: linear-gradient(#b4b4b4, #0EAF00);
}
.go-back {
    margin: calc(var(--margin)/4) 0 0 calc(var(--margin)/2);
    height: 3.7vw;
    width: 3.7vw;
    cursor: pointer;
    transition: all 0.5s;
}
.block-title:hover .go-back, 
.block-title:active .go-back {
	width: 1vw;
	transition: all 0.5s;

}