/***DEFAULT STYLE***/

/***GLOBAL VARIABLES
*****************************************************/
:root {
/***TEXT***/
	--fontSize: 0.8rem;
	--letterSpacing: 0.02em;
	--wordSpacing: -0.02em;
	--lineHeight: 1.5;
	--linkDeco: underline;
/***COLOR***/
	--paletteWhite: #f7f8f7;
	--paletteBlack: #000000;
	--paletteRed: #ff0000;
	--backColor: var(--paletteWhite);
	--textColor: var(--paletteBlack);
	--linkColor: var(--paletteBlack);
	--hoverColor: var(--paletteRed);
/***SPACES***/
	--rowGutter: calc(var(--fontSize) * var(--lineHeight));
	--rowGutterSmall: calc(1rem * 1.2);
	--sidesGutter: calc(var(--colGutter)*0.8);
	--colGutter: calc(var(--fontSize) * 1.75);
	--marginTop: 1rem;
	--marginBottom: 0.6rem;
	--bodyMargin: 0 var(--sidesGutter);
	--divMargin: var(--marginTop) var(--marginSides) var(--marginBottom) var(--marginSides);
/***SIZES***/
	--menuHeight: calc(var(--marginTop) + var(--rowGutter) + var(--marginBottom));
/***GRIDS***/
	--1colsGrid: repeat(1, 1fr);
	--2colsGrid: repeat(2, 1fr);
	--3colsGrid: repeat(3, 1fr);
	--4colsGrid: repeat(4, 1fr);
	--gridGap: var(--colGutter);
/***EFFECTS***/
	--transitionDuration: 0.15s;
	--transitionDurationSlow: 0.3s;
	--imageOpacity: 0;
	--imgBlur: blur(5rem);
}

/***FONTS
*****************************************************/
@font-face {
	font-family: gc16Mono;
	src: url("fonts/gc16Mono-Regular.woff"),
		 url("fonts/gc16Mono-Regular.woff2");
}
* {
  	-webkit-font-smoothing: smooth;
  	-moz-osx-font-smoothing: smooth;
  	text-rendering: geometricPrecision;
}
* {
	-webkit-text-size-adjust: 100%;
  	-moz-text-size-adjust: 100%;
  	-ms-text-size-adjust: 100%;
}

/***RESET
*****************************************************/
::-webkit-scrollbar {
	display: none;
}
::selection {
	color: var(--paletteRed);
	background-color: transparent;
}
::-moz-selection {
	color: var(--backColor);
	background-color: var(--textColor);
}
.mobile {
	display: none;
}
body {
	/*position: relative;*/
	/*margin: var(--bodyMargin);*/
	margin: 0;
	background-color: var(--backColor);
	color: var(--textColor);
 	font-family: "gc16Mono", serif;
	font-size: var(--fontSize);
	letter-spacing: var(--letterSpacing);
	word-spacing: var(--wordSpacing);
	line-height: var(--lineHeight);
	text-decoration: none;
	transition-property: background-color, color, filter;
	transition-duration: var(--transitionDuration);
}
h1, h2, h3 {
	margin: 0;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding: 0;
	font-weight: 400;
	font-size: var(--mediumFont);
	letter-spacing: var(--letterSpacing);
	word-spacing: var(--wordSpacing);
	line-height: var(--lineHeight);
}
p {
	display: block;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 0;
	/* font-size: var(--mediumFont);
	letter-spacing: var(--letterSpacing);
	word-spacing: var(--wordSpacing);
	line-height: var(--lineHeight); */
}
nav h1, nav p, nav ul, nav li {
	display: inline;
}
ul {
	display: block;
	list-style-type: none;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
	padding-inline-start: 0;
}
a {	
	color: var(--linkColor);
	text-decoration: none;
	transition-property: color;
	transition-duration: var(--noTransition);
}
a:hover {	
	color: var(--hoverColor);
}
img, video {
	vertical-align: middle;
}
img.lazy {
	transition: opacity var(--transitionDurationSlow);
}
img.lazy:not(.loaded) {
	opacity: 1;
}
img.lazy.loaded {
	opacity: 1;
}
form, input, submit
iframe, embed, audio {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
}

