/**
* CSS
* @version 1.0
* @author Ozhan Binici
*/

::selection {
	background: #A5DCA7;
	color:#000000;
}

*:focus {
	outline:none;
}

:root {
	--screen-height:100vh;
}

@supports(height: 100dvh) {
	:root {
		--screen-height:100dvh;
	}
}

sup {
	line-height:0.6em;
}

html {
	width:100%;
	height:100%;
	padding:0rem;
	margin:0rem;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
	font-size:1px;
}

body {
	width: 100%;
	height: auto;
	padding: 0rem;
	margin: 0rem;
	background-color:#A5DCA7;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	font-size: 23rem;
	line-height: 32rem;
	font-family: malaga, serif;
	font-weight: 400;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
	color: #000000;
	min-height: var(--screen-height);
}

body.gallery #wrapper {
	position:absolute;
	height: var(--screen-height);
	width:100%;
	overflow:hidden;
}

#wrapper {
	background-color: #fdf6de;
}
/* COMMON ITEMS */

.container {
	width:100%;
	max-width:none;
	margin:0 auto;
	display:flex;
	padding-left:30rem;
	padding-right:30rem;
}


header {
	position:fixed;
	top:0rem;
	left:0rem;
	width:100%;
	height:auto;
	z-index:999;
	background-color:#A5DCA7;
}
div {
	position:relative;
	display:block;
}

header .container {
	display:block;
	width:100%;
	height:250rem;
}

body.home header .container {
	height:40vh;
}

body.gallery header {
	background-color:transparent;
}

header .logo-menu {
	width:40%;
	display:flex;
	flex-wrap:wrap;
	margin-top:38rem;
}

header a#logo {
	width:100%;
	height:auto;
	display:block;
	margin-bottom:13rem;
}

header a#logo h1 {
	width:100%;
	display:block;
	font-size:26rem;
	line-height:32rem;
	color:#FFFFFF;
	font-family:turnip, serif;
	font-weight:500;
	margin-bottom:8rem;
}

header a#logo h2 {
	width:100%;
	display:block;
	font-size:34rem;
	line-height:38rem;
	color:#FFFFFF;
	font-family: maple-web, sans-serif;
	font-weight:500;
}


header nav {
	width:100%;
	display:none;
	position:absolute;
	top:0rem;
	left:50rem;
	width:250rem;
	height:var(--screen-height);
	z-index:2;
	background-color:#5FA8DC;
	padding:215rem 10rem 10rem 10rem;
}

header.expanded nav {
	display:block;
}

header nav ol {
	display:block;
	width:100%;
}

header nav li {
	display:block;
	margin-right:10rem;
	margin-bottom:10rem;
}

header nav li.break {
	flex-basis: 100%;
	height: 0rem;
	margin:0rem;
}

header nav a {
	color:#FFFFFF;
	text-decoration:underline;
	font-size:26rem;
	line-height:35rem;
	display:block;
	margin:0rem;
}

header nav a:hover,
header nav a.active {
	color:#000000;
	text-decoration:none;
}

a#lang-switch {
	position:absolute;
	top:160rem;
	left:127rem;
	z-index:3;
	width:50rem;
	height:40rem;
	padding:5rem;
}

a#lang-switch img {
	display:none;
} 

/* close states */
body.normal a#lang-switch img.black.underlined,
body.home a#lang-switch img.black.underlined,
body.gallery a#lang-switch img.white.underlined,
body.gallery header.dark a#lang-switch img.black.underlined {
	display:block;
}
body.gallery header.dark a#lang-switch img.white.underlined {
	display:none;
}
/* hover during close states */
body.normal a#lang-switch:hover img.black.underlined, 
body.home a#lang-switch:hover img.black.underlined, 
body.gallery a#lang-switch:hover img.white.underlined,
body.gallery header.dark a#lang-switch:hover img.black.underlined {
	display:none;
}
body.normal a#lang-switch:hover img.white.no-underline, 
body.home a#lang-switch:hover img.blue.no-underline, 
body.gallery a#lang-switch:hover img.blue.no-underline {
	display:block;
}

