/***DESKTOP STYLE***/

/***GLOBAL VARIABLES
*****************************************************/
:root {
/***text***/
	--xsmallFont: 0.75rem;
  	--smallFont: 0.9rem;
  	--mediumFont: 1.3rem;
  	--largeFont: 1.94rem;
	--largeFontAMA: 2.1rem;
	--xlargeFont: calc(var(--menuHeight)*0.139);
	--moonFont: 6rem;
  	--fontWeight: 400;
  	--letterSpacing: .01em;
  	--wordSpacing: 0.02em;
  	--lineHeight: 1.2;
	--lineHeightAMA: 0.9;
	--lineHeightHeadline: 1.1;
/***color and deco***/
	--paletteWhite: #FFFFFF;
  	--paletteGray: #f1f3f4;
	--paletteIvory: #fff9f4;
  	--paletteViolet: #EEEBF3;
	--paletteBlack: #000000;
    --paletteGreen: #00ff00;
	--paletteAlpha: transparent;
  	--linkDeco: underline;
	--borderWeight: 1px;
	--textColor: var(--paletteBlack);
	--borderLine: var(--borderWeight) solid var(--textColor);
	--borderLineGap: calc(100% - var(--innerGridGutter)*2);
	/*--borderLineX: linear-gradient(90deg, var(--textColor), var(--textColor) var(--borderLineGap), transparent var(--borderLineGap), transparent);*/
	--borderTwelveLinesX: 8.33% var(--borderWeight);
	--borderEightLinesX: 12.5% var(--borderWeight);
	--borderSixLinesX: 16.66% var(--borderWeight);
	--borderFiveLinesX: 20% var(--borderWeight);
	--borderFourLinesX: 25% var(--borderWeight);
	--borderThreeLinesX: 33.33% var(--borderWeight);
	--borderTwoLinesX: 50% var(--borderWeight);
	/*--borderLineY: linear-gradient(0deg, var(--textColor), var(--textColor) var(--borderLineGap), transparent var(--borderLineGap), transparent);*/
	--borderTwentyfourLinesY: var(--borderWeight) 8vw;
	--borderTwelveLinesY: var(--borderWeight) 8.33%;
	--borderEightLinesY: var(--borderWeight) 12.5%;
	--borderSixLinesY: var(--borderWeight) 16.66%;
	--borderFiveLinesY: var(--borderWeight) 20%;
	--borderFourLinesY: var(--borderWeight) 25%;
	--borderThreeLinesY: var(--borderWeight) 33.33%;
	--borderTwoLinesY: var(--borderWeight) 50%;
	--borderOneLinesY: var(--borderWeight) 100%;
/***spaces***/
	--rowGutter: calc(var(--mediumFont) * var(--lineHeight));
	--rowSmallGutter: calc(var(--smallFont) * var(--lineHeight));
	--rowBigGutter: calc(var(--rowGutter) * 3);
	--rowAMAGutter: calc(var(--largeFontAMA) * var(--lineHeightAMA));
	--rowGutterNull: 0;
	--colGutter: calc(var(--mediumFont) * 1.5);
	--colGutterNull: 0;
	--bodyMargin: 0 var(--colGutter);
	--innerGridGutter: 8px;
/***sizes***/
	--headerHeight: calc(var(--rowGutter)*2 + var(--rowSmallGutter)*3);
	--menuHeight: calc(var(--contentMinHeight) - var(--innerGridGutter)*4);
	--contentWidth: calc(100vw - var(--colGutter)*2);
	--contentHeight: calc(100vh - var(--headerHeight) - var(--innerGridGutter)*2 + var(--borderWeight));
	--contentMinHeight: calc(100vh - var(--headerHeight) - var(--footerHeight));
	--innerMinHeight: calc(100vh - var(--headerHeight) - var(--footerHeight) - var(--innerGridGutter)*2);
  	--srcWidth: calc(50vw - (var(--colGutter) * 2));
  	--srcHeight: calc(100vh - (var(--rowGutter) * 6));
	--footerHeight: calc(var(--rowGutter)*2 + var(--rowSmallGutter)*3);
/***grid layouts***/
	--bodyGrid: repeat(6, 1fr);
	--headerGrid: repeat(4, 1fr);
	--menuGrid: repeat(4, 1fr);
	--indexGrid: repeat(6, 1fr);
	--thumbGrid: repeat(2, 1fr);
	--footerGrid: repeat(12, 1fr);
	--twoGrid: repeat(2, 1fr);
	--threeGrid: repeat(3, 1fr);
	--fourGrid: repeat(4, 1fr);
	--sixGrid: repeat(6, 1fr);
	--twelveGrid: repeat(12, 1fr);
  	--gridGap: var(--rowGutterNull) var(--colGutterNull);
/***cols and rows***/
	--headerCols: 1 / 7;
	--menuCols: auto;
	--contentCols: 1 / 7;
	--textCols: 1 / 6;
	--footerCols: 1 / 7;
/***opacity***/
  	--txtOpacity: 0;
  	--srcOpacity: 0;
/***blur***/
  	--txtBlur: blur(1.5rem);
  	--srcBlur: blur(calc(var(--bodyMargin)*0.75));
/***shadow***/
  	--srcShadow: 0vw 0.25vw 1.75vw rgba(0,0,0,0.25);
  	--srcShadowThumb: 0vw 0.125vw 0.75vw rgba(0,0,0,0.25);
  	--textShadow: 0vw 0.25vw 0.15vw rgba(0,0,0,0.25);
/***transition***/
	--transitionProperty: color;
  	--transitionDuration: .15s;
	--transitionTiming: linear;
	--transitionDelay: 0s;
	/*--xlargeFont: calc(35vh - var(--headerHeight) - var(--footerHeight));*/
}

