/**
 * CSS
 * @version 0.1
 * @author Ozhan Binici
 * last update: 2025.06.09
 * 
 * font-family: "archer-pro", sans-serif;
 * Light: 200
 * Book: 300
 * Medium: 400
 * Bold: 600
**/

::selection {
	background: #0051A3;
	color:#FFFFFF;
}

*:focus {
	outline:none;
}

:root {
	--screen-height:100vh;
	--screen-width:100vw;
}
/*
@supports(height: 100dvh) {
	:root {
		--screen-height:100dvh;
	}
}

@supports(width: 100dvw) {
	:root {
		--screen-width:100dvw;
	}
}
*/
sup {
	line-height:0.6em;
}

html {
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	-webkit-overflow-scrolling:touch;
}

body {
	width: 100%;
	max-width:none;
	height: auto;
	padding: 0px;
	margin: 0 auto;
	background-color:#FFFFFF;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	line-height:24px;
	font-family: "archer-pro", sans-serif;
	font-weight: 300;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
	color: #000000;
	display:flex;
}

div {
	position:relative;
	display:block;
}

.container {
	width:100%;
	height:auto;
	margin:0px;
	padding:50px;
}

#home.container {
	padding-bottom:0px;
}

header {
	position:relative;
	position: -webkit-sticky;
	position: sticky;
	left:0px;
	top: 0px;
	display:block;
	padding:0px;
	z-index:100;
	background-color:#FFFFFF;
	width:270px;
	height:100vh;
	/*height:100dvh;*/
}


header > .container {
	height:100%;
	display:flex;
	flex-direction:column;
	padding:50px 30px 20px 50px;
}

header a.logo {
	position:relative;
	display:block;
	width:145px;
	height:31px;
	margin-bottom:50px;
}

header a.logo img {
	width:100%;
	height:auto;
}

header nav {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

#menu {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	margin-top:0px;
}

#menu li {
	position:relative;
	display:block;
	width:auto;
	height:auto;
	margin-bottom:9px;
}

#menu li a {
	position:relative;
	display:inline-block;
	font-family:"archer-pro";
	font-weight:200;
	color:#000000;
	font-size:22px;
	line-height:30px;
}

#menu li a:hover,
#menu li.active > a {
	color:#0051A3;
}

header .copyright {
	position:relative;
	display:block;
	width:100%;
	font-size:13px;
	line-height:20px;
	font-weight:200;
	margin-bottom:0px;
	margin-top:auto;
}


main {
	width:100%;
	height:auto;
	position:relative;
	display:block;
	padding:0px;
	margin:0px;
	min-height:100%;
	min-height:100vh;
	/*min-height:100dvh;*/
	width:calc(100% - 270px);
}

footer {
	position:relative;
	display:block;
	background-color:#FFFFFF;
	display:none;
}

footer > .container {
	padding:25px;
}

footer p {
	font-size:13px;
	line-height:20px;
	font-weight:200;
}


.menu-toggle {
	position:relative;
	border:0px;
	pointer-events:auto;
	background-color:transparent;
	width: 40px;
	height: 28px;
	margin:0px;
	margin-top:3px;
	padding:0px;
	margin-left:auto;
	
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: top .3s ease-out;
	-moz-transition: top .3s ease-out;
	-o-transition: top .3s ease-out;
	transition: top .3s ease-out;
	cursor: pointer;
	display:none;
}

.menu-toggle span {
	display: block;
	position: absolute;
	height: 2px;
	width: 32px;
	background: #000000;
	border-radius: 0px;
	opacity: 1;
	left: 4px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	/*
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	*/
}

.menu-toggle:hover span {
	background:#0051A3;
}

.menu-toggle span:nth-child(1) {
	top: 3px;
}

.menu-toggle span:nth-child(2), .menu-toggle span:nth-child(3) {
	top: 13px;
}

.menu-toggle span:nth-child(4) {
	top: 23px;
}

.expanded .menu-toggle span:nth-child(1) {
	top: 13px;
	width: 0%;
	left: 50%;
}

.expanded .menu-toggle span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.expanded .menu-toggle span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.expanded .menu-toggle span:nth-child(4) {
	top: 13px;
	width: 0%;
	left: 50%;
}

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

main h3.page-title {
	display:none;
	color:#0051A3;
	font-size:22px;
	line-height:30px;
	font-weight:300;
	margin-bottom:10px;
	padding-bottom:10px;
	
	position: -webkit-sticky;
	position: sticky;
	top: 66px;
	background-color:#FFFFFF;
	width:100%;
	z-index:2;
}
#press {
	-webkit-columns: 4;
	-moz-columns: 4;
	columns: 4;
	gap:50px;
	padding-top:134px;
}
#press .item {
	display:block;
	margin-bottom:12px;
}