/* open states */
body.gallery header.expanded a#lang-switch img.white.underlined {
	display:none;
}

body.gallery header.expanded a#lang-switch img.black.underlined,
body.gallery header.expanded.dark a#lang-switch img.black.underlined {
	display:block;
}

body.normal header.expanded a#lang-switch:hover img.black.underlined, 
body.home header.expanded a#lang-switch:hover img.black.underlined, 
body.gallery header.expanded a#lang-switch:hover img.black.underlined,
body.gallery header.expanded.dark a#lang-switch:hover img.black.underlined {
	display:none;
}
body.normal header.expanded a#lang-switch:hover img.white.no-underline, 
body.home header.expanded a#lang-switch:hover img.white.no-underline, 
body.gallery header.expanded a#lang-switch:hover img.white.no-underline {
	display:block;
}

header nav a.inactive {
	/*opacity:0.5;*/
	color:#CCCCCC;
	pointer-events:none;
}

header div.title {
	width:auto;
	color:#000000;
	font-size:16rem;
	line-height:20rem;
	position:absolute;
	z-index:3;
	top:57rem;
	left:60rem;
}

header div.title .mobile-only {
	display:none;
}

body.gallery header div.title {
	color:#FFFFFF;
}

body.gallery header.dark div.title {
	color:#000000;
}

header div.description {
	width:auto;
	color:#000000;
	font-size:16rem;
	line-height:20rem;
	position:absolute;
	z-index:3;
	top:57rem;
	left:310rem;
}
body.gallery header div.description {
	color:#FFFFFF;
}
body.gallery header.dark div.description {
	color:#000000;
}

header .project-title {
	position:absolute;
	z-index: 3;
	top: 50rem;
	left: 565rem;
	color:#000000;
	
	max-width:830rem;
	margin: 0 auto;
	padding: 50rem 20rem;
	position:relative;
	left:auto;
	top:auto;
	display:block;
}

body.gallery header .project-title {
	color:#FFFFFF;
}
body.gallery header.dark .project-title {
	color:#000000;
}

body.home header .project-title {
	display:none;
}

header div.description.mobile {
	display:none;
}

header .venedik-bienali-logo {
	height:59.829%;
	height:23.932vh;
	position:absolute;
	top:6.068vh;
	right:4.1478vh;
	z-index:2;
}
header .venedik-bienali-logo img {
	width:auto;;
	height:100%;
	display:block;
}

/* cizgilerde farkli subpixel anti-aliasing */
header .separator {
	position:absolute;
	z-index:1;
	bottom:0rem;
	left:0rem;
	width:100%;
	height:2px;
	/*height:2rem;*/
	background-color:#E97D69;
}

body.gallery header .separator {
	display:none;
}

.page-title {
	position:relative;
	display:block;
	width:100%;
	height:calc(40vh - 250rem);
	background-color:#A5DCA7;
	/*min-height:175rem;*/
}

body.home header .page-title {
	display:none;
}

body.gallery main .page-title {
	display:none;
}

.page-title .separator {
	position:absolute;
	z-index:1;
	bottom:0rem;
	left:0rem;
	width:100%;
	height:2px;
	/*height:2rem;*/
	background-color:#E97D69;
}

.page-title .date {
	position:absolute;
	left:565rem;
	top:15rem;
	font-size:20rem;
	line-height:25rem;
	max-width:830rem;
	margin: 0 auto;
	padding: 15rem 20rem;
	position:relative;
	left:auto;
	top:auto;
}

.page-title h1 {
	position:absolute;
	left:565rem;
	top:67rem;
	font-size:40rem;
	line-height:50rem;
	
	max-width:830rem;
	margin: 0 auto;
	padding: 2rem 20rem;
	position:relative;
	left:auto;
	top:auto;
}

.page-title h5 {
	position:absolute;
	left:565rem;
	top:124rem;
	font-size:23rem;
	line-height:30rem;
	
	max-width:830rem;
	margin: 0 auto;
	padding: 5rem 20rem;
	position:relative;
	left:auto;
	top:auto;
}