/***GENERAL
*****************************************************/
body.intro,
body.images,
body.project {
	background: var(--paletteBlack);
}
body.intro,
body.project {
	overflow-y: hidden;
}

/***HEADER AND MENU
*****************************************************/
nav.menu {
	height: var(--menuHeight);
	padding: var(--marginTop) var(--sidesGutter) var(--marginBottom);
	box-sizing: border-box;
	z-index: 100;
}
nav.menu ul {
	/*margin-bottom: var(--rowGutter);*/
	display: grid;
	grid-template-columns: var(--4colsGrid);
	grid-gap: 0 var(--gridGap);
}
nav.menu ul li {
	z-index: 50 !important;
}
nav.menu p, nav.menu a, nav.menu span {
	color: var(--textColor);
}
nav.menu p:hover,
nav.menu a:hover,
nav.menu a:hover span {
	color: var(--hoverColor) !important;
}
nav.menu .menu_item.site_name span.desktop {
		display: inline;
}
nav.menu .menu_item.site_name span.mobile {
		display: none;
}
nav.menu .menu_item.contact {
	position: relative;
}
nav.menu .menu_item.contact .locations_time {
    position: absolute;
	right: 0;
	text-align: right;
}
body.intro nav.menu {
	width: 100%;
	position: absolute;
	background: transparent;
}
body.images nav.menu,
body.project nav.menu {
	background: var(--paletteBlack);
}
body.intro nav.menu p,
body.project nav.menu p,
body.images nav.menu p,
body.intro nav.menu a,
body.project nav.menu a,
body.images nav.menu a,
body.intro nav.menu span,
body.project nav.menu span,
body.images nav.menu span {
	color: var(--paletteWhite);
}
body.intro nav.menu:not(.intro) {
	pointer-events: none;
	mix-blend-mode: difference;
}
body.intro nav.menu.intro {
	pointer-events: auto;
	mix-blend-mode: normal;
}
body.intro nav.menu.intro p,
body.intro nav.menu.intro a,
body.intro nav.menu.intro span {
	color: transparent;
}
body.intro nav.menu.intro a:hover,
body.intro nav.menu.intro a:hover span {
	color: var(--hoverColor);
}

/***TITLE IMAGE HOVER***/
.image_hover {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	opacity: 0;
	filter: var(--imgBlur);
	transition-property: opacity, filter;
	transition-duration: calc(var(--transitionDuration)*4);
	pointer-events: none;
}
.site_title a:hover .image_hover {
	opacity: 1;
	filter: blur(0);
}
.image_hover img.left,
.image_hover img.right {
	position: absolute;
	top: 0;
}
.image_hover img.right {
	right: 0;
}
.image_hover img.left {
	left: 0;
}
.image_hover img {
	max-width: 100%;
	max-height: 100%;
}

