/*@import url("//hello.myfonts.net/count/330742");*/

@font-face {font-family: 'Monospace821BT-Roman';src: url('../fonts/330742_0_0.eot');src: url('../fonts/330742_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/330742_0_0.woff2') format('woff2'),url('../fonts/330742_0_0.woff') format('woff'),url('../fonts/330742_0_0.ttf') format('truetype');}
@font-face {font-family: 'Monospace821BT-Italic';src: url('../fonts/330742_1_0.eot');src: url('../fonts/330742_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/330742_1_0.woff2') format('woff2'),url('../fonts/330742_1_0.woff') format('woff'),url('../fonts/330742_1_0.ttf') format('truetype');}

html, body {
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: 0.03em;
	font-family: 'Monospace821BT-Roman','Courier New', monospace;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
}

* {
	box-sizing: border-box;
}

em, i {
	font-style: normal;
	font-family: 'Monospace821BT-Italic';
}

a:link, a:hover, a:visited, a:active {
	text-decoration: none; 
	color: inherit;
}

a:hover {
	font-style: italic;
}

a.no-underline {
	text-decoration: none;
}

h1 {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

.projects-grid li:hover a:hover,
.projects-matrix li:hover a:hover,
.related-projects li:hover a:hover {
	font-style: normal;
}

.projects-grid li:hover *[lang="en"],
.projects-matrix li:hover *[lang="en"],
.related-projects li:hover *[lang="en"] {
	font-style: italic;	
}

html[lang="es"] .projects-grid li:hover *[lang="es"],
html[lang="es"] .projects-matrix li:hover *[lang="es"],
html[lang="es"] .related-projects li:hover *[lang="es"] {
	font-style: italic;	
}

html[lang="en"] .projects-grid li:hover *[lang="en"],
html[lang="en"] .projects-matrix li:hover *[lang="en"],
html[lang="en"] .related-projects li:hover *[lang="en"] {
	font-style: italic;	
}

.projects-grid li:hover .rgb,
.projects-matrix li:hover .rgb,
.related-projects li:hover .rgb {
	opacity: 1;
}

/* type sizes */

.small {
	font-size: 16px;
	line-height: 32px;
}

.tight {
	line-height: 23px;
}

/* language */

.translation-container {
	position: relative;
	width: 100%;
	opacity: 0;
	transition: opacity 300ms;
}

body *[lang="en"], body *[lang="es"], .rgb {
	position: absolute;
	left: 0;
	top: 0;
	mix-blend-mode: multiply;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.sidebar *[lang="en"], .sidebar *[lang="es"] {
	left: auto;
	top: auto;
}

.languages {
	position: relative;
  	z-index: 1000;
  	mix-blend-mode: multiply;
}

.bg {
  	position: fixed;
  	left: 0;
  	right: 0;
  	z-index: 90;
  	pointer-events: none;
  	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	-ms-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	transition-timing-function: linear;
}

.bg-en {
  	top: 0;
  	height: 0;
}

.bg-es {
  	bottom: 0;
  	height: 0;
}

html[lang="en"] *[lang="en"],
html[lang="es"] *[lang="es"],
html[lang="from-en"] *[lang="en"],
html[lang="from-es"] *[lang="es"] {
  	z-index: 200;
}

html[lang="en"] .bg-en,
html[lang="es"] .bg-es {
	height: 100%;
}

html[lang="en"] .bg-es,
html[lang="es"] .bg-en {
	height: 0%;
}

.translation-container.image div img {
	width: 100%;
	height: auto;
	mix-blend-mode: lighten;
	display: block;
}

.rgb {
	z-index: 500;
	opacity: 0;
	transition: 200ms; 
	mix-blend-mode: normal;
}

.slideshow:hover .image .rgb,
.project-main .slideshow .image .rgb,
.translation-container:hover .rgb {
	opacity: 1;
} 

.translation-container.image .rgb img {
    mix-blend-mode: normal;
}

.rgb .caption {
	opacity: 0;
}


/* sidebar */

.sidebar {
	position: absolute;
	top: 0;
	padding: 1.3em 1.6em 1.6em 1.6em;
	box-sizing: border-box;
	height: 100%;
}

.sidebar .site-title {
	cursor: pointer;
}

.sidebar h1 .translation-container a {
	display: block;
	position: fixed;
	width: 200px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.sidebar h1 div a p:before {
	content: "\00a0\00a0\00a0\00a0";
}

.sidebar p {
	margin: 0;
}


.sidebar ul {
	list-style-type: none;
 	margin: 3.6em 0 0 0;
  	padding: 0;
}

.sidebar .languages ul {
 	margin: 0;
}

.sidebar li {
	display: block;
}

.sidebar .nav-pages li.active p {
	display: inline;
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-thickness: 10%;
}

.sidebar .project-categories li.active a {
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 15%;
}

.sidebar .translation-container div,
.sidebar .translation-container a,
.sidebar .languages span {
	position: fixed;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.sidebar .title div,
.sidebar .languages ul {
	width: 200px;
}

.languages {
	position: fixed;
	bottom: 5.3em;
}

.languages li {
	display: inline-block;
	text-transform: uppercase;
	width: 40px;
}

.nav-pages, 
.project-categories,
.languages {
	margin-left: 2.6em;
}


/* news */

.main-container {
	/*position: absolute;*/
	top: 0;
	width: 60vw;
	margin: 0 auto;
	max-width: calc(100vw - 300px);
	padding: 1.3em 0;
	padding-bottom: 5em;
	padding-left: 225px;
	box-sizing: content-box;
	/*margin-left: 300px;*/
}

.site-title,
.tagline-container {
	height: 2.8em;
}

.tagline-container {
	margin-right: 1.6em;
}

.tagline-container p {
	margin: 0;
}

.news-container,
.projects-main,
.info-container,
.contact-container {
	margin-top: 3.6em;
	padding-right: 1.6em;
}

.projects-main {
	margin-top: calc(3.6em + 2.8em);
}

.news-container ul,
.projects-container ul,
.related-projects ul {
	list-style-type: none;
 	margin: 0;
  	padding: 0;
}

.news-container li,
.projects-container li,
.related-projects li {
	margin-bottom: 1.6em;
}

.news-container .image {
	box-sizing: content-box;
	padding-bottom: 2.2em;
}

.news-container p, 
.info-container p,
.contact-container p {
	margin: 0 0 1.6em 0;
}

.news-container img {
	max-width: 100% !important;
	height: auto !important;
	max-height: 80vh;
	width: auto !important;
}

.news-container {
	margin-bottom: -4em;
}

.info-container {
	margin-bottom: -2.2em;
}

.project-container {
	margin-bottom: -2.2em;
}


/* projects */


.projects-header.projects .grid-icon,
.projects-header.matrix .matrix-icon {
	display: none;
}

.projects-header .matrix-icon, .projects-header .grid-icon {
	width: 20px;
	display: block;
	position: absolute;
	top: 1.6em;
	left: auto;
	right: 1.6em;
	line-height: 0;
}

.projects-header .grid-icon {
	z-index: 1;
}

.projects-container p {
	margin: 0;
}

.related-projects p {
	margin: 0 !important;
}

.projects-container ul,
.related-projects ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}

.projects-grid {
	margin-bottom: -1.6em;
}

.projects-container .projects-grid li,
.related-projects li {
	/*width: calc(100% / 3.5);*/
	/*padding-right: calc(1.6em * 2);*/
	width: 33.3%;
	padding: 0 6% 0 0;
}

.projects-container li .landscape,
.related-projects li .landscape {
	width: 100%;
}

.projects-container li .portrait,
.related-projects li .portrait {
	width: 66%;
}

.projects-main .previewimage,
.related-projects .previewimage {
	margin-bottom: 0.5em;
}

.projects-grid .caption,
.related-projects .caption {
	display: none;
}

.relatedprojectstitle {
	margin-bottom: 1.3em;
}

.related-projects {
	margin-bottom: 0.6em;
}
.related-projects li img {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

/* matrix */

.projects-container .projects-matrix ul {
	display: initial;
}

.matrix-grid {
	pointer-events: none;
}

.matrix-grid .x-axis {
	position: fixed;
	left: 4.2em;
	right: 4.2em;
	top: 0;
	height: 50%;
	border-bottom: 2px solid;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.matrix-grid .y-axis {
	position: fixed;
	left: 0;
	top: 4.2em;
	bottom: 4.2em;
	width: 50%;
	border-right: 2px solid;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

body.matrix {
	overflow-y: hidden;
}

body .projects-matrix .translation-container {
	position: static;
}

body .projects-matrix .previewimage *[lang="en"], 
body .projects-matrix .previewimage *[lang="es"],
body .projects-matrix .previewimage .rgb {
    width: 140px;
    transform: translateX(-50%) translateY(-50%);
}

html[lang=""] .projects-container .projects-matrix li .matrix-title-year *[lang="es"],
html[lang="en"] .projects-container .projects-matrix li .matrix-title-year *[lang="es"],
html[lang="es"] .projects-container .projects-matrix li .matrix-title-year *[lang="en"] {
	display: none;
}

.projects-container .projects-matrix li {
	margin-bottom: 0;
}

.projects-container .projects-matrix li .translation-container {
	height: 0!important;
	margin: 0;
}

.projects-container .projects-matrix li .matrix-title-year {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translateY(-50%) translateX(-50%);
	width: 140px;
	display: none;
}
.projects-container .projects-matrix li:hover [lang="en"],
.projects-container .projects-matrix li:hover [lang="es"] {
	position: static;
}
.projects-container .projects-matrix li:hover .matrix-title-year .translation-container {
	position: static;
	height: auto!important;
}

.projects-container .projects-matrix li:hover .matrix-title-year {
	display: block;
	z-index: 500;
}

.projects-container .projects-matrix li:hover .matrix-title-year,
.projects-container .projects-matrix li:hover .title div,
.projects-container .projects-matrix li:hover .year div {
	width: 220px;
}

.projects-container .projects-matrix li:hover .previewimage .rgb {
	transform: translateX(-50%) translateY(-50%) scale(2.5);
}

.projects-container .projects-matrix li:hover .previewimage [lang="en"],
.projects-container .projects-matrix li:hover .previewimage [lang="es"] {
	display: none;
}

.projects-container .projects-matrix li .title,
.projects-container .projects-matrix li .year {
	position: relative;
	height: 23px!important;
	filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.8));
}

.projects-container .projects-matrix li .title p,
.projects-container .projects-matrix li .year p {
	color: white !important;
}


.projects-container .projects-matrix li .title div,
.projects-container .projects-matrix li .year div {
	width: 140px;
}

body .projects-matrix .previewimage .portrait {
	margin: 0 auto;
	width: 93px;
	left: 50%;
	transform: translateX(-50%);
}

.projects-matrix .caption {
	display: none;
}

.matrix .site-title,
.matrix .nav-pages,
.matrix .languages {
	display: none;
}

.matrixlabel1 div {
	position: fixed;
	top: 50%;
	transform: rotate(-90deg) translateX(-50%);
	transform-origin: 0 0;
	left: 1.3em;
}

.matrixlabel2 div {
	position: fixed;
	top: 50%;
	transform: rotate(90deg) translateX(-50%);
	transform-origin: 0 0;
	left: calc(100% - 1.3em);
}

.matrixlabel3 div {
	position: fixed;
	top: calc(100% - 3em);
	transform: translateX(-50%);
	transform-origin: 0 0;
	left: 50%;
}


.matrixlabel4 div {
	position: fixed;
	top: 1.3em;
	transform: translateX(-50%);
	transform-origin: 0 0;
	left: 50%;
}

/* project */

.project-header {
	margin-top: 1.6em;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
}

.project-header .translation-container {
	width: 30%;
}

.project-header .title {
	width: 70%;
}

.project-container {
	padding-right: 1.6em;
}

.project-container p {
	margin: 0 0 1.6em 0;
}

.project-main {
	margin-top: 1.6em;
}

.project-container img {
	width: calc(80% + 2.4em);
} 

.slideshow {
	height: 80vh;
	margin-bottom: 1.6em;
}

.project-container .slideshow,
.project-container .video-wrapper {
	margin-top: 1.6em;
	margin-bottom: calc(1.6em * 2);
}

.project-container .slideshow:first-child,
.project-container .video-wrapper:first-child {
	margin-top: 0;
	margin-bottom: calc(1.6em * 2);
}

.slideshow.lightbox {
	margin-left: 0;
	width: 100%;
}

.slideshow div {
	width: 100%;
	height: 100%;
}

.slideshow .caption,
.video-wrapper .caption {
	width: auto;
	height: auto;
	padding-top: 0.5em;
}

.slideshow {
	white-space: nowrap;
}

.slideshow div:first-child {
	overflow: hidden;
}

.slideshow .caption {
	white-space: normal;
}

.slideshow .translation-container {
	height: 100% !important; /* overriding the setting of height by JS */
	display: inline-block;
}

.slideshow .translation-container.image div img {
	width: auto;
}

.slideshow .translation-container img {
	object-fit: contain;
	max-height: 100%;
	max-width: 100%;
}

.slideshow .images > div {
	display: flex;
	flex-direction: column;
}

.slideshow .image-wrapper {
	flex: 1;
	min-height: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

.slideshow .image-wrapper div {
	width: fit-content;
}

.slideshow .landscape .image-wrapper div {
	width: 100%;
}

.slideshow .image-wrapper img {
	height: 100%;
	object-fit: contain;
}

.slideshow .translation-container.image div.landscape img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.project-container p.caption {
	margin-bottom: 0;
}

.project-container .credits-container {
	display: flex;
	margin-top: 1.6em;
}

.related-projects {
	margin-top: 1.6em;	
}

.project-container .credits-container > div {
	width: 50%;
}

.project-container .credits-container .col-1 {
	padding-right: 1.6em;
}

.project-container .credits-container .col-2 {
	padding-left: 1.6em;
}

.slideshow {
	position: relative;
	cursor: pointer;
}

.arrow-l, 
.arrow-r,
.arrow-l.rgb,
.arrow-r.rgb,
.close.rgb {
	width: 100%;
	position: absolute;
	width: 40px !important;
	/*padding: 10px;*/
	/*transition: opacity 300ms;*/
	height: auto !important;
	top: calc(50% - 40px) !important;
	position: absolute;
	cursor: pointer;
}

.cursor {
	width: 100%;
	position: absolute;
	width: 40px !important;
	height: auto !important;
	pointer-events: none;
	transform: translateY(-20px) translateX(-20px);
}

.slideshow img {
	cursor: none;
}

.lightbox img {
	cursor: auto !important;
}

.lightbox > div.arrow-l.rgb,
.lightbox > div.arrow-r.rgb {
	width: 40px !important;
}

.arrow-l {
	left: -50px !important;
	right: auto !important;
}

.arrow-r {
	left: auto !important;
	right: -50px !important;
}

.lightbox .arrow-l.rgb {
	left: 20px !important;
	right: auto !important;
}

.lightbox .arrow-r.rgb {
	right: 20px !important;
	left: auto !important;
}

.close {
	width: 40px !important;
	/*transition: opacity 300ms;*/
	height: auto !important;
	position: absolute;
	display: none;
}

.close.rgb,
.cursor {
	width: 60px !important;
}

.arrow-l.rgb,
.arrow-r.rgb,
.close.rgb,
.cursor {
	stroke: #ffffff; 
	stroke-width: 1;
	opacity: 0;
	z-index: 501;
	filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2));
	transition-duration: 0ms !important;
}

.cursor {
	transition: opacity 300ms !important;
	opacity: 0;
}

.showCursor {
	opacity: 1;
}

.close.rgb {
	top: 20px !important;
	right: 20px !important;
	left: auto !important;
}

.slideshow.lightbox .image-wrapper div {
	width: 100%;
}

@media (orientation: landscape) {
  	.slideshow .landscape img {
  		object-fit: cover;
  	}
  	.slideshow.lightbox .translation-container.image .landscape img {
		width: 100%;
		height: 100%;
	}
}

@media (orientation: portrait) {
  	.slideshow .portrait img {
  		object-fit: cover;
  	}
  	.slideshow.lightbox .translation-container.image .portrait img {
		width: 100%;
		height: 100%;
	}
}


/* contact */

.map-container {
	position: relative;
}

.map iframe {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}

.map-rgb {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition-duration: 300ms;
	z-index: 300;
}

.map-container:hover .map-rgb {
	opacity: 1;
}

/* lightbox */

.lightbox .close {
	display: block;
}

.lightbox {
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	background-color: black;
	margin-top: 0 !important;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.lightbox .caption {
	display: none;
}

.lightbox [lang="es"], 
.lightbox [lang="en"] {
	opacity: 0;
}

.lightbox .rgb {
	opacity: 1;
}

.lightbox > div,
.lightbox .translation-container,
.lightbox .image > div,
.lightbox .image-wrapper {
	width: 100% !important;
	height: 100% !important;
}

.lightbox img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.slideshow.lightbox .translation-container img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

/* video */

.video {
	position: relative;
  	padding-bottom: 56.25%; /* 16:9 */
  	height: 0;
  	z-index: 500;
}

.video iframe {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
}


/* lazy loading */

img::selection,
iframe::selection {
  background: none;
}

img.lazy {
  opacity: 0;
}

img:not(.initial) {
  transition: opacity 500ms;
}

img.initial,
img.loaded,
img.error {
  opacity: 1;
}

img:not([src]) {
  visibility: hidden;
}

@media only screen and (max-width: 700px) {

	.sidebar {
		width: 100%;
		height: auto;
		position: static;
	}

	.sidebar h1 .translation-container a {
		position: absolute;
	}

	.site-title, .tagline-container, .projects-header {
		height: auto;
	}

	.sidebar ul {
		margin: 0;
	}

	.nav-pages {
		display: none;
		margin-top: calc(1.6em * 2);
	}
	.nav-pages li > div {
		height: 64px !important;
	}
	
	.sidebar .languages li:first-child span {
		top: 1.3em;
		right: 4.4em;
	}
	.sidebar .languages li:nth-child(2) span {
		top: 1.3em;
		right: 1.6em;
	}

	.main-container {
	    position: static;
	    width: 100%;
	    margin-left: 0;
	    padding: 0 0 4em 1.6em;
	    padding-top: 1.6em;
	    max-width: 100%;
	    box-sizing: border-box;
	}

	.news-container {
		margin-top: 0;
	    padding-top: calc(1.6em * 2);
	}

	.sidebar h1 div a p:before {
		content: "+\00a0\00a0\00a0";
	}
	.sidebar.mobile h1 div a p:before {
		content: "–\00a0\00a0\00a0";
	}
	.projects-container .projects-grid li {
	    width: calc(100% / 2);
	}
	.projects-container .projects-grid li:nth-child(odd){
		padding-right: 1em;
	}
	.projects-container .projects-grid li:nth-child(even){
		padding-right: 0;
		padding-left: 1em;
	}

	.projects-main {
		margin-top: 0.6em;
	}

	.sidebar .project-categories .translation-container div, 
	.sidebar .project-categories .translation-container a {
		position: absolute
	}

	.project-categories {
		width: auto;
		position: static;
		padding-top: calc(1.6em * 2);
	}
	.projects-header {
		position: absolute;
		bottom: auto;
	    top: 6.4em;
	    left: auto;
	    right: calc(1.6em + 16px);
	    width: 20px;
	    height: 0;
	}

	.projects-header.matrix {
	    top: 2.5em;
	}

	.project-container .credits-container {
		flex-wrap: wrap;
	}

	.project-container .credits-container > div {
		width: 100%;
	}

	.project-container .credits-container .col-1,
	.project-container .credits-container .col-2 {
	    padding-left: 0;
	    padding-right: 0;
	    font-size: 16px;
	    line-height: 23px;
	}

	.show-mobile-menu .main-container,
	.show-mobile-menu .project-categories {
		display: none;
	}

	.show-mobile-menu .sidebar {
		height: 100%;
	}

	.show-mobile-menu .nav-pages {
		display: block;
	}

	.contact-container .translation-container:last-child div, 
	.contact-container iframe {
		width: 100%;
	} 

	.arrow-l {
		left: -25px !important;
	}

	.arrow-r {
		left: auto !important;
		right: -25px !important;
	}

	.arrow-l.rgb {
		left: 8px !important;
		right: auto !important;
	}

	.arrow-r.rgb {
		right: 8px !important;
		left: auto !important;
	}
	.close.rgb {
		top: 8px !important;
		right: 8px !important;
		left: auto !important;
	}

}

@media (pointer: coarse) {

	a:hover {
		font-style: unset;
	}

	.projects-grid li:hover *[lang="en"],
	.projects-matrix li:hover *[lang="en"],
	.related-projects li:hover *[lang="en"] {
		font-style: unset;	
	}

	html[lang="es"] .projects-grid li:hover *[lang="es"],
	html[lang="es"] .projects-matrix li:hover *[lang="es"],
	html[lang="es"] .related-projects li:hover *[lang="es"] {
		font-style: unset;	
	}

	html[lang="en"] .projects-grid li:hover *[lang="en"],
	html[lang="en"] .projects-matrix li:hover *[lang="en"],
	html[lang="en"] .related-projects li:hover *[lang="en"] {
		font-style: unset;	
	}

	.projects-grid li:hover a:hover,
	.projects-matrix li:hover a:hover,
	.related-projects li:hover a:hover {
		font-style: unset;
	}

	.projects-grid li:hover .rgb,
	.projects-matrix li:hover .rgb,
	.related-projects li:hover .rgb {
		opacity: 0;
	}

}