.menu-toggle {
	position:absolute;
	top:160rem;
	left:55rem;
	z-index:3;
	
	display:block;
	border:0rem;
	pointer-events:auto;
	width: 55rem;
	height: 40rem;
	margin:0rem;
	padding:5rem;
	cursor: pointer;
}

.menu-toggle img {
	position:relative;
	display:none;
	width:100%;
	height:auto;
}

/* close states */
body.normal .menu-toggle img.black.open,
body.home .menu-toggle img.black.open,
body.gallery .menu-toggle img.white.open,
body.gallery header.dark .menu-toggle img.black.open {
	display:block;
}
body.gallery header.dark .menu-toggle img.white.open {
	display:none;
}
/* hover during close states */
body.normal .menu-toggle:hover img.black.open, 
body.home .menu-toggle:hover img.black.open, 
body.gallery .menu-toggle:hover img.white.open,
body.gallery header.dark .menu-toggle:hover img.black.open {
	display:none;
}
body.normal .menu-toggle:hover img.white.open, 
body.home .menu-toggle:hover img.blue.open, 
body.gallery .menu-toggle:hover img.blue.open {
	display:block;
}

/* disable all open logos when expanded */
header.expanded .menu-toggle img.open {
	display:none !important;
}

/* open states */
header.expanded .menu-toggle img.black.close {
	display:block;
}
header.expanded .menu-toggle:hover img.black.close {
	display:none;
}
header.expanded .menu-toggle:hover img.white.close {
	display:block;
}


.menu-toggle:hover,
.menu-toggle:focus {
	outline:none;
}



picture.home {
	display:none;
}

body.home picture.home {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	top:0rem;
	left:0rem;
	z-index:1;
}

picture.home img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position:center center;
}

/*
picture.home img {
	object-position:center center;
}
*/

main {
	margin-top:40vh;
	min-height:60vh;
	
	margin-top:250rem;
	min-height:calc(var(--screen-height) - 250rem);
	min-height:calc(var(--screen-height) - 526rem);
}

main.home {
	background-color:#A5DCA7;
	min-height:60vh;
	text-align:center;
	margin-top:40vh;
	display:flex;
	flex-direction:column;
}

main .project-title {
	font-size:1rem;
	padding-top:45em;
}



header .project-title .artist {
	font-size:36rem;
	line-height:46rem;
	margin-bottom:3rem;
}
main .project-title .artist {
	font-size:87em;
	line-height:100rem;
	line-height:1.149em;
	margin-bottom:18rem;
	margin-bottom:0.207em;
}

header .project-title .name {
	font-family: malaga-narrow, serif;
	font-weight:bold;
	letter-spacing:0.09em;
	font-size:45rem;
	line-height:55rem;
	margin-bottom:0rem;
}

main .project-title .name {
	font-family: malaga-narrow, serif;
	font-weight:bold;
	font-size:110em;
	letter-spacing:0.09em;
	line-height:120rem;
	line-height:1.091em;
	margin-bottom:6rem;
	margin-bottom:0.055em;
}

header .project-title .suffix {
	font-family: malaga-narrow, serif;
	font-size:27rem;
	letter-spacing:0.08em;
	line-height:30rem;
	margin-bottom:20rem;
}

main .project-title .suffix {
	font-family: malaga-narrow, serif;
	font-size:65em;
	letter-spacing:0.08em;
	line-height:80rem;
	line-height:1.231em;
	margin-bottom:20rem;
	margin-bottom:0.769em;
}

main .container {
	/*
	display:flex;
	flex-wrap:wrap;
	*/
	/*
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: masonry;
	*/
	display:block;
}

main.home .container {
	display:flex;
	flex-wrap:nowrap;
	flex-direction:column;
}


main .box {
	display:block;
	border-left:4rem solid #FFFFFF;
	width:auto;
	padding-right:50rem;
	color:#FFFFFF;
	padding-left:13rem;
	display:flex;
	flex-direction:column;
	margin-bottom:50rem;
	width:20%;
}

main .box.hidden {
	display:none;
}