/***FONTS
*****************************************************/
@font-face {
	font-family: "Ama Light";
	src: url("uploads/layout/AMALight.woff");
}
@font-face {
	font-family: "Ama Light Italic";
	src: url("uploads/layout/AMALightItalic.woff");
}
@font-face {
	font-family: "Ama Regular";
	src: url("uploads/layout/AMARegular.woff");
}
@font-face {
	font-family: "Ama Regular Italic";
	src: url("uploads/layout/AMARegularItalic.woff");
}
@font-face {
	font-family: "Ama Medium";
	src: url("uploads/layout/AMAMedium.woff");
}
@font-face {
	font-family: "Ama Medium Italic";
	src: url("uploads/layout/AMAMediumItalic.woff");
}
/* Variable font */
@font-face {
  	font-family: "Ama Diatype Variable";
  	src: url("uploads/layout/AmaDiatypeVariable.woff2") format("woff2-variations"),
		 url("uploads/layout/AmaDiatypeVariable.woff") format("woff-variations"),
       	 url("uploads/layout/AmaDiatypeVariable.ttf") format("truetype-variations");
	font-weight: 100 300;
}
/* Fallback static font */
@font-face {
  	font-family: "Ama Diatype Light";
  	font-weight: 200;
  	src: url("uploads/layout/AmaDiatype-Light.woff2") format("woff2"),
         url("uploads/layout/AmaDiatype-Light.woff") format("woff");
}
@font-face {
  	font-family: "Ama Diatype Light Italic";
  	font-weight: 200;
  	src: url("uploads/layout/AmaDiatype-LightItalic.woff2") format("woff2"),
         url("uploads/layout/AmaDiatype-LightItalic.woff") format("woff");
}
@font-face {
  	font-family: "Ama Diatype Thin";
  	font-weight: 100;
  	src: url("uploads/layout/AmaDiatype-Thin.woff2") format("woff2"),
         url("uploads/layout/AmaDiatype-Thin.woff") format("woff");
}
@font-face {
  	font-family: "Ama Diatype Thin Italic";
  	font-weight: 100;
  	src: url("uploads/layout/AmaDiatype-ThinItalic.woff2") format("woff2"),
         url("uploads/layout/AmaDiatype-ThinItalic.woff") format("woff");
}
.uppercase {
	text-transform: uppercase;
}

