/* About
==================================== */
:root{
	--row-gap: calc(var(--fs)*var(--lh)*3);
}
@media (max-width: 600px){
	:root{
		--row-gap: calc(40px + 1px + 6px);
	}
}

/*Wrapper*/
.page-about main{
	width: 100vw;
	min-height: var(--h);
	padding: var(--mBlock) var(--sides);
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: min-content 1fr min-content;
	grid-gap: var(--row-gap) var(--colsx2);
}
@media (max-width: 1180px){
	.page-about main{
		grid-template-rows: repeat(2, min-content) 1fr;
	}
}
@media (max-width: 834px){
	.page-about main{
		grid-template-rows: initial;
		grid-auto-rows: min-content;
	}
}
@media (max-width: 600px){
	.page-about main{
		padding-bottom: 0;
		grid-template-columns: 1fr;
	}
}

/*Header*/
@media (min-width: 1181px){
	.page-about header{
		position: initial;
		height: fit-content;
		height: -moz-fit-content;
		padding: 0;
		grid-row: 3;
		grid-column: 7 / -1;
		align-self: flex-end;
		display: grid !important;
		grid-template-columns: 1fr max-content;
		align-items: flex-end;
		justify-content: space-between;
		row-gap: 0;
	}
	.page-about .logo-wrapper{
		display: flex;
		flex-wrap: wrap;
	}
	.page-about .logo-wrapper span{
		width: max-content;
		width: -moz-max-content;
	}
	.page-about menu{
		grid-column: auto;
	}
}

/*Wrapper Credits*/
#about-clientsCredits_wrapper{
	display: contents;
}
@media (min-width: 835px) and (max-width: 1180px){
	#about-clientsCredits_wrapper{
		position: sticky;
		position: -webkit-sticky;
		top: var(--mBlock);
		height: fit-content;
		height: -moz-fit-content;
		min-height: calc(var(--h) - var(--mBlock)*2);
		/* grid-row: 1 / 5; */
		grid-row: 1 / 4;
		grid-column: 1 / 5;
		display: grid;
		grid-auto-rows: 1fr min-content;
		row-gap: var(--row-gap);
	}
}
/* @media (max-width: 834px),
		 (min-width: 1025px){ */
	#about-clientsCredits_wrapper .logo-wrapper{
		display: none !important;
	}
/* } */
/* @media (max-width: 1024px){
	#about-clientsCredits_wrapper{
		grid-auto-rows: min-content 1fr;
	}
} */

/*Infos*/
#about-clients{
	height: fit-content;
	height: -moz-fit-content;
	grid-column: 2 span;
	grid-row: 1 / 3;
}
#about-infos{
	grid-column: 4 span;
	grid-row: 1 / 3;
	display: grid;
	grid-auto-flow: row;
	grid-auto-rows: min-content;
	row-gap: inherit;
}
/* #about-infos_description{
	max-width: var(--textlength);
} */
#about-credits{
	grid-column: 1 / 7;
	grid-row: -2 / -1;
	display: grid;
	grid-auto-rows: min-content;
	column-gap: var(--colsx2);
	align-items: flex-end;
}
#about-credits span{
	white-space: nowrap;
}
@media (min-width: 1181px){
	#about-credits{
		grid-template-columns: repeat(3, 1fr);
	}
	#about-credits_copyright{
		grid-column: 2 span;
	}
}
@media (max-width: 1180px){
	#about-infos{
		grid-row: auto;
		grid-column: 8 span;
	}
	#about-infos_contact{
		grid-row: 1;
	}
	#about-clients,
	#about-credits{
		grid-row: auto;
		grid-column: 1 / -1;
	}
}
@media (max-width: 834px){
	#about-clients{
		position: sticky;
		position: -webkit-sticky;
		top: var(--mBlock);
		grid-row: 1 / 5;
		grid-column: 1 / 5;
	}
	#about-credits{
		grid-row: 4;
		grid-column: 5 / -1;
	}
}
@media (max-width: 600px){
	#about-infos{
		grid-column: 1 / -1;
	}
	#about-clients{
		position: relative;
		top: auto;
		grid-row: 4;
		grid-column: 1 / -1;
	}
	#about-credits{
		padding-bottom: 40px;
		grid-row: 5;
		grid-column: 1 / -1;
		grid-template-columns: 1fr;
	}
}

/*Sections*/
.about-section_wrapper{
	grid-column: 6 span;
}
.about-section{
	position: relative;
}
.about-section_year{
	position: absolute;
}
.about-section_content{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: min-content;
	column-gap: var(--colsx2);
}
.about-section_content_title{
	margin-left: calc(4ch + var(--cols));
}
@media (max-width: 1180px){
	.about-section_wrapper{
		grid-column: 5 / -1;
	}
}
@media (max-width: 834px){
	.about-section_content{
		grid-template-columns: 1fr;
	}
	.about-section_content_description{
		margin-left: calc(4ch + var(--cols));
	}
}
@media (max-width: 600px){
	.about-section_wrapper{
		grid-column: 1 / -1;
	}
	.about-section_content{
		grid-template-columns: 1fr;
	}
	.about-section_content_description{
		display: none;
	}
}

/*Lines*/
@media (min-width: 601px){
	.column-rule{
		position: fixed;
		top: var(--mBlock);
		width: 1px;
		height: calc(var(--h) - var(--mBlock)*2);
		background-color: var(--ctext);
	}
	.column-rule_1{
		left: calc(var(--sides) + (100vw - var(--sides)*2 - var(--colsx2)*11)/12*2 + var(--colsx2)*2 - var(--colsx2)/2);
	}
	.column-rule_2{
		left: calc(var(--sides) + (100vw - var(--sides)*2 - var(--colsx2)*11)/12*6 + var(--colsx2)*6 - var(--colsx2)/2);
	}
}
@media (max-width: 1180px){
	.column-rule_1{
		left: calc(var(--sides) + (100vw - var(--sides)*2 - var(--colsx2)*11)/12*4 + var(--colsx2)*4 - var(--colsx2)/2)
	}
	.column-rule_2{
		display: none;
	}
}
@media (max-width: 600px){
	.column-rule_1{
		display: none;
	}
	.row-rule{
		position: relative;
	}
	.row-rule::after{
		content: '';
		position: absolute;
		left: calc(var(--sides)*-1);
		bottom: -40px;
		width: 100vw;
		height: 1px;
		background-color: var(--ctext);
	}
}