main .grid.columns-5 .box {
	width:20%;
}

main .grid.columns-4 .box {
	width:25%;
}

main .grid.columns-3 .box {
	width:33.33%;
}

main .grid.columns-2 .box {
	width:50%;
}

main .grid.columns-1 .box {
	width:100%;
}

main .box:hover {
	border-left:4rem solid #CCCCCC;
	color:#CCCCCC;
}

main .box h2 {
	font-size:26rem;
	line-height:32rem;
	font-family:turnip, serif;
	font-weight:500;
	padding-bottom:20rem;
}

main .box h3 {
	font-size:13rem;
	line-height:16rem;
	font-family:turnip;
	font-weight:500;
	padding-top:5rem;
	padding-bottom:20rem;
	text-transform:uppercase;
}

main .box h4 {
	font-size:20rem;
	line-height:24rem;
	font-family:turnip;
	font-weight:300;
	font-style:italic;
	padding-bottom:30rem;
}

main .box p {
	font-size:19rem;
	line-height:23rem;
	font-family: maple-web, sans-serif;
	font-weight:400;
}

main .box h5 {
	padding-top:30rem;
	margin-top:auto;
	font-family:turnip;
	font-weight:300;
	font-size:20rem;
	line-height:24rem;
}

main .box .arrow {
	display:block;
	width:21rem;
	height:1rem;
	background-color:#FFFFFF;
	margin-top:15rem;
	margin-bottom:15rem;
}

main .box .arrow:after {
	content:" ";
	display:block;
	position:absolute;
	top:-6rem;
	left:21rem;
	width: 0;
	height: 0;
	border-top: 7rem solid transparent;
	border-bottom: 7rem solid transparent;
	border-left: 9rem solid #FFFFFF;
}

main .box:hover .arrow {
	background-color:#CCCCCC;
}

main .box:hover .arrow:after {
	border-left: 9rem solid #CCCCCC;
}

main .box.destekciler-box {
	display:none;
}

main .box.destekciler-box.for-5-columns {
	display:block;
}
main .box.destekciler-box.for-5-columns.hidden {
	display:none;
}

main .box .logos {
	position:relative;
	display:block;
	margin-bottom:0rem;
	margin-top:28rem;
	
	color:#000000;
	text-align:center;
	font-size:14rem;
	line-height:17rem;
	font-family: maple-web, sans-serif;
	font-weight:400;
}

main .box:hover .logos {
	color:#CCCCCC;
}

main .box .logos img {
	width:auto;
	height:100%;
	display:block;
	margin:0 auto;
}

main .box .logos #iksv {
	height:56rem;
	width:auto;
	margin-top:11rem;
	margin-bottom:26rem;
}

main .box .logos #tc-kultur-ve-turizm-bakanligi {
	height:64rem;
	width:auto;
	margin-top:6rem;
	margin-bottom:22rem;
}

main .box .logos #tc-disisleri-bakanligi {
	height:57rem;
	width:auto;
	margin-top:6rem;
	margin-bottom:30rem;
}

main .box .logos #schuco {
	height:15rem;
	width:auto;
	margin-top:11rem;
	margin-bottom:20rem;
}

main .box .logos #vitra {
	height:18rem;
	width:auto;
	margin-top:23rem;
	margin-bottom:19rem;
}

main .grid.columns-4,
main .grid.columns-3,
main .grid.columns-2,
main .grid.columns-1 {
	display:none;
}








#content {
	max-width:calc(100% - 620rem);
	max-width:1300rem;
	margin:0rem auto;
}


body.gallery #content {
	display:none;
}

#content .columns.double {
	width:100%;
	display:flex;
	max-width:830rem;
	margin:0 auto;
}

#content .columns.double .column {
	width:100%;
	max-width:415rem;
}

#content .columns.double .column:first-child {
	margin-right:20rem;
	align-self: flex-start;
	position: -webkit-sticky;
	position: sticky;
	top: 0rem;
}

#content .columns.double .column:nth-child(2) {
	margin-left:20rem;
}