/***INDEX VIEW
*****************************************************/
#index {
	padding: calc(var(--rowGutter)*3) var(--sidesGutter) var(--rowGutter);
}
.index_row {
	display: grid;
	grid-template-columns: var(--4colsGrid);
	grid-gap: 0 var(--gridGap);
}
.index_row p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index_row span {
	transition-property: color;
	transition-duration: var(--transitionDuration);
	z-index: 0;
}
.index_row .tags span:after {
	content: ",";
}
.index_row .tags span:last-child:after {
	content: "";
}
.index_row .location_date {
	position: relative;
	display: grid;
	grid-template-columns: var(--4colsGrid);
	grid-gap: 0 var(--gridGap);
}
.index_row .location_date span:first-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index_row .location {
	grid-column: 1 / 4;
}
.index_row .date {
	grid-column: 4;
}
.index_row .index_thumb {
	position: fixed;
	opacity: 0;
	filter: var(--imgBlur);
	transition-property: opacity, filter;
	transition-duration: calc(var(--transitionDuration)*4);
	pointer-events: none;
	z-index: -1;
}
.index_row .index_thumb:not(.fullscreen) {
	width: 40vw;
	height: 30vw;
    display: flex;
    justify-content: center;
    align-items: center;
	top: -50%;
	left: -50%;
	transform: translate(-50%,-50%);
}
.index_row .index_thumb:not(.fullscreen) img,
.index_row .index_thumb:not(.fullscreen) video {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.index_row .index_thumb.fullscreen {
	width: 110vw;
	height: 110vh;
	top: -5vw;
	left: -5vh;
	/*
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	*/
	object-fit: cover;
}
.index_row .index_thumb.fullscreen img,
.index_row video.index_thumb.fullscreen source {
	width: 100%;
  	height: 100%;
	object-fit: cover;
}
.index_row:hover span {
	color: var(--hoverColor);
}
.index_row:hover .index_thumb {
	opacity: 1 !important;
	filter: blur(0) !important;
}
.index_row:hover .index_thumb.fullscreen {
}

/***IMAGES VIEW
*****************************************************/
body.images nav.menu {
	position: webkit-sticky;
	position: sticky;
	top: 0;
	width: 100%;
}
 #images {
 	padding: var(--rowGutter) var(--sidesGutter);
    margin-bottom: var(--rowGutter);
}
.images_grid {
	display: grid;
	grid-template-columns: var(--4colsGrid);
	grid-gap: calc(var(--gridGap)*2) var(--gridGap);
}
.images_thumb {
	position: relative;
}
.images_thumb img,
.images_thumb video {
	width: 100%;
	height: 100%;
	transition-property: opacity, filter, mix-blend-mode;
	transition-duration: 0;
	object-fit: cover;
}
.images_thumb img.over_img,
.images_thumb video.over_vdo {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	object-fit: cover;
}
.images_thumb .project_num p {
	width: 100%;
	color: var(--paletteWhite);
    text-align: center;
	/*line-height: calc(var(--lineHeight)*0.25);*/
	margin-top: calc(var(--marginTop)*0.25);
	transition-property: color;
	transition-duration: var(--transitionDuration);
}
.images_thumb:hover .project_num p {
	color: var(--hoverColor);
}
.images_thumb .project_num span.num_hash:before {
	content: "#";
}

/***PROJECT HEADER
*****************************************************/
.project_header {
	width: 100%;
	position: fixed;
    top: 0;
	left: 0;
	z-index: 100;
}
.project_header nav.menu {
	position: relative;
	z-index: 75;
}
.project_header nav.menu span.num_hash:before {
	content: "#";
}
.project_header .index_row span, .dark .index_row a {
	color: var(--paletteWhite);
}
.project_header .index_row .index_thumb {
	display: none !important;
}
.project_header #project_num {
    position: absolute;
	right: 0;
	text-align: right;
	color: var(--hoverColor);
	cursor: pointer;
	transition-property: color;
	transition-duration: var(--transitionDuration);
}
.project_header #project_num span {
	color: var(--hoverColor);
	transition-property: color;
	transition-duration: var(--transitionDuration);
}
.project_header #project_info {
	padding-top: var(--marginTop);
	padding-bottom: var(--rowGutter);
	position: relative;
	/*
	display: block;
	*/
	opacity: 1;
	transition: opacity calc(var(--transitionDuration)*2);
	z-index: 50;
}
.project_header.hide {
	pointer-events: none;
	touch-action: none;
}
.project_header.hide nav.menu {
	pointer-events: auto !important;
	touch-action: auto !important;
}
.project_header.hide #project_num,
.project_header.hide #project_num span {
	color: var(--paletteWhite);
}
.project_header.hide #project_info {
	/*
	display: none;
	*/
	opacity: 0;
}
#project_info .index_row,
#project_info .description {
	padding: 0 var(--sidesGutter);
	box-sizing: border-box;
	z-index: 50;
}
#project_info .description p {
	color: var(--paletteWhite);
	text-align: justify;
}
#project_info .index_row, #project_info .description p a {
	color: var(--paletteWhite);
}
#project_info .description p a:hover {
	color: var(--hoverColor);
}
#project_info .description p span.credit:not(last-child):after {
	content: ",";
}
#project_info .description p span.credit:last-child:after {
	content: ".";
}
.project_header_bar {
	width: 100%;
	height: 100%;
	top: 0;
    left: calc(var(--marginSides)*-1);
	padding: 0 var(--marginSides);
    position: absolute;
	background: var(--paletteBlack);
    z-index: -1;
}