/***MOON PHASES
*****************************************************/
/***NEW MOON***/
body {
	--borderLineX: linear-gradient(90deg, var(--textColor), var(--textColor) var(--borderLineGap), transparent var(--borderLineGap), transparent);
	--borderLineY: linear-gradient(0deg, var(--textColor), var(--textColor) var(--borderLineGap), transparent var(--borderLineGap), transparent);
}
#new_moon {
	--backColor: var(--paletteGray);
	--textColor: var(--paletteBlack);
	--linkColor: var(--paletteBlack);
  	--hoverColor: var(--paletteGreen);
}
#new_moon .grid_item .grid_item_inner .thumb:not(.alpha) {
	background: var(--paletteAlpha);
}
/***FIRST QUATER***/
#first_quarter {
	--backColor: var(--paletteViolet);
	--textColor: var(--paletteBlack);
	--linkColor: var(--paletteBlack);
  	--hoverColor: var(--paletteGreen);
}
#first_quarter .grid_item .grid_item_inner .thumb:not(.alpha) {
	background: var(--paletteAlpha);
}
/***FULL MOON***/
#full_moon {
	--backColor: var(--paletteBlack);
	--textColor: var(--paletteGray);
	--linkColor: var(--paletteGray);
  	--hoverColor: var(--paletteGreen);
}
#full_moon header:before {
	mix-blend-mode: difference;
}
#full_moon .grid_item .grid_item_inner .thumb:not(.alpha) {
	background: var(--paletteAlpha);
}
#full_moon nav.main_menu > ul a {
	mix-blend-mode: difference;
}
#full_moon .signature img {
	-webkit-filter: invert(100%);
    filter: invert(100%);
}
#full_moon .stack_grid.grants .thumb.alpha img {
	-webkit-filter: invert(100%);
    filter: invert(100%);
}
/***THIRD QUATER***/
#last_quarter {
	--backColor: var(--paletteIvory);
	--textColor: var(--paletteBlack);
	--linkColor: var(--paletteBlack);
  	--hoverColor: var(--paletteGreen);
}
#last_quarter .grid_item .grid_item_inner .thumb:not(.alpha) {
	background: var(--paletteAlpha);
}

/***BASIC ELEMENTS
*****************************************************/
::-webkit-scrollbar {
	display: none;
}
::selection {
	color: var(--textColor);
	background-color: var(--hoverColor);
}
::-moz-selection {
	color: var(--textColor);
	background-color: var(--hoverColor);
}
html {
  	scroll-behavior: smooth;
}
body {
	position: relative;
  	margin: var(--bodyMargin);
	color: var(--textColor);
	background: var(--backColor);
	/*
	display: grid;
	grid-template-columns: var(--bodyGrid);
	grid-gap: 0 var(--gridGap);
	*/
	font-family: "Ama Diatype Variable", "Ama Diatype Light", sans-serif;
	font-size: var(--mediumFont);
	font-weight: 250;
    line-height: var(--lineHeight);
	transition: background var(--transitionDuration);
}
body.stop {
	overflow-y: hidden;
}
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;
}
li {
	display: block;
}
a {	
	color: var(--linkColor);
	text-decoration: none;
	transition-property: color;
	transition-duration: var(--transitionDuration);
}
a:hover {	
	color: var(--hoverColor);
	transition-property: color;
	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-style: normal;
	font-weight: 400;
}
p {
	display: block;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 0;
}
span {
	display: inline;
}
img {
	vertical-align: middle;
}
iframe, embed, audio {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
}