figure {
	width:100%;
	height:auto;
	margin-bottom:40rem;
	margin-left:auto;
	margin-right:auto;
}

figure:has(img.large) {
	max-width:1000rem;
}
figure:has(img.text) {
	max-width:700rem;
}

figure img {
	width:100%;
	height:auto;
	margin:0rem;
	display:block;
}

figcaption {
	font-family:malaga, sans-serif;
	font-size:17rem;
	line-height:21rem;
	font-weight:400;
	margin: 14rem auto 0 auto;
	padding:0 20rem;
	max-width:830rem;
	color:#E97D69;
}

#content h1 {
	font-size:60rem;
	line-height:70rem;
	font-family:malaga, serif;
	font-weight:bold;
	padding:20rem 20rem 0rem 20rem;
	max-width:830rem;
	margin:0rem auto 25rem auto;
	position:relative;
	display:block;
}

#content h1:first-child {
	padding-top:50rem;
}

#content h2 {
	font-family:malaga, serif;
	font-size: 26rem;
	line-height: 32rem;
	padding:30rem 20rem 0rem 20rem;
	max-width:830rem;
	margin:0rem auto 30rem auto;
	font-weight:bold;
}

#content h3 {
	font-size:17rem;
	line-height:21rem;
	font-family:malaga, serif;
	font-weight:bold;
	padding:0rem 20rem;
	max-width:830rem;
	margin:0rem auto 5rem auto;
	text-transform:uppercase;
}

#content h3:first-child {
	padding-top:50rem;
}

#content p:first-child {
	margin-top:44rem;
}

#content p:first-child:has(iframe) {
	margin-top:0rem;
}

#content p {
	font-size:23rem;
	line-height:32rem;
	font-weight:400;
	width:100%;
	max-width:830rem;
	padding:0 20rem;
	margin:0 auto 32rem auto;
	position:relative;
	display:block;
}

#content p strong {
	font-weight:500;
}

#content p:has(iframe) {
	max-width:none;
	padding:0rem;
	height:600rem;
	/*filter:grayscale(1);*/
}

#content p:has(iframe[src^="https://www.youtube"]) {
	height:auto;
	position:relative;
	max-width:1000rem;
}

#content p:has(iframe[src^="https://www.youtube"]):before {
	content:" ";
	display:block;
	position:relative;
	top:0rem;
	left:0rem;
	width:100%;
	padding-top:56.25%;
}

#content p:has(iframe[src^="https://www.youtube"]) iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0rem;
	left:0rem;
}

#content p:has(iframe[src^="https://open.spotify.com"]) {
	position:relative;
	max-width:1000rem;
	height:auto;
	margin:0 auto 30rem auto;
}

#content p a {
	color:#5FA8DC;
	text-decoration:underline;
}

#content p a:hover {
	color:#000000;
}

#content p a[href^="#ref"] {
	color: #7b2cbf;
	font-size: 0.8em;
	text-decoration: none;
	vertical-align: super;
	line-height: 0.8em;
	display: inline-block;
	position: relative;
}

#content p a[href^="#ref"]:hover {
	color:#CCCCCC;
}

#content cite {
	font-family: maple-web, sans-serif;
	font-size: 17rem;
	line-height: 21rem;
	font-weight: 400;
	display:block;
	padding-top:15rem;
}

#content p:has(cite){
	margin-bottom:12rem;
}

#content p:has(cite) + p:has(cite){
	margin-top:-15rem;
}

#content p:has(img.large){
	max-width:1000rem;
	padding:0rem;
}

#content p:has(img.full){
	max-width:none;
	padding:0rem;
}

#content p img {
	width:100%;
	height:auto;
	position:relative;
	display:block;
}


#content p.meta {
	font-size:20rem;
	line-height:25rem;
	padding-top:20rem;
}


#content table {
	width:100%!important;
	height:auto!important;
	margin-bottom:15rem;
	box-sizing:border-box;
	border:0rem;
	margin-left:auto;
	margin-right:auto;
	
	width:calc(100% + 30rem)!important;
	margin-left:-15rem;
	margin-right:-15rem;
}