#press a {
	display:inline-block;
	color:#000000;
	font-size:20px;
	line-height:25px;
	font-weight:300;
}

#press a .date {
	font-size:15px;
	font-weight:200;
}

#press a:hover {
	color:#0051A3;
}

#press a[href="#"] {
	pointer-events:none;
}

#news {
	-webkit-columns: 4;
	-moz-columns: 4;
	columns: 4;
	gap:50px;
	padding-top:134px;
}
#news .item {
	display:block;
	margin-bottom:24px;
}

#news a {
	display:inline-block;
	color:#000000;
	font-size:20px;
	line-height:25px;
	font-weight:300;
}

#news a .publication-date {
	font-size:15px;
	font-weight:200;
}

#news a:hover {
	color:#0051A3;
}

#news a[href="#"] {
	pointer-events:none;
}

#contact {
	padding:0px;
	display:flex;
}
#contact picture {
	width:50%;
	height:100%;
	height:100vh;
	/*height:100dvh;*/
	position:relative;
	display:block;
}

#contact picture img {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

#contact .text {
	padding:60.5px 50px 30px 50px;
	width:50%;
	display:flex;
	flex-direction:column;
}

#contact .text h3 {
	color:#0051A3;
	font-weight:600;
}

#contact .text p {
	position:relative;
	display:block;
	font-size:16px;
	line-height:28px;
}

#contact .text p a,
#exhibition .text p a {
	color:#0051A3;
}

#contact .text p a:hover,
#exhibition .text p a:hover {
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:1.5px;
}

#contact .text .gallery-representation {
	margin-top:47.5px;
}

#contact .text .photo-credits,
#about .bio .photo-credits {
	margin-top:auto;
}
#contact .text .photo-credits p,
#about .bio .photo-credits p,
#exhibition .photos .photo-credits p,
#exhibition .content .photo-credits p,
#work .content .photo-credits p {
	font-size: 15px;
	line-height: 24px;
	font-weight: 200;
}

#exhibition .content .photo-credits {
	display:none;
}
#about {
	display:flex;
	gap:50px;
	align-items:flex-start;
}
#about .bio {
	width:50%;
	max-width:580px;
	
	position: -webkit-sticky;
	position: sticky;
	top: 50px;
	margin-bottom:-46.5px;
}

#about .bio picture {
	width:100%;
	height:auto;
	margin-bottom:25px;
	position:relative;
	display:block;
}

#about .bio picture img {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

#about .bio h3 {
	font-size: 25px;
	line-height: 34px;
	font-weight: 300;
	position:relative;
	display:block;
	width:100%;
	margin-bottom:16px;
	margin-top:4px;
}

#about .bio p {
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
	position:relative;
	display:block;
	width:100%;
	margin-bottom:16px;
}

#about .bibliography {
	width:50%;
	flex-grow:1;
	max-width:800px;
	margin-bottom:-31.5px;
}
#about .bibliography h3 {
	font-weight:400;
	color:#0051A3;
	margin-top:12.5px;
	margin-top:0px;
}

#about .bibliography .bibliography-items + h3 {
	margin-top:16px;
}
#about .bibliography .bibliography-items li {
	font-size:15px;
	line-height:24px;
	font-weight:200;
	display:flex;
	align-items:flex-start;
}

#about .bibliography .bibliography-items .year {
	font-weight: 200;
	width: 35px;
	flex-shrink: 0;
}

#about .bibliography .bibliography-items a {
	color:#000000;
	text-decoration:underline;
	text-decoration-thickness:0.5px;
	text-underline-offset:1.5px;
}

#about .bibliography .bibliography-items a:hover {
	color:#0051A3;
}

#works,
#exhibitions {
	display:flex;
	flex-wrap:wrap;
}
#works .categories,
#exhibitions .categories {
	display:flex;
	margin-left:auto;
	position:relative;
	position: -webkit-sticky;
	position: sticky;
	right:0px;
	top: 0px;
	z-index:2;
	background-color:#FFFFFF;
	margin-top:10px;
	margin-bottom:16px;
}

#works .categories li,
#exhibitions .categories li {
	margin-left:25px;
	padding-bottom:2px;
}

#works .categories li:first-child,
#exhibitions .categories li:first-child {
	margin-left:17.5px;
}

#works .categories li a,
#exhibitions .categories li a {
	color:#000000;
	font-size:18px;
	line-height:28px;
	font-weight:200;
}