/*** HEADER AND MENU
*****************************************************/
header {
	width: 100vw;
	height: var(--headerHeight);
	position: fixed;
  	top: 0;
	left: 0;
	padding: var(--rowGutter) var(--colGutter);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	/*
	display: grid;
	grid-template-columns: var(--headerGrid);
	grid-gap: 0 var(--gridGap);
	*/
	background-color: var(--backColor);
	z-index: 300;
}
header:before {
	content: "";
    position: absolute;
    left: var(--colGutter);
    bottom: 0;
    width: calc(100% - var(--colGutter)*2 + var(--innerGridGutter)*2);
    height: var(--borderWeight);
    background-image: var(--borderLineX);
    background-size: var(--borderTwelveLinesX);
}
header.alpha {
    background: transparent;
	z-index: 600;
}
header.alpha .header_bar{
    background: transparent;
}
header.cover,
header.cover a {
    color: white;	
}
header.cover:before {
    display:none;
}
header.cover .sub_menu{
    display:none;
}
.header_bar {
    width: 100%;
	height: var(--innerGridGutter);
    position: absolute;
	left: 0;
	bottom: calc(var(--innerGridGutter)*-1);
	background: var(--backColor);
	z-index: 100;
}
.site_name {
	position: absolute;
	left: calc(var(--colGutter)*4);
	margin-top: calc(var(--innerGridGutter)*-0.55);
	opacity: 1;
	transition: opacity var(--transitionDuration);
}
.site_name.hide {
	opacity: 0;
	pointer-events: none;
}
.site_name h1 {
	display: inline;
	font-family: "AMA Regular";
	font-size: var(--largeFontAMA);
	text-transform: lowercase;
	line-height: var(--lineHeightAMA);
}
nav.sub_menu {
	display: flex;
	justify-content: end;
	gap: var(--colGutter);
	font-size: var(--smallFont);
	font-weight: 300;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: var(--letterSpacing);
}
body.news nav.sub_menu .menu_item.news a {
	color: var(--hoverColor);
}
.moon_phase {
	display: flex;
    gap: calc(var(--colGutter)*.75);
    align-items: center;
}
.moon_phase_button {
	font-family: "AMA Light";
	font-size: var(--moonFont);
	line-height: 0.6;
	margin-top: calc(var(--innerGridGutter)*0.4);
	transition-property: color;
	transition-duration: var(--transitionDuration);
	cursor: pointer;
}
.moon_phase_button:hover {
	color: var(--hoverColor);
	cursor: pointer;
}
.moon_phase_data {
	font-size: var(--smallFont);
	font-weight: 300;
	opacity: 0;
	transition: opacity var(--transitionDuration);
	pointer-events: none;
}
.moon_phase_data.show {
	font-size: var(--smallFont);
	font-weight: 300;
	opacity: 1;
	pointer-events: auto;
}