#content table + table {
	margin-top:-30rem;
}

#content figure + table {
	margin-top:-15rem;
}

#content table.large {
	max-width:1030rem!important;
	margin-left:auto;
	margin-right:auto;
}

#content table.text {
	max-width:730rem!important;
	margin-left:auto;
	margin-right:auto;
}

#content table tr {
	display:flex;
	width:100%!important;
	box-sizing:border-box;
	border:0rem;
	height:auto!important;
}

#content table tr td {
	display:table-cell;
	flex-grow:1;
	box-sizing:border-box;
	border:0rem;
	padding:15rem;
	width:100%!important;
	height:auto!important;
	flex-grow:1;
	
	font-family: maple-web, sans-serif;
	font-size: 17rem;
	line-height: 21rem;
	font-weight: 400;
}


#content table tr td strong {
	font-weight: bold;
}


#content table tr td figure,
#content table tr td img {
	width:100%;
}
#content table tr td figure {
	margin-bottom:0rem;
}

#content .share {
	display:flex;
	width:100%;
	width:30rem;
	
	position:absolute;
	top:7rem;
	right:-235rem;
	flex-direction:column;
}

#content > .share {
	display:none;
}


#content .share li {
	width:30rem;
	margin-bottom:20rem;
}

#content .share:before {
	content:"SHARE";
	display:block;
	font-family:malaga, serif;
	font-size:14rem;
	line-height:18rem;
	margin-bottom:10rem;
	text-align:center;
	position:absolute;
	top:0px;
	left:50%;
	transform:translateX(-50%);
}

#content .share {
	padding-top:34rem;
}

#content .share li a {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

#content .share li a svg {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

#content .share li a:hover svg rect {
	fill:#5FA8DC;
}

#content p .reference {
	display:inline-block;
	position:relative;
}


#content p .reference .tooltip {
	display:none;
	position: absolute;
	bottom: 35rem;
	left: -15rem;
	z-index: 3;
	border-style: solid;
	background-color: #CCCCCC;
	width:300rem;
	padding:13rem 15rem;
	color:#000000;
	font-family: maple-web, sans-serif;
	font-size: 17rem;
	line-height: 21rem;
	font-weight: 400;
	
}

#content p .reference .tooltip a {
	text-decoration:none;
}

#content p .reference .tooltip a:hover {
	text-decoration:underline;
	color: #7b2cbf;
}

#content p .reference:hover .tooltip {
	display:block;
	display:none;
}

main.home .logos,
#content .logos {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	margin-top:90rem;
	margin-bottom:60rem;
	width:1140rem;
	margin-left:auto;
	margin-right:auto;
	justify-content:center;
}

#content .logos.duzenleyen {
	margin-top:60rem;
	margin-bottom:30rem;
	max-width:830rem;
	justify-content:left;
	padding-left:20rem;
}

main.home .logos.mobile,
#content .logos.mobile {
	display:none;
}

main.home .logos {
	margin-top:auto;
	margin-bottom:16rem;
}


main.home .logos li,
#content .logos li {
	width:20%;
}

#content .logos li.break {
	display:none;
}

main.home .logos li .inner-logos,
#content .logos li .inner-logos {
	position:relative;
	display:flex;
	flex-wrap:nowrap;
	margin:0rem;
}

main.home .logos li h4,
#content .logos li h4 {
	width:100%;
	display:block;
	color:#000000;
	text-align:center;
	font-size:14rem;
	line-height:17rem;
	font-weight:400;
}

#content .logos.duzenleyen li h4 {
	text-align:left;
}

main.home .logos li a,
#content .logos li a {
	width:auto;
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:10rem;
}

#content .logos.duzenleyen li a {
	margin-left:-10rem;
}
main.home .logos li.double a,
#content .logos li.double a {
	margin-right:4rem;
}
main.home .logos li.double a + a,
#content .logos li.double a + a {
	margin-left:0rem;
	margin-right:auto;
}
main.home .logos li a + a:before,
#content .logos li a + a:before {
	content:" ";
	position:absolute;
	width:1rem;
	height:32rem;
	top:6rem;
	left:-1rem;
	background-color:#000000;
}