#works .categories li.active a,
#works .categories li a:hover,
#exhibitions .categories li.active a,
#exhibitions .categories li a:hover {
	color:#0051A3;
}

#works .grid,
#exhibitions .listing {
	display:block;
	width:calc(100% + 25px);
	margin-right:-25px;
}

#exhibitions .listing {
	display:flex;
	flex-wrap:wrap;
}
#works .grid .grid-sizer {
	width:25%;
}
#works .grid .grid-item,
#exhibitions .listing .listing-item {
	width:25%;
}

#works .grid .grid-item a,
#exhibitions .listing .listing-item a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	width:calc(100% - 50px);
	margin:25px;
}

#exhibitions .listing .listing-item a {
	height:auto;
	color:#000000;
}

#works .grid .grid-item a picture,
#exhibitions .listing .listing-item a picture {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#exhibitions .listing .listing-item a picture {
	height:auto;
	aspect-ratio:3/2;
	margin-bottom:10px;
}

#works .grid .grid-item a picture img,
#exhibitions .listing .listing-item a picture img {
	display: block;
	width: 100%;
	object-fit: cover;
	width: 100%;
	height: 100%;
	transform: scale(1);
	transition: -webkit-transform 600ms ease;
	transition: transform 600ms ease;
	transition: transform 600ms ease, -webkit-transform 600ms ease;
	backface-visibility: hidden;
}

#works .grid .grid-item a picture.contain ,
#exhibitions .listing .listing-item a picture.contain {
	overflow:visible;
}

#works .grid .grid-item a picture.contain img,
#exhibitions .listing .listing-item a picture.contain img{
	object-fit:contain;
}

#works .grid .grid-item a picture.aspect-ratio-2_3 img,
#exhibitions .listing .listing-item a picture.aspect-ratio-2_3 img{
	aspect-ratio:2/3;
}

#works .grid .grid-item a picture.aspect-ratio-4_5 img,
#exhibitions .listing .listing-item a picture.aspect-ratio-4_5 img{
	aspect-ratio:4/5;
}

#works .grid .grid-item a picture.aspect-ratio-1_1 img,
#exhibitions .listing .listing-item a picture.aspect-ratio-1_1 img{
	aspect-ratio:1;
}

#works .grid .grid-item a picture.aspect-ratio-5_4 img,
#exhibitions .listing .listing-item a picture.aspect-ratio-5_4 img{
	aspect-ratio:5/4;
}

#works .grid .grid-item a picture.aspect-ratio-3_2 img,
#exhibitions .listing .listing-item a picture.aspect-ratio-3_2 img{
	aspect-ratio:3/2;
}

#works .grid .grid-item a picture.aspect-ratio-2_1 img,
#exhibitions .listing .listing-item a picture.aspect-ratio-2_1 img{
	aspect-ratio:2;
}

#works .grid .grid-item a picture.fit.aspect-ratio-2_3 img,
#exhibitions .listing .listing-item a picture.fit.aspect-ratio-2_3 img,
#works .grid .grid-item a picture.fit.aspect-ratio-4_5 img,
#exhibitions .listing .listing-item a picture.fit.aspect-ratio-4_5 img,
#works .grid .grid-item a picture.fit.aspect-ratio-1_1 img,
#exhibitions .listing .listing-item a picture.fit.aspect-ratio-1_1 img,
#works .grid .grid-item a picture.fit.aspect-ratio-5_4 img,
#exhibitions .listing .listing-item a picture.fit.aspect-ratio-5_4 img,
#works .grid .grid-item a picture.fit.aspect-ratio-3_2 img,
#exhibitions .listing .listing-item a picture.fit.aspect-ratio-3_2 img,
#works .grid .grid-item a picture.fit.aspect-ratio-2_1 img,
#exhibitions .listing .listing-item a picture.fit.aspect-ratio-2_1 img{
	aspect-ratio:auto;
}

#works .grid .grid-item a:hover picture img,
#exhibitions .listing .listing-item a:hover picture img {
	transform:scale(1.05);
}

#exhibitions .listing .listing-item .info {
}

#exhibitions .listing .listing-item .info h3 {
	font-size:20px;
	line-height:24px;
}

#exhibitions .listing .listing-item .info p {
	font-size:15px;
	line-height:24px;
}

#work,
#exhibition {
	padding:0px;
	display:flex;
	flex-wrap:wrap;
}

#exhibition {
	align-items:flex-start;
}

#work .photos,
#exhibition .photos {
	width:50%;
	height:100vh;
	/*height:100dvh;*/
}

#work .photos {
	width:60%;
}

