main{
	position: static;
	display: block;
}

h1{
	font-family: Playfair Display;
	font-style: normal;
	font-weight: 900;
	font-size: 96rem; 
	line-height: 126.5%;
	letter-spacing: 0.015em;
	margin: 60rem 145rem 30rem 145rem;
}





.project-more-content .subtitle, 
.project-more-content .description{
	margin: 16rem 145rem 16rem 145rem;
	font-family: PT Mono;
	font-style: normal;
	font-weight: normal;
	font-size: 13rem; 
	line-height: 109.5%;
	letter-spacing: 0.015em;
	width: 402rem;
}
.project-more-content .subtitle{
	color: #6E6E6E;
}
.project-more-content .description p{
	margin:0 0 0.9em 0;
}
.description p:last-child{
	margin:0;
}
.project-more-content .description{
	margin-bottom: 135rem;
}

.gallery{
	/*display: flex;
	flex-wrap: wrap;
	width: 65.83%;
	margin:0 auto 0 auto;
	justify-content: space-between;
	*/
	width: 65.83%;
	margin:0 auto 0 auto;
	width: 80.5%;
}
.gallery::after{
    content: "";
    display: block;
    clear: both;
}
.gallery figure{
	/*width: 31.5%;
	height: 0;
	padding-bottom: 30%;  
	position: relative;
	margin: 0 0 2.6% 0;*/

	width: 20.833%;
    padding-bottom: 20.833%;
    height: 0;
    margin: 0 1.736% 1.736% 0; 
    position: relative;
    float: left;
}
.gallery figure:nth-child(8n+1){
    margin-right: 46.874%;
}

.gallery figure:nth-child(8n+3), 
.gallery figure:nth-child(8n+4){
    margin-right: 24.305%;
}

.gallery figure:nth-child(8n+5){
    margin-right: 24.305%;
    margin-left: 22.569%;
}

.gallery figure:nth-child(8n+7){
    margin-left: 22.569%;
}

.gallery figure:nth-child(8n+8){
    margin-right: 24.305%;
}


.gallery img{
	position: absolute;
	left:0; 
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;	
}



/*
.project-links{
	width: 65.83%;
	margin:0 auto 9em auto;
	display: flex;
	justify-content: flex-end;

}
.project-more-content .back-link{
	display:flex;
	align-items: center;
	justify-content: center;
	border:1rem solid;
	width: 31.5%;
	text-align:center;
	padding:1em 0;
	font-family: Poiret One;
	font-style: normal;
	font-weight: normal;
	font-size: 1.7vw;
	line-height: 91%;
	letter-spacing: 0.47em;
	text-decoration: none;
	text-transform: uppercase;
	transition: 0.4s;
}
.project-more-content .back-link svg{
	height: 1em;
	width: auto;
	margin-right: 50rem;
}
.back-link line{
	stroke: white;
	fill: white;
	transition: 0.4s;
}
.light .back-link line{
	stroke: black;
	fill: black;
	transition: 0.4s;
}
.project-more-content .back-link:hover{
	color: black;
	background:white;
}
.light .project-more-content .back-link:hover{
	color: white;
	background:black;
}
.back-link:hover line{
	stroke: black;
	fill: black;
}
.light .back-link:hover line{
	stroke: white;
	fill: white;
}
*/

.project-card .project-links{
    width: 65.83%;
    margin:0 auto 9em auto;
    display: flex;
    justify-content: flex-end;

}
.project-card .close-link{
    display:flex;
    align-items: center;
    justify-content: center;
    border:1rem solid;
    width: 31.5%;
    text-align:center;
    padding:1em 0;
    font-family: Poiret One;
    font-style: normal;
    font-weight: normal;
    font-size: 1.7vw;
    line-height: 91%;
    letter-spacing: 0.47em;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.4s;
    cursor: pointer;
}

.project-card .project-links{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    margin:0;
}
.project-card .close-link{
    width:20%;
    margin: 0.6em 1em 0.6em 1em;
    font-size:1vw;
}

.project-card .close-link svg{
    height: 1em;
    width: auto;
    margin-right: 50rem;
}
.project-card line{
    stroke: white;
    fill: white;
    transition: 0.4s;
}
.light .project-card .close-link line{
    stroke: black;
    fill: black;
    transition: 0.4s;
}
.project-card .close-link:hover{
    color: black;
    background:white;
}
.light .project-card .close-link:hover{
    color: white;
    background:black;
}
.project-card .close-link:hover line{
    stroke: black;
    fill: black;
}
.light .project-card .close-link:hover line{
    stroke: white;
    fill: white;
}



.light .project-more-content.opened *, .light .project-more-content.closed *{
    fill: black;
}


.light .open *, .light .close *{
	fill: black;
}