main.home .logos li a:hover,
#content .logos li a:hover {
	opacity:0.5;
}

main.home .logos li a:hover {
	opacity:1;
}

main.home .logos img,
#content .logos img {
	width:auto;
	height:100%;
	display:block;
	margin:0 auto;
}

.carousel {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	top:0px;
	left:0px;
}

.carousel .interface {
	position:absolute;
	top:50%;
	right:30rem;
	right:calc(4.1478vh - 14rem);
	width:auto;
	display:flex;
}

.carousel .interface .swiper-button-prev:after {
	display:none;
}

.carousel .interface .swiper-button-next:after {
	display:none;
}

.carousel .interface .swiper-button-prev,
.carousel .interface .swiper-button-next,
.carousel .interface .swiper-pagination {
	position:relative;
	display:block;
	width:auto;
	height:auto;
	left:auto;
	right:auto;
	top:auto;
	bottom:auto;
	font-size:40rem;
	line-height:48rem;
	color:#FFFFFF;
	padding:0 10rem;
	margin:0rem;
	font-variant-numeric: lining-nums;
}

.carousel .interface .swiper-pagination {
	padding:0px;
	width:45px;
	text-align:center;
}

.carousel.dark .interface .swiper-button-prev,
.carousel.dark .interface .swiper-button-next,
.carousel.dark .interface .swiper-pagination {
	color:#000000;
}

.carousel .interface .swiper-button-prev,
.carousel .interface .swiper-button-next {
	font-family:"vista-sans", sans-serif;
}

.carousel .interface .swiper-button-prev:hover,
.carousel .interface .swiper-button-next:hover,
.carousel.dark .interface .swiper-button-prev:hover,
.carousel.dark .interface .swiper-button-next:hover {
	color:#5FA8DC;
}

.swiper-slide {
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	overflow:hidden;
}

.swiper-slide .swiper-slide-caption {
	font-size:16rem;
	line-height:20rem;
	color:#FFFFFF;
    transform: rotate(270deg);
    transform-origin: left bottom 0;
	position:absolute;
	left:77rem;
	bottom:30px;
}

.swiper-slide.dark .swiper-slide-caption {
	color:#000000;
}

footer {
	position:relative;
	display:block;
	width:100%;
	height:276rem;
	background-image:url('/images/layout/footer-rev2.png');
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center bottom;
	padding-top:192rem;
}

body.home footer {
	display:none;
}

body.gallery footer {
	display:none;
}

footer p {
	max-width:830rem;
	padding:20rem;
	font-size:17rem;
	line-height:24rem;
	font-weight:bold;
	margin:0 auto;
	display:block;
}

footer p br {
	display:none;
}