#work .photos.mobile {
	display:none;
}

#home .slides {
	height:calc(100vh - 50px);
}

#home .slides picture {
	width:100%;
	height:calc(100% - 66px);
	position:relative;
	display:block;
}

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

#home .slides .contain picture img {
	object-fit:contain;
}

#home .slides picture figcaption {
	height:66px;
	width:100%;
	background-color:#FFFFFF;
	color:#000000;
	text-align:center;
	padding:20px;
}


#home .slides picture figcaption h3,
#home .slides picture figcaption span {
	display:inline;
}

#home .slides picture figcaption h3 {
	font-size:20px;
	line-height:26px;
	font-weight:300;
}

#home .slides picture figcaption span {
	font-size:15px;
	line-height:26px;
	font-weight:200;
}
#home .slides {
	--swiper-pagination-bottom:30px;
}
#home .slides .swiper-pagination-bullet {
	opacity:0.5;
}
#home .slides .swiper-pagination-bullet-active {
	opacity:1;
	--swiper-pagination-color:#0051A3;
}
#home .slides .swiper-pagination {
	--swiper-theme-color:#0051A3;
	--swiper-pagination-color:#000000;
	--swiper-pagination-bottom:73px;
}

#home .swiper-pagination-bullet {
	--swiper-pagination-bullet-inactive-color:#FFFFFF;
}
#home .slides .swiper-pagination {
	--swiper-theme-color:#0051A3;
	--swiper-pagination-color:#FFFFFF;
	--swiper-pagination-bottom:73px;
}


#exhibition .photos {
	height:auto;
	width:40%;
	
	
	position:relative;
	position: -webkit-sticky;
	position: sticky;
	left:0px;
	top: 0px;
}

#exhibition .photos.swiper {
	display:none;
}

#work .photos picture,
#exhibition .photos picture {
	position:relative;
	display:flex;
	width:100%;
	height:100%;
	justify-content: center;
	align-items: center;
	cursor:zoom-in;
}
#exhibition .photos .photo-credits {
	margin-bottom:18.5px;
}
#exhibition .photos picture + .photo-credits {
	margin-top:-32.5px;
}

#exhibition .photos picture {
	/*height:auto;*/
	margin-bottom:50px;
}

#exhibition .photos picture:last-child {
	margin-bottom:0px;
}

#work .photos picture img,
#exhibition .photos picture img {
	/*width:100%;
	height:auto;
	*/
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:cover;
}

#work .photos picture.contain img,
#exhibition .photos picture.contain img {
	object-fit:contain;
}

#work .photos picture.aspect-ratio-2_3 img,
#exhibition .photos picture.aspect-ratio-2_3 img{
	aspect-ratio:2/3;
}

#work .photos picture.aspect-ratio-4_5 img,
#exhibition .photos picture.aspect-ratio-4_5 img{
	aspect-ratio:4/5;
}

#work .photos picture.aspect-ratio-1_1 img,
#exhibition .photos picture.aspect-ratio-1_1 img{
	aspect-ratio:1;
}

#work .photos picture.aspect-ratio-5_4 img,
#exhibition .photos picture.aspect-ratio-5_4 img{
	aspect-ratio:5/4;
}

#work .photos picture.aspect-ratio-3_2 img,
#exhibition .photos picture.aspect-ratio-3_2 img{
	aspect-ratio:3/2;
}

#work .photos picture.aspect-ratio-2_1 img,
#exhibition .photos picture.aspect-ratio-2_1 img{
	aspect-ratio:2;
}

#work .photos picture.fit.aspect-ratio-2_3 img,
#exhibition .photos picture.fit.aspect-ratio-2_3 img,
#work .photos picture.fit.aspect-ratio-4_5 img,
#exhibition .photos picture.fit.aspect-ratio-4_5 img,
#work .photos picture.fit.aspect-ratio-1_1 img,
#exhibition .photos picture.fit.aspect-ratio-1_1 img,
#work .photos picture.fit.aspect-ratio-5_4 img,
#exhibition .photos picture.fit.aspect-ratio-5_4 img,
#work .photos picture.fit.aspect-ratio-3_2 img,
#exhibition .photos picture.fit.aspect-ratio-3_2 img,
#work .photos picture.fit.aspect-ratio-2_1 img,
#exhibition .photos picture.fit.aspect-ratio-2_1 img{
	aspect-ratio:auto;
}

#exhibition .photos picture img {
	height:auto;
	object-fit:initial;
	width:100%;
}

#exhibition .photos.swiper picture {
	aspect-ratio: 3 / 2;
}