/***MULTIMEDIA
*****************************************************/
#multimedia {
	width: 100vw;
	position: absolute;
}
#multimedia.mobile {
	display: none;
}
#multimedia section {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	scroll-snap-align: start;
}
body.intro #multimedia {
	height: 100vh; /*fallback*/
	height: calc(var(--vh, 1vh) * 100);
	top: 0;
	overflow-x: hidden;
	overflow-y: hidden;
}
body.intro #multimedia.no-click {
	pointer-events: none;
}
body.intro #multimedia section {
	height: 100%;
}
body.intro #multimedia a.intro_link {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}
body.project #multimedia {
	height: calc(100vh - var(--menuHeight));
	height: calc((var(--vh, 1vh) * 100) - var(--menuHeight));
	top: var(--menuHeight);
	scroll-snap-points-y: repeat(50vh);
	scroll-snap-type: y mandatory;
	scroll-snap-type: mandatory;
	overflow-x: hidden;
	overflow-y: auto;
}
body.project #multimedia section {
	height: calc(100vh - var(--menuHeight));
}
/***IMAGES***/
#multimedia section.image:not(.left):not(.right) {
	justify-content: center;
}
#multimedia section.image.left:not(.fullscreen) {
	justify-content: start;
}
#multimedia section.image.right:not(.fullscreen) {
	justify-content: end;
}
#multimedia section.image:not(.fullscreen) img {
	height: 100%;
	max-width: 100%;
    max-height: 100%;
	object-fit: contain;
}
#multimedia section.image.fullscreen img,
#multimedia section.image.halfscreen img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#multimedia section.image.fullscreen img {
	width: 100%;
}
#multimedia section.image.halfscreen img {
	width: 50%;
}
/***IMAGES DIPTYCH***/
#multimedia section.images_diptych .diptych_left:not(.halfscreen),
#multimedia section.images_diptych .diptych_right:not(.halfscreen) {
	width: 50%;
    height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#multimedia section.images_diptych .diptych_left:not(.halfscreen) img,
#multimedia section.images_diptych .diptych_right:not(.halfscreen) img {
	height: 100%;
	max-width: 100%;
    max-height: 100%;
	object-fit: contain;
}
#multimedia section.images_diptych .diptych_left.halfscreen,
#multimedia section.images_diptych .diptych_right.halfscreen {
	width: 50%;
	height: 100%;
}
#multimedia section.images_diptych .diptych_left.halfscreen img,
#multimedia section.images_diptych .diptych_right.halfscreen img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#multimedia section.images_diptych .diptych_left.halfscreen {
	justify-self: start;
}
#multimedia section.images_diptych .diptych_right.halfscreen {
	justify-self: end;
}
/***MULTIMEDIA SLIDER***/
#multimedia section.slider .slides {
	width: 100%;
  	height: 100%;
}
body.intro #multimedia section.slider .slides .slide {
  	width: 100%;
	height: 100%;
}
#multimedia section.slider .slides .slide {
	position: absolute;
	left: 125vw;
	/*
	display: none;
	opacity: 0;
	transition: opacity calc(var(--transitionDuration)*2);
	*/
}