@media (max-aspect-ratio: 1/1) {
	footer p br {
		display:block;
	}
	
	header div.title {
		font-size: 12rem;
		line-height: 15rem;
		top: 80rem;
		left: 20rem;
	}

	header div.title .mobile-only {
		display:inline;
	}
	
	header div.description {
		display:none;
	}

	.menu-toggle {
		top:30rem;
		left:15rem;
		width:43rem;
		height:32rem;
	}
	
	header a#lang-switch {
		top:30rem;
		left:66rem;
		width:39rem;
		height:32rem;
	}
	
	header .venedik-bienali-logo {
		height:120rem;
		right:20rem;
		top:15rem;
	}
	
	body.home header .container {
		height:230rem;
	}
	
	main.home {
		margin-top:230rem;
		min-height:calc(var(--screen-height) - 230rem);
	}
	main .project-title {
		padding-top:37em;
	}
	main .project-title .artist {
		font-size:25em;
	}
	main .project-title .name {
		font-size:31em;
	}
	main .project-title .suffix {
		font-size:18em;
	}
	main.home .logos, 
	#content .logos {
		display:none;
	}
	
	#content .logos {
		margin-top:20rem;
	}
	
	main.home .logos.mobile,
	#content .logos.mobile {
		display:flex;
		width:375rem;
		margin-bottom:12rem;
	}
	
	#content .logos.duzenleyen {
		margin-top:30rem;
		margin-bottom:60rem;
	}
	
	main.home .logos.mobile li,
	#content .logos.mobile li {
		margin-top:24rem;
	}
	
	
	main.home .logos li, 
	#content .logos li {
		width:33.33%;
	}
	
	main.home .logos li h4, 
	#content .logos li h4 {
		font-size:9rem;
		line-height:11rem;
	}
	
	header .container {
		height:230rem;
	}
	main {
		margin-top:230rem;
		min-height:calc(var(--screen-height) - 300rem)
	}
	header nav {
		left:13rem;
		width:183rem;
		padding:75rem 7rem 7rem 7rem;
	}
	
	header nav li {
		margin-bottom:5rem;
		margin-right:5rem;
	}
	header nav a {
		font-size:19rem;
		line-height:26rem;
	}
	
	header.expanded div.title {
		display:none;
	}
	
	header .project-title {
		position:absolute;
		top:155rem;
		left:20rem;
		padding:0rem;
		z-index:1;
	}
	
	header .project-title .artist {
		font-size: 18rem;
		line-height: 23rem;
		margin-bottom: 1rem;
	}
	
	header .project-title .name {
		font-size: 22rem;
		line-height: 27rem;
	}
	
	header .project-title .suffix {
		font-size: 13rem;
		line-height: 15rem;
		margin-bottom: 0rem;
	}
	
	.page-title {
		height:120rem;
	}
	
	.page-title .date {
		font-size:14rem;
		line-height:19rem;
		padding:7rem 20rem;
	}
	
	.page-title h1 {
		font-size:25rem;
		line-height:26rem;
		padding:1rem 20rem;
	}
	
	.page-title h5 {
		font-size:19rem;
		line-height:23rem;
	}
	
	#content p {
		font-size:19rem;
		line-height:24rem;
		margin-bottom:24rem;
		
		font-size:17rem;
		line-height:22rem;
		margin-bottom:22rem;
	}
	
	#content p:first-child {
		margin-top:30rem;
	}
	#content p > .share {
		display:none;
	}
	#content > .share {
		display:flex;
		position:relative;
		top:auto;
		right:auto;
		flex-direction:row;
		width:100%;
		height:30rem;
		padding:0 20rem;
		z-index:2;
	}
	
	#content .share:before {
		position:relative;
		display:block;
		left:auto;
		top:auto;
		margin-right:20rem;
		line-height:30rem;
		transform:none;
	}

	#content .share {
		padding-top:25rem;
		margin-top:20rem;
		margin-bottom:30rem;
	}
	
	#content .share li {
		margin-bottom:0rem;
		margin-right:20rem;
	}
	
	footer {
		height:100rem;
		height:118rem;
		padding-top:42rem;
		margin-top:-30rem;
	}
	footer p {
		font-size:12rem;
		line-height:18rem;
	}
	#content .columns.double {
		flex-wrap:wrap;
	}
	#content .columns.double .column:first-child {
		margin-right:0rem;
	}
	#content .columns.double .column:nth-child(2) {
		margin-left:0rem;
	}
	
	figure {
		margin-bottom:22rem;
	}
	
	#content table {
		margin-bottom:12rem;
		margin-top:-10rem;
		margin-left:-10rem;
		margin-right:-10rem;
	}
	
	#content table tr td {
		padding:10rem;
	}
	
	figcaption {
		font-size: 13rem;
		line-height: 15rem;
		margin: 6rem auto 0 auto;
	}
	
	#content h2 {
		font-size: 20rem;
		line-height: 26rem;
		padding: 20rem 20rem 0rem 20rem;
		margin: 0rem auto 20rem auto;
	}
	
	.swiper-slide .swiper-slide-caption {
		left:36rem;
	}
	
	.carousel .interface {
		right:15rem;
	}
	
	.carousel .interface .swiper-button-prev, 
	.carousel .interface .swiper-button-next, 
	.carousel .interface .swiper-pagination {
		font-size:30rem;
		line-height:36rem;
	}
}