#exhibition .photos.swiper picture img {
	height:100%;
	object-fit:cover;
	width:100%;
}

#work .content,
#exhibition .content {
	width:50%;
	display:flex;
	flex-direction:column;
	height:100vh;
	/*height:100dvh;*/
	padding:0px 50px 0px 50px;
	
	position:relative;
	position: -webkit-sticky;
	position: sticky;
	left:0px;
	top: 0px;
}

#work .content {
	width:40%;
}

#exhibition .content {
	width:60%;
	height:auto;
	min-height:100vh;
	/*min-height:100dvh;*/
	padding-top:40px;
}

#work .closer,
#exhibition .closer {
	margin-left:auto;
	margin-right:-18px;
	margin-top:15px;
	margin-bottom:1px;
	font-size:32px;
	line-height:40px;
	font-weight:200;
	color:#000000;
	
	position:fixed;
	top:0px;
	right:50px;
	z-index:10;
}

#work .closer:hover,
#exhibition .closer:hover {
	color:#0051A3;
}

#work .navigation,
#exhibition .navigation,
#home .navigation {
	margin-left:auto;
	margin-right:-22.5px;
	margin-top:-40.5px;
	margin-bottom:9px;
	display:flex;
	
	position:fixed;
	bottom:0px;
	right:50px;
	z-index:100;
}

#home .navigation {
	margin-right:-7px;
	background-color:#FFFFFF;
}

#work .navigation a,
#exhibition .navigation a,
#home .navigation a {
	font-size:32px;
	line-height:40px;
	font-weight:200;
	color:#000000;
	padding:5px;
}

#work .navigation a.inactive,
#exhibition .navigation a.inactive,
#home .navigation a.inactive {
	pointer-events:none;
	opacity:0.35;
}

#work .navigation a:hover,
#exhibition .navigation a:hover,
#home .navigation a:hover {
	color:#0051A3;
}

#work .info {
	margin-top:auto;
	margin-bottom:auto;
	max-width:420px;
}

#work .photo-credits {
	margin-top:30px;
	margin-bottom:18.5px;
}

#exhibition .info {
	margin-top:0px;
	margin-bottom:auto;
	max-width:600px;
}

#work .info h1,
#exhibition .info h1 {
	font-size:22px;
	line-height:30px;
	font-weight:300;
}

#work .info h4,
#exhibition .info h4 {
	font-size:16px;
	line-height:28px;
	font-weight:200;
	margin-bottom:10px;
	margin-bottom:0px;
}

#exhibition .info h4 {
	margin-bottom:0px;
}
/*
#exhibition .info a.tag {
	background-color:#0051A3;
	color:#FFFFFF;
	padding:0px 5px;
	display:inline-block;
}*/

#exhibition .info .tag {
	display:inline-block;
	color:#0051A3;
	font-size:14px;/*
	color:#000000;*/
}

#exhibition .info a.tag:hover {
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:1.5px;
}

#exhibition .info .text {
	margin-top:30px;
}

#exhibition .info .text p {
	margin-bottom:16px;
}

#exhibition .info .text p strong {
	font-weight:400;
}

#exhibition .info .text p:last-child {
	margin-bottom:54px;
}

#work .info .materials {
	margin-bottom:10px;
	margin-bottom:0px;
}

#work .info .materials p {
	font-size:16px;
	line-height:24px;
	font-weight:200;
	/*font-style:italic;*/
}

#work .info .dimensions {
	margin-bottom:10px;
}

#work .info .dimensions p {
	font-size:16px;
	line-height:24px;
	font-weight:200;
}

#work .thumbnails,
#exhibition .works {
	display:flex;
	flex-wrap:wrap;
	padding-top:15px;
}

#exhibition .works {
	padding-top:10px;
}

#work .thumbnails li,
#exhibition .works li {
	margin-right:12px;
	margin-bottom:12px;
}

#work .thumbnails li:last-child,
#exhibition .works li:last-child {
	margin-right:0px;
}

#work .thumbnails li a,
#exhibition .works li a {
	position:relative;
	display:block;
	width:auto;
	height:72px;
	border:1px solid transparent;
	
	-webkit-transition: border-color .3s ease-out;
	-moz-transition: border-color .3s ease-out;
	-o-transition: border-color .3s ease-out;
	transition: border-color .3s ease-out;
}

#work .thumbnails li a:hover,
#work .thumbnails li.active a,
#exhibition .works li a:hover {
	border:1px solid #0051A3;
}

#work .thumbnails li a picture,
#exhibition .works li a picture {
	position:relative;
	display:block;
	height:100%;
	width:100%;
}