#multimedia section.slider .slides .slide.active {
	left: 0;
	/*
	display: block;
	*/
	opacity: 1;
}
body.project #multimedia section.slider .slides .slide {
	width: 100%;
	height: 100%;
}
#multimedia section.slider .slides .slide:not(.fullscreen) {
  	max-width: 100%;
  	max-height: 100%;
}
#multimedia section.slider .slides .slide.dark_mode {
	background: var(--paletteBlack);
}
#multimedia section.slider .slides .slide:not(.fullscreen) img,
#multimedia section.slider .slides .slide:not(.fullscreen) video {
	max-width: 100%;
  	max-height: 100%;
}
#multimedia section.slider .slides .slide:not(.left) img,
#multimedia section.slider .slides .slide:not(.left) video,
#multimedia section.slider .slides .slide:not(.right) img,
#multimedia section.slider .slides .slide:not(.right) video {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#multimedia section.slider .slides .slide.left img,
#multimedia section.slider .slides .slide.left video {
    margin-left: 0;
}
#multimedia section.slider .slides .slide.right img,
#multimedia section.slider .slides .slide.right video {
}
#multimedia section.slider .slides .slide.img.fullscreen img {
	width: 100%;
  	height: 100%;
	object-fit: cover;
	object-position: center;
}
#multimedia section.slider .slides .slide.vdo.fullscreen video {
	width: 100%;
  	height: 100%;
	object-fit: cover;
	object-position: center;
  	display: block;
}
#multimedia section.slider .slides .slide .caption {
	width: calc(100% - var(--colGutter)*2);
	padding: var(--marginTop) var(--colGutter);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
	font-size: var(--fontSize);
	color: var(--paletteWhite) !important;
	mix-blend-mode: difference;
}
#multimedia section.slider .prev,
#multimedia section.slider .next {
	width: 50%;
	height: 100%;
	bottom: 0;
	z-index: 25;
	position: absolute;
	display: flex;
	cursor: none;
}
#multimedia section.slider .prev {
	left: 0;
	justify-content: end;
}
#multimedia section.slider .next {
	right: 0;
	justify-content: start;
}
#multimedia section.slider .prev img.arrow,
#multimedia section.slider .next img.arrow {
	width: auto;
	scale: 0.7;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	transition-property: opacity;
	transition-duration: var(--transitionDuration);
	pointer-events: none;
	z-index: 500;
}
body.intro #multimedia section.slider .prev img.arrow,
body.intro #multimedia section.slider .next img.arrow {
	translate: -50% -50%;
}
body.project #multimedia section.slider .prev img.arrow,
body.project #multimedia section.slider .next img.arrow {
	translate: -50% calc(-50% - var(--menuHeight));
}
#multimedia section.slider .prev img.arrow {
	margin-left: 0;
}
#multimedia section.slider .next img.arrow {
	margin-left: -100%;
}
#multimedia section.slider .prev:hover img.arrow {
	opacity: 1;
}
#multimedia section.slider .next:hover img.arrow {
	opacity: 1;
}
#multimedia section.slider .pagination {
    width: auto;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50% !important;
    margin-bottom: var(--marginTop);
    transform: translate(-50%, 0);
    text-align: center;
    color: var(--paletteWhite) !important;
    mix-blend-mode: difference;
    pointer-events: none;
}
/***MULTIMEDIA VIDEOS***/
#multimedia section.video_mp4 {
	overflow-x: hidden;
	pointer-events: none;
}
#multimedia section.video_mp4 video {
	width: 100%;
  	height: 100%;
}
#multimedia section.video_mp4:not(.fullscreen) video {
	object-fit: contain;
}
#multimedia section.video_mp4.fullscreen video {
	object-fit: cover;
}
#multimedia section.video_mp4 .instructions {
	position: absolute;
	bottom: 0;
    left: 50% !important;
	margin-bottom: var(--marginTop);
	transform: translate(-50%, 0);
	text-align: center;
	color: var(--paletteWhite) !important;
	mix-blend-mode: difference;
	pointer-events: none;
}
#multimedia section.video_url iframe {
	width: 100%;
  	height: 100%;
	object-fit: contain;
}