/*** MAIN MENU
*****************************************************/
nav.main_menu {
	width: 100vw;
	height: calc(100vh - var(--headerHeight) - var(--innerGridGutter)*2);
  	position: fixed;
  	top: var(--headerHeight);
	left: -100vw;
    padding: 0 var(--colGutter);
    box-sizing: border-box;
	background: var(--backColor);
	opacity: 0;
	transition: opacity var(--transitionDuration);
	z-index: 0;
	pointer-events: none;
}
nav.main_menu.open {
	left: 0;
	opacity: 1;
	z-index: 300;
	pointer-events: auto;
}
nav.main_menu > ul {
	height: calc(100% - var(--footerHeight));
	margin-top: calc(var(--innerGridGutter)*2);
	/* transform: translateY(var(--innerGridGutter)); */
	font-family: "AMA Light";
	font-size: var(--xlargeFont);
	line-height: var(--lineHeightAMA);
	text-transfomr: lowercase;
	justify-content: end;
	gap: var(--colMargin);
	overflow-y: scroll;
}
/*
nav.main_menu > ul a {
	-webkit-text-stroke-width: calc(var(--menuHeight)*0.001);
	-webkit-text-stroke-color: var(--backColor);
}
*/
nav.main_menu .faa_cover_img {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: -100vw;
	background-size: cover;
	background-position: center;
	opacity: 0;
	z-index: 600;
	pointer-events: none;
	transition: opacity var(--transitionDuration);
}
nav.main_menu .faa_cover_img img{
	width: 100vw;
	height: 100vh;
	object-fit: cover;
}
nav.main_menu .faa_cover_img .faa_cover_txt {
	position: fixed;
    top: calc(var(--headerHeight) + var(--innerGridGutter)*2);
    left: 0;
    padding: 0 var(--colGutter);
    box-sizing: border-box;
	color: var(--paletteGray);
}
nav.main_menu .faa_cover_img header:before {
	display: none;
}
nav.main_menu .faa_cover_img header .moon_phase {
	color: var(--paletteGray)
}
nav.main_menu .faa_cover_img .moon_phase .moon_phase_data {
	font-family: "Ama Diatype Variable", "Ama Diatype Light", sans-serif !important;
    font-size: var(--smallFont) !important;
    font-weight: 300 !important;
    line-height: var(--lineHeight) !important;
}
/*
nav.main_menu .menu_item.faa:hover a.faa_button {
	color: var(--paletteGray);
	z-index: 500 !important;
	position: fixed;
}
nav.main_menu .menu_item.faa:hover ~ .menu_item:not(.faa) {
	display: none;
}
*/
nav.main_menu .menu_item.faa:hover ~ .faa_cover_img {
	left: 0;
	opacity: 1;
}
nav.main_menu .menu_item.faa ~ .faa_cover_img header {
	background: transparent !important;
}
nav.main_menu .menu_item.faa ~ .faa_cover_img header .moon_phase_data {
	opacity: 1 !important;
    pointer-events: auto !important;
}
nav.main_menu footer {
	background: transparent;
}
nav.main_menu footer .footer_bar{
	background: transparent;
}