#work .thumbnails li a picture img,
#exhibition .works li a picture img {
	position:relative;
	display:block;
	height:100%;
	width:auto;
	object-fit:cover;
}

#work .thumbnails li a picture.contain img,
#exhibition .works li a picture.contain img {
	object-fit:contain;
}

#work .thumbnails picture.aspect-ratio-2_3 img,
#exhibition .works picture.aspect-ratio-2_3 img{
	aspect-ratio:2/3;
}

#work .thumbnails picture.aspect-ratio-4_5 img,
#exhibition .works picture.aspect-ratio-4_5 img{
	aspect-ratio:4/5;
}

#work .thumbnails picture.aspect-ratio-1_1 img,
#exhibition .works picture.aspect-ratio-1_1 img{
	aspect-ratio:1;
}

#work .thumbnails picture.aspect-ratio-5_4 img,
#exhibition .works picture.aspect-ratio-5_4 img{
	aspect-ratio:5/4;
}

#work .thumbnails picture.aspect-ratio-3_2 img,
#exhibition .works picture.aspect-ratio-3_2 img{
	aspect-ratio:3/2;
}

#work .thumbnails picture.aspect-ratio-2_1 img,
#exhibition .works picture.aspect-ratio-2_1 img{
	aspect-ratio:2;
}


#work .thumbnails picture.fit.aspect-ratio-2_3 img,
#exhibition .works picture.fit.aspect-ratio-2_3 img,
#work .thumbnails picture.fit.aspect-ratio-4_5 img,
#exhibition .works picture.fit.aspect-ratio-4_5 img,
#work .thumbnails picture.fit.aspect-ratio-1_1 img,
#exhibition .works picture.fit.aspect-ratio-1_1 img,
#work .thumbnails picture.fit.aspect-ratio-5_4 img,
#exhibition .works picture.fit.aspect-ratio-5_4 img,
#work .thumbnails picture.fit.aspect-ratio-3_2 img,
#exhibition .works picture.fit.aspect-ratio-3_2 img,
#work .thumbnails picture.fit.aspect-ratio-2_1 img,
#exhibition .works picture.fit.aspect-ratio-2_1 img{
	aspect-ratio:auto;
}

/*
.photos .swiper-pagination {
	--swiper-pagination-right: 50%;
	--swiper-pagination-left: 50%;
}*/
#work .photos .swiper-pagination-bullet,
#exhibition .photos .swiper-pagination-bullet {
	opacity:0.1;
}

#exhibition .photos .swiper-pagination-bullet {
	opacity:0.5;
	--swiper-pagination-bullet-inactive-color:#FFFFFF;
}
#work .photos .swiper-pagination-bullet-active,
#exhibition .photos .swiper-pagination-bullet-active {
	opacity:0.4;
	
	--swiper-pagination-color:#0051A3;
	opacity:1;
}
#work .photos .swiper-pagination,
#exhibition .photos .swiper-pagination {
	display:none;
	--swiper-theme-color:#0051A3;
	--swiper-pagination-color:#000000;
	--swiper-pagination-bottom:5px;
}

#exhibition .photos .swiper-pagination {
	display:block;
}

#work .displayed-exhibitions {
	margin-top:8px;
	font-size:15px;
	line-height:22px;
}
#work .displayed-exhibitions h3 {
	font-weight:300;
}

#work .exhibitions li {
	margin-top:7px;
}
#work .exhibitions li a {
	color:#000000;
	font-weight:200;
}
#work .exhibitions li a:hover {
	color:#000000;

	text-decoration:underline;
	text-decoration-thickness:0.5px;
	text-underline-offset:1.5px;
}

#exhibition .displayed-works {
	margin-bottom:47px;
}
#exhibition .displayed-works h3 {
	color:#0051A3;
	font-weight:400;
}



body .fancybox__container {
	--fancybox-bg: #FFFFFF;
}

body .fancybox__slide {
	padding:50px;
}

body .fancybox__nav {
	position:static;
}

body .f-button {
	background:#FFFFFF;
	background:transparent;
	color:#000000;
	box-shadow:none;
	border:0px;
	border-radius:0px;
	width:76px;
	height:70px;
}


body .f-button svg {
	stroke-width: 1px;
	stroke-linecap: square;
	stroke-linejoin: miter;
	filter:none;
	width:26px;
	height:26px;
}

body .fancybox__toolbar .f-button svg {
	display:none;
}
body .fancybox__toolbar .f-button:before {
	content:"×";
	font-size: 32px;
	line-height: 40px;
	font-family: "archer-pro", sans-serif;
	font-weight: 200;
}
body .f-button.is-prev svg,
body .f-button.is-next svg {
	display:none;
}