/***ABOUT
*****************************************************/
.intro_text {
	margin-top: var(--marginTop);
	padding: 0 var(--sidesGutter) var(--marginBottom);
	display: grid;
	grid-template-columns: var(--2colsGrid);
	grid-gap: 0 var(--gridGap);
	text-align: justify;
}
#lamas_burgariotti {
	display: grid;
	grid-template-columns: var(--4colsGrid);
	grid-gap: var(--gridGap);
	padding: calc(var(--rowGutter)*3) var(--sidesGutter) 0;
}
.lb_column {
}
.lb_column .column_block {
	margin-bottom: calc(var(--rowGutter)*2);
}
.lb_column .column_block.bio p:not(:last-child) {
	margin-bottom: var(--rowGutter);
}
.block_item.contact_item p {
	display: grid;
	grid-template-columns: var(--4colsGrid);
	grid-gap: var(--gridGap);
}
.block_item.contact_item p span {
	grid-column: 1 / 1;
}
.block_item.contact_item p a {
	grid-column: 2 / 5;
}
p.item_title {
	text-transform: uppercase;
}

/***RESPONSIVE STYLE
*****************************************************/
/***TABLET PRO***/
@media (max-width:2732) {
	/***VIEWPORT HEIGHT***/
	/*
	body {
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
	}
	*/
	/*
	body.intro #multimedia,
	body.intro #multimedia section {
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
	}
	*/
	/*
	body.project #multimedia,
	body.project #multimedia section {
		height: calc(100vh - var(--menuHeight));
		height: calc((var(--vh, 1vh) * 100) - var(--menuHeight));
	}
	*/
}

/***TABLET (HORIZONTAL)***/
@media (max-width:1180px) {
	/***MENU AND PROJECT HEADER***/
	.locations_time > span {
		display: none;
	}
	span.hash {
		display: none;
	}
	/***IMAGES VIEW***/
	.images_grid {
		grid-template-columns: var(--3colsGrid);
	}
}

/***TABLET (HORIZONTAL)***/
@media (max-width:1080px) {
	/***ABOUT***/
	#lamas_burgariotti {
		grid-template-columns: var(--2colsGrid);
	}
}

/***TABLET (HORIZONTAL)***/
@media (max-width:1024px) {
	/***VIEWPORT HEIGHT***/
	body {
		height: 100vh; /*fallback*/
		height: calc(var(--vh, 1vh) * 100);
	}
}

/***TABLET (VERTICAL)***/
@media (max-width:820px) {
	/***MENU AND HEADER***/
	.site_title .mobile {
		display: inline;
	}
	.site_title .desktop {
		display: none;
	}
	.image_hover {
		display: none;
	}
	/***MULTIMEDIA***/
	#multimedia section.slider .slides .slide:not(.fullscreen) video {
		max-width: initial;
		max-height: 100%;
	}
	#multimedia section.slider .slides .slide.vdo.fullscreen video {
		object-fit: none;
	}
}