/***HOME***/
body.home nav.main_menu {
	left: 0;
    opacity: 1;
    z-index: 300;
    pointer-events: auto;
}
body.home .moon_phase_button {
	pointer-events: none;
}
body.home .moon_phase_data {
    font-size: var(--smallFont);
    font-weight: 300;
    opacity: 1;
    pointer-events: auto;
}
body.home .site_name {
    opacity: 0;
    pointer-events: none;
}
body.home header,
body.home nav.main_menu,
body.home footer {
	background: transparent !important;
	background-color: transparent !important;
}
body.home .header_bar,
body.home nav.main_menu footer,
body.home .footer_bar {
 	display: none !important;
}
body.home header,
body.home footer {
	z-index: 600;
}
body.index nav.main_menu .menu_item.foundation a,
body.founder nav.main_menu .menu_item.foundation a,
body.team nav.main_menu .menu_item.foundation a,
body.space nav.main_menu .menu_item.foundation a,
body.identity nav.main_menu .menu_item.foundation a,
body.collection nav.main_menu .menu_item.foundation a,
body.residences nav.main_menu .menu_item.residences a,
body.grants nav.main_menu .menu_item.grants a,
body.programs nav.main_menu .menu_item.programs a,
body.neptuna nav.main_menu .menu_item.neptuna a,
body.participants nav.main_menu .menu_item.participants a {
	color: var(--hoverColor);
}
/*** CONTENT
*****************************************************/
.content {
	/*grid-column: var(--contentCols);*/
  	min-height: var(--contentMinHeight);
	position: relative;
	/* padding-bottom: calc(var(--rowGutter)*3); */
	/* padding-bottom: calc(var(--innerGridGutter) - var(--borderWeight)); */
	/* margin-top: calc(var(--headerHeight) + var(--innerGridGutter)); */
	margin-top: var(--headerHeight);
	opacity: 1;
	transition: 0;
	/*z-index: -1;*/
}
.content.hide {
	opacity: 0;
	z-index: -1;
	pointer-events: none;
	overflow-y: hidden;
}
.stack_grid {
	width: calc(100% + var(--innerGridGutter)*2);
	margin-left: calc(var(--innerGridGutter)*-1);
}
.grid_item {
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.grid_item:before {
	content: "";
    position: absolute;
    left: var(--innerGridGutter);
    bottom: 0;
    width: 100%;
    height: var(--borderWeight);
    background-image: var(--borderLineX);
    background-size: var(--borderFourLinesX);
}
.stack_grid.residents .grid_item:before,
.stack_grid.participants .grid_item:before {
    background-size: var(--borderTwoLinesX);
}
.stack_grid.news .grid_item:before,
.stack_grid.results .grid_item:before,
.stack_grid.jurys_four .grid_item:before {
    background-size: var(--borderThreeLinesX);
}
.stack_grid.no_results .grid_item:before {
    display: none;
}
.grid_item:after {
	content: "";
    position: absolute;
    right: 0;
    bottom: var(--innerGridGutter);
	width: var(--borderWeight);
    /* height: calc(100% + var(--innerGridGutter)*2); */
	height: 100%;
    background-image: var(--borderLineY);
    background-size: var(--borderSixLinesY);
}
.stack_grid.news .grid_item:after {
    background-size: var(--borderFiveLinesY);
}
.stack_grid.participants .grid_item:after {
    background-size: var(--borderThreeLinesY);
}
.stack_grid.programs .grid_item:after {
    background-size: var(--borderTwelveLinesY);
}
/*
.stack_grid.grants_q_a .grid_item:after {
    background-size: var(--borderTwentyfourLinesY);
}
*/
.stack_grid.results .grid_item:after {
    background-size: var(--borderOneLinesY);
}
.stack_grid.foundation .grid_item:after,
.stack_grid.casa_neptuna .grid_item:nth-child(2n):after,
.stack_grid.residences .grid_item:nth-child(3n):after,
.stack_grid.programs .grid_item:nth-child(3n):after,
.stack_grid.jurys .grid_item:nth-child(3n):after,
.stack_grid.jurys_four .grid_item:nth-child(4n):after,
.stack_grid.grants .grid_item:nth-child(1n):after,
.stack_grid.grants .grid_item:nth-child(2n):after,
.stack_grid.grants_q_a .grid_item:nth-child(3n):after,
.stack_grid.news .grid_item:nth-child(4n):after,
.stack_grid.results .grid_item:nth-child(4n):after,
.stack_grid.residents .grid_item:nth-child(6n):after,
.stack_grid.participants .grid_item:nth-child(6n):after {
    display: none;
}
/*
.stack_grid:not(.residents):not(.participants):not(.results) .grid_item:last-child:after {
	display: none;
}
*/
.grid_item .grid_item_inner {
	padding: var(--innerGridGutter);
}
.grid_item.sticky {
	position: -webkit-sticky;
  	position: sticky;
	top: var(--headerHeight);
}
.grid_item .grid_item_inner.sticky {
	position: -webkit-sticky;
  	position: sticky;
	top: var(--headerHeight);
}
.grid_item .grid_item_inner.full_height,
.grid_item .grid_item_inner.full_height.sticky {
	height: var(--contentHeight);
    overflow-y: scroll;
}
.grid_item.min_height,
.grid_item .grid_item_inner.min_height,
.grid_item .grid_item_inner.min_height.sticky {
	min-height: var(--contentHeight);
    /*overflow-y: scroll;*/
}
.grid_item .grid_item_inner .thumb {
	align-self: start;
	margin-bottom: var(--innerGridGutter);
}
body .stack_grid .grid_item .thumb img.colorize {
	filter: grayscale(0) brightness(100%) contrast(1);
	/*mix-blend-mode: multiply;*/
	transition-property: filter, mix-blend-mode;
  	transition: var(--transitionDuration);
}
body .stack_grid .grid_item .thumb img.colorize:hover {
	filter: grayscale(0) contrast(1);
	/*mix-blend-mode: normal;*/
}
.grid_item .grid_item_inner img {
	width: 100%;
}
body .grid_item .grid_item_inner .title {
	/*margin-top: var(--innerGridGutter);*/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body:not(.grants) .grid_item .grid_item_inner .title {
	padding: 0 calc(var(--innerGridGutter)*0.1) var(--rowSmallGutter);
}
.grid_item .grid_item_inner .sub_title {
	padding: 0 calc(var(--innerGridGutter)*0.1) 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.grid_item .grid_item_inner .title h1 {
	display: inline;
	font-family: "AMA Regular";
	font-size: var(--largeFontAMA);
	text-transform: lowercase;
	line-height: var(--lineHeightAMA);
}
.grid_item .grid_item_inner .title h2,
h2.title, h2.sub_title {
	font-family: "AMA Regular";
	font-size: var(--largeFontAMA);
	text-transform: lowercase;
	line-height: var(--lineHeightAMA);
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.grid_item .grid_item_inner .title h3,
h3.title  {
	display: inline;
	font-family: "Ama Diatype Variable", "Ama Diatype Thin", sans-serif;
	font-size: var(--largeFont);
	text-transform: uppercase;
	font-weight: 100;
    line-height: var(--lineHeightHeadline);
}
.grid_item .grid_item_inner .text {
	padding-bottom: var(--rowGutter);
	letter-spacing: var(--letterSpacing);
}
.grid_item .grid_item_inner .text a {
	text-decoration: var(--linkDeco);
    grid-column: 1;
	/*margin-top: var(--rowGutter);*/
}
.link_below {
	margin-top: var(--innerGridGutter);
	text-decoration: var(--linkDeco);
}
.stack_grid .grid_item .grid_item_inner .anchor_space {
	pointer-events: none !important;
	z-index:-100;
}

/*** ENTRIES NAVIGATION
*****************************************************/
.prev_next {
	display: flex;
	justify-content: space-between;
	align-items: center;
    padding: var(--rowSmallGutter) 0;
}
.prev_next img {
	width: auto !important;
	height: calc(var(--xlargeFont)*0.7);
	/*
	margin-top: var(--rowGutter);
	padding-bottom: var(--rowGutter);
	*/
}

/*** FOOTER
*****************************************************/
footer {
	width: 100%;
    padding: var(--rowGutter) 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    left: 0;
    top: 0
    grid-column: var(--footerCols);
    height: var(--footerHeight);
    position: relative;
    display: flex;
    gap: var(--colGutter);
    justify-content: space-between;
    align-items: start;
    background: var(--backColor);
}
footer:before {
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% + var(--innerGridGutter)*2);
    height: var(--borderWeight);
    background-image: var(--borderLineX);
    background-size: var(--borderTwelveLinesX);
}
footer.mobile {
	display: none;
}
footer .signature {
	display: flex;
	gap: var(--colGutter);
	justify-content: space-between;
	align-items: start;
}
footer img.faa_logo {
	height: calc(var(--rowSmallGutter)*2.65);
	/*
	height: calc(var(--rowSmallGutter)*3.3);
	transform: translateY(calc(var(--innerGridGutter)*-0.5));
	*/
}
footer p.site_description {
	width: 300px;
	font-size: var(--smallFont);
	font-weight: 300;
}
footer nav.footer_menu {
	font-size: var(--smallFont);
	font-weight: 300;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: var(--letterSpacing);
}
.footer_bar {
    width: 100%;
	height: var(--innerGridGutter);
    position: absolute;
	top: calc(var(--innerGridGutter)*-1);
	background: var(--backColor);
	z-index: 100;
}

/*** RESPONSIVE STYLE
*****************************************************/
@media (max-width:1180px) {
/***tablet (horizontal)***/
	body:not(.home) {
  		height: 100vh;
  		height: calc(var(--vh, 1vh) * 100);
	}
	nav.main_menu {
		height: calc(calc(var(--vh, 1vh) * 100) - var(--headerHeight) - var(--innerGridGutter)*2);
	}
	.stack_grid .grid_item .grid_item_inner .anchor_space {
		pointer-events: none !important;
		z-index:-100;
	}

}
@media (max-width:820px) {
/***tablet (vertical)***/
	:root {
		--xsmallFont: 0.75rem;
		--smallFont: 0.9rem;
		--mediumFont: 1.2rem;
		--largeFont: 1.6rem;
		--largeFontAMA: 1.75rem;
		--xlargeFont: 2.55rem;
		--moonFont: 5rem;
		--colGutter: calc(var(--mediumFont) * 1);
		--sixGrid: repeat(3, 1fr);
		--transitionDuration: 0;
	}
	header:before {
		background-size: var(--borderSixLinesX);
	}
	.site_name {
		margin-top: 0;
		left: calc(var(--colGutter)*4.6);
	}
	.moon_phase {
		gap: calc(var(--colGutter)*0.75);
	}
	.moon_phase_button {
		margin-top: calc(var(--innerGridGutter)*0.3);
	}
	.grid_item:before {
		background-size: var(--borderSixLinesX);
	}
	.grid_item .grid_item_inner.full_height,
	.grid_item .grid_item_inner.full_height.sticky {
    	height: auto;
    	overflow-y: visible;
	}
	.grid_item .grid_item_inner.min_height,
	.grid_item .grid_item_inner.min_height.sticky {
		min-height: auto;
	}
	.stack_grid.casa_neptuna .grid_item:nth-child(2n):after,
	.stack_grid.residences .grid_item:nth-child(3n):after,
	.stack_grid.programs .grid_item:nth-child(3n):after,
	.stack_grid.jurys .grid_item:nth-child(1n):after,
	.stack_grid.jurys_four .grid_item:nth-child(1n):after,
	.stack_grid.residents .grid_item:nth-child(3n):after,
	.stack_grid.participants .grid_item:nth-child(6n):after,
	.stack_grid.participant .grid_item:nth-child(1n):after,
	.stack_grid.grants .grid_item:nth-child(2n):after,
	.stack_grid.news .grid_item:nth-child(2n):after,
	.stack_grid.results .grid_item:nth-child(4n):after {
		display: none;
	}
	footer:before {
		background-size: var(--borderSixLinesX);
	}
}
@media (max-width:600px) {
/***mobile***/
	:root {
		--threeGrid: repeat(1, 1fr);
		--fourGrid: repeat(1, 1fr);
		--sixGrid: repeat(1, 1fr);
	}
	header:before {
		background-size: var(--borderTwoLinesX);
	}
	header nav.sub_menu {
		display: none;
	}
	nav.main_menu > ul {
		font-family: "AMA Regular";
	}
	.grid_item:before {
		background-size: var(--borderTwoLinesX);
	}
	.stack_grid.residents .grid_item:before,
	.stack_grid.participants .grid_item:before {
    	background-size: var(--borderThreeLinesX);
	}
	.stack_grid.casa_neptuna .grid_item:nth-child(1n):after,
	.stack_grid.residences .grid_item:nth-child(1n):after,
	.stack_grid.programs .grid_item:nth-child(1n):after,
	.stack_grid.jurys .grid_item:nth-child(1n):after,
	.stack_grid.residents .grid_item:nth-child(1n):after,
	.stack_grid.participants .grid_item:nth-child(6n):after,
	.stack_grid.participant .grid_item:nth-child(1n):after,
	.stack_grid.grants .grid_item:nth-child(1n):after,
	.stack_grid.news .grid_item:nth-child(1n):after,
	.stack_grid.results .grid_item:nth-child(1n):after {
		display: none;
	}
	.stack_grid.grants .grid_item:before {
    	background-size: var(--borderTwoLinesX);
	}
	footer:before {
		background-size: var(--borderTwoLinesX);
	}
	footer.desktop {
		display: none;
	}
	footer.mobile {
		display: flex;
	}
	footer.mobile nav.sub_menu{
		text-align: left;
		display: grid;
    	grid-template-columns: var(--twoGrid);
    	width: 100%;
    	grid-gap: var(--colGutter);
	}
	
}