body .is-horizontal .fancybox__nav .f-button.is-next {
	right:0px;
}

body .is-horizontal .fancybox__nav .f-button.is-prev {
	left:0px;
}

body .f-button.is-prev,
body .f-button.is-next {
	font-family: "archer-pro";
	font-size:25px;
}
body .f-button.is-prev:after {
	content: 'prev';
}

body .f-button.is-next:after {
	content: 'next';
}

body .fancybox__toolbar .fancybox__infobar {
	text-shadow:none;
	font-family: "archer-pro";
	color:#000000;
	font-size:17px;
	line-height:25px;
	font-weight:300;
	padding:13px 18px;
	padding:13px 18px 13px 31px;
	background-color:#FFFFFF;
	background:transparent;
	text-shadow:none;
}

body .fancybox__toolbar .fancybox__infobar span {
	padding:0px 2px;
}

body .f-button:hover:not([disabled]) {
	background:#FFFFFF;
	background:transparent;
	color:#0051A3;
}
body .fancybox__nav .f-button:after {
	content:"<";
	font-family: "archer-pro";
	text-align:center;
	width:50px;
	font-weight:200;
	font-size:32px;
	line-height:40px;
}
body .fancybox__nav .f-button.is-next:after {
	content:">";
}


#works .grid .grid-item.width-2 {
	width:50%;
}
#works .grid .grid-item.width-3 {
	width:75%;
}

@media (max-width:1500px){
	#press {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
	}
	#news {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
	}
	#works .grid .grid-sizer {
		width:33.33%;
	}
	#works .grid .grid-item,
	#exhibitions .listing .listing-item {
		width:33.33%;
	}
	#works .grid .grid-item.width-2 {
		width:66.67%;
	}
	#works .grid .grid-item.width-3 {
		width:100%;
	}
}

@media (max-width:1100px){
	#press {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}
	#news {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}
	#works .grid .grid-sizer {
		width:50%;
	}
	#works .grid .grid-item,
	#exhibitions .listing .listing-item {
		width:50%;
	}
	#works .grid .grid-item.width-2 {
		width:100%;
	}
}

@media (max-width:860px){
	#press {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
	#news {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
	#works .grid .grid-sizer {
		width:100%;
	}
	#works .grid .grid-item,
	#exhibitions .listing .listing-item {
		width:100%;
		padding:0px;
	}
	#contact {
		display:block;
	}
	#contact picture {
		width:100%;
		height:50%;
		height:50vh;
		/*height:50dvh;*/
	}
	#contact .text {
		width:100%;
		padding:25px 50px 30px 0px;
		height:50%;
		height:50vh;
		/*height:50dvh;*/
	}
	#contact .text .gallery-representation {
		margin-top:25px;
	}
	#about {
		display:block;
	}
	#about .bio {
		width:100%;
		position:relative;
		top:auto;
		margin-bottom:30px;
	}
	#about .bibliography {
		width:100%;
	}
}