/***PHONE***/
@media (max-width:600px) {
	/***GLOBAL VARIABLES***/
	:root {
		/***SPACES***/
		/*
		--marginTop: 1rem;
		--marginSides: 1.2rem;
		--marginBottom: 0.6rem;
		*/
		--bodyMargin: 0 var(--sidesGutter);
		--divMargin: var(--marginTop) var(--marginSides) var(--marginBottom) var(--marginSides);
		--rowGutterSmall: calc(1rem * 1.2);
	}

	/***GENERAL***/
	.desktop {
		display: none;
	}
	.mobile {
		display: inline-block;
	}

	/***HEADER AND MENU***/
	nav.menu {
		position: webkit-sticky;
		position: sticky;
		height: auto;
		top: 0;
		background: var(--backColor);
	}
	nav.menu ul {
		display: flex;
		justify-content: space-between;
	}
	nav.menu .menu_item.site_name span.desktop {
		display: none !important;
	}
	nav.menu .menu_item.site_name span.mobile {
		display: inline !important;
	}
	.locations_time {
		display: none;
	}
	.image_hover {
		display: none;
	}
	.image_hover img.left,
	.image_hover img.right {
		display: none;
	}

	/***INDEX VIEW***/
	.index_row {
		grid-template-columns: var(--3colsGrid);
	}
	.index_row .project_title {
		grid-column: 1/3;
	}
	.index_row .project_num {
		text-align: right;
		grid-column: 3/4;
	}
	.index_row .commissioned,
	.index_row .tags {
		grid-column: 1/4;
	}
	body:not(.project) .index_row .location_date span.location {
		display: none;
	}
	body.project .index_row .location_date span.location {
		display: block;
		white-space: inherit;
		overflow: inherit;
		text-overflow: inherit;
	}
	.index_row .index_thumb {
		display: none !important;
	}
	.images_grid {
		grid-template-columns: var(--1colsGrid);
	}
	body:not(.project) .index_row .commissioned,
	body:not(.project) .index_row .tags {
		display: none;
	}
	body:not(.project) .index_row .location_date {
		display: inline;
		text-align: right;
	}

	/***PROJECT HEADER***/
	#project .index_row p {
		white-space: inherit;
		overflow: inherit;
		text-overflow: inherit;
	}
	body.project nav.menu {
		padding: var(--marginTop) var(--sidesGutter) 0;
	}
	body.project .project_header #project_info {
		padding-top: 0;
		padding-bottom: 0;
	}
	body.project .project_header .index_row {
		padding: var(--rowGutter) var(--sidesGutter) var(--marginBottom) !important;
		background: var(--paletteBlack);
	}
	body.project .project_header .index_row .read {
		text-align: right;
		white-space: nowrap;
	}
	body.project .index_row .location_date {
		display: inline;
		grid-column: 1/3;
		text-align: left;
	}
	body.project .project_header #project_info {
		background: var(--paletteBlack);
	}
	.project_header #project_info .description {
		height: calc(100vh - var(--menuHeight) - var(--rowGutter)); /*fallback*/
		height: calc((var(--vh, 1vh) * 100) - var(--menuHeight) - var(--rowGutter));
		display: none;
		padding: 0 var(--sidesGutter) var(--rowGutter);
		background: var(--paletteBlack);
		text-align: left;
		overflow-y: scroll;
	}
	.project_header.show #project_info .index_row {
		padding: var(--rowGutter) var(--sidesGutter) 0 !important;
	}
	.project_header.show #project_info .description {
		display: block;
	}
	#project_info .description p {
		text-align: left;
	}

	/***MULTIMEDIA***/
	body.project #multimedia {
		width: 100vw;
		/*position: absolute;*/
		top: calc(var(--marginTop) + var(--rowGutter)*3 + var(--marginBottom));
	}
	body.project #multimedia,
	body.project #multimedia section {
		height: calc(100vh - var(--marginTop) - (var(--rowGutter)*3) - var(--marginBottom)); /*fallback*/
		height: calc((var(--vh, 1vh) * 100) - var(--marginTop) - (var(--rowGutter)*3) - var(--marginBottom));
	}
	#multimedia section.image.halfscreen img {
		width: 100%;
	}
	#multimedia section.images_diptych {
		display: flex;
		flex-direction: column;
	}
	#multimedia section.images_diptych .diptych_left:not(.fullscreen),
	#multimedia section.images_diptych .diptych_right:not(.fullscreen) {
		width: 100%;
		height: 50%;
	}
	#multimedia section.images_diptych .diptych_left.fullscreen,
	#multimedia section.images_diptych .diptych_right.fullscreen {
		width: 100%;
		height: 50%;
	}

	/***ABOUT***/
	.intro_text {
		display: none;
	}
	.intro_text div:nth-child(2) {
		display: none;
	}
	.image_hover,
	.image_hover img.left,
	.image_hover img.right {
		display: none;
	}
	#lamas_burgariotti {
		grid-template-columns: var(--1colsGrid);
		grid-gap: 0;
	}
	.block_item.contact_item p {
		grid-template-columns: var(--3colsGrid);
	}
	.block_item.contact_item p span {
		grid-column: 1 / 2;
	}
	.block_item.contact_item p a {
		grid-column: 2 / 4;
	}
}