@media (max-width:600px){
	header {
		width:100%;
		height:auto;
	}
	header > .container {
		padding:15px 18px 20px 23px;
		flex-direction:row;
	}
	header a.logo {
		margin-bottom:0px;
	}
	header nav {
		display:none;
		position:absolute;
		top:100px;
		right:25px;
		width:auto;
	}
	header.expanded {
		height:100%;
		height:100vh;
		height:100dvh;
	}
	header.expanded nav {
		display:block;
	}
	#menu li {
		text-align:right;
	}
	#menu li a {
		font-size:30px;
		line-height:40px;
	}
	header .copyright {
		display:none;
		position:absolute;
		bottom:25px;
		left:25px;
	}
	header .copyright br {
		display:none;
	}
	header.expanded .copyright {
		display:block;
	}
	header .menu-toggle {
		display:block;
	}
	
	footer {
		display:block;
	}
	main {
		min-height:400px;
		min-height:calc(100vh - 131px);
		/*min-height:calc(100dvh - 131px);*/
		width:100%;
	}
	body {
		flex-direction:column;
	}
	
	#news.container,
	#press.container,
	#about.container,
	#works.container,
	#exhibitions.container {
		padding:0px 25px 25px 25px;
	}
	
	#home.container {
		padding:0px;
	}
	#home .slides picture figcaption {
		height:auto;
		padding:10px;
	}
	
	main h3.page-title {
		display:block;
	}
	
	body:has(header.expanded){
		overflow:hidden;
	}
	
	#contact .text {
		padding:25px;
		height:auto;
	}
	#contact .text .photo-credits {
		margin-top:25px;
	}
	#about .bio h3 {
		margin-top:0px;
	}
	#works .categories,
	#exhibitions .categories {
		right:auto;
		left:0px;
		margin-left:0px;
		margin-right:auto;
		margin-top:0px;
		margin-bottom:15px;
		top:66px;
		width:100%;
	}
	#works .categories li:first-child,
	#exhibitions .categories li:first-child {
		margin-left:0px;
	}
	#works .grid,
	#exhibitions .listing {
		width:100%;
		margin-right:0px;
	}
	#works .grid .grid-item,
	#exhibitions .listing .listing-item {
		margin-bottom:25px;
	}
	#works .grid .grid-item a,
	#exhibitions .listing .listing-item a {
		margin:0px;
		width:100%;
	}
	
	#work .photos,
	#exhibition .photos {
		width:100%;
		height:auto;
	}
	
	#exhibition .photos {
		display:none;
	}
	
	#exhibition .photos.swiper {
		display:block;
	}
	
	
	#work .photos picture {
		height:auto;
	}
	#exhibition .photos picture {
		margin-bottom:0px;
	}
	/*
	#work .photos picture img,
	#exhibition .photos picture img {
		height:auto;
		object-fit:initial;
	}
	*/
	#work .content,
	#exhibition .content {
		padding:20px 25px;
		height:auto;
		position:relative;
		width:100%;
	}
	#work .closer,
	#exhibition .closer {
		position:absolute;
		top:0px;
		right:25px;
		margin-right:0px;
		margin-top:13px;
		margin-top:10px;
	}
	#work .thumbnails {
		display:none;
	}
	#work .navigation,
	#exhibition .navigation {
		margin-left:-5px;
	}
	
	#work .navigation, 
	#exhibition .navigation {
		margin-top:0px;
		position:relative;
		top:auto;
		right:auto;
		display:flex;
		width:calc(100% + 10px);
	}
	#work .navigation a,
	#exhibition .navigation a {
		position:relative;
		display:block;
	}
	#work .navigation a.prev:after, 
	#exhibition .navigation a.prev:after {
		content:"Previous";
		display:block;
		font-size:15px;
		line-height:24px;
		position:absolute;
		top:15.5px;
		left:20px;
	}
	
	#work .navigation a.next:before, 
	#exhibition .navigation a.next:before {
		content:"Next";
		display:block;
		font-size:15px;
		line-height:24px;
		position:absolute;
		top:15.5px;
		left:0px;
	}
	
	#work .navigation a.next, 
	#exhibition .navigation a.next {
		margin-left:auto;
		padding-left:34px;
	}
	#work .photos .swiper-pagination {
		display:block;
	}
	
	#exhibition .photos .photo-credits {
		display:none;
	}
	
	#exhibition .content .photo-credits {
		display:block;
	}
	
	#about .bio picture {
		width:calc(100% + 50px);
		margin-left:-25px;
		margin-right:-25px;
	}
	
	#home .navigation {
		display:none;
	}
	
	#exhibition .photos {
		position:relative;
		top:auto;
		left:auto;
	}
	
	#work .photos.desktop {
		display:none;
	}
	#work .photos.mobile {
		display:block;
	}
	
	#work .photos picture img {
		width:100%;
		height:100%;
	}
	
	#works .categories li a,
	#exhibitions .categories li a {
		font-size:17px;
	}
	
	#work .info h1, 
	#exhibition .info h1 {
		max-width:calc(100% - 25px);
	}
	
	#home .slides {
		height:calc(100vh - 72px);
		height:calc(100svh - 72px);
	}
	
	#about .bibliography {
		margin-bottom:0px;
	}
	
	#exhibition .info .text {
		margin-top:20px;
	}
	
	#exhibition .info .text p:last-child {
		margin-bottom:30px;
	}
	
	#exhibition .displayed-works {
		margin-bottom:0px;
	}
	
	#exhibition .content {
		min-height:auto;
	}
	
	#work .displayed-exhibitions {
		margin-top:20px;
	}
	
	#work .photo-credits {
		margin-top:20px;
	}
	
	body .f-button {
		width:50px;
		height:50px;
	}
	
	body .fancybox__toolbar .fancybox__infobar {
		padding:13px 18px 13px 18px;
	}
}



@media (hover:none) {
	/*
	.works a.work .card .inner {
		opacity:1;
	}
	*/
}

@media screen and (orientation:portrait) {
	/*
	body.home .swiper.horizontal {
		display:none !important;
	}
	body.home .swiper.vertical {
		display:block !important;
	}
	*/
}