/*
	HERO
 */


section.pHero {
	position: relative;
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 3rem;
}

figure.pPortrait {
	display: inline-block;
	position: relative;
	border: solid 0.33em rgb(252, 248, 245);
	border-radius: 50%;
}
figure.pPortrait img {
	border-radius: 50%;
}

div.pOrigine { position: absolute; }
div.pOrigine > * { display: inline-block; vertical-align: middle; }
div.pOrigine img { height: 0.9em; width: auto; margin-right: 0.5em; }
div.pOrigine p { font-size: 0.9em; text-transform: uppercase; }

div.pTitle { position: relative; }
h1 { position: relative; }
p.pTagline {
	position: relative;
	margin: 0;
	top: -1rem;
}
@media screen and (max-width: 767px) {
	section.pHero {
		background-size: 100vw;
		padding-top: calc(100vw / 1.618 / 1.618 - 19vw);
		padding-left: 2vw;
		padding-right: 2vw;
	}
	figure.pPortrait { width: 38vw; height: 38vw; }
	div.pOrigine {
		top: calc(100vw / 1.618 / 1.618);
		left: calc(2vw + 38vw + 2vw);
	}
	div.pTitle { top: -1.5rem; }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	section.pHero {
		width: 62vw; margin-left: 19vw;
		background-size: 62vw;
		padding-top: calc(62vw / 1.618 / 1.618 - 9vw);
		padding-left: 2vw;
	}
	figure.pPortrait { width: 18vw; height: 18vw; }
	div.pOrigine {
		top: calc(62vw / 1.618 / 1.618);
		left: calc(2vw + 18vw + 2vw);
	}
	div.pTitle { top: -1.5rem; }
}
@media screen and (min-width: 1280px) {
	section.pHero {
		background-size: 38vw;
		height: calc(38vw / 1.618 / 1.618);
		padding-left: calc(38vw - 6vw);
		padding-top: calc((38vw / 1.618 / 1.618 - 12vw) / 2);
	}
	section.pHero > * { vertical-align: middle; display: inline-block; }
	figure.pPortrait { width: 12vw; height: 12vw; }
	div.pOrigine {
		bottom: 0;
		left: calc(38vw + 1rem);
	}
	div.pTitle { padding-left: 1rem; }
}



/*
	PROFILE
 */


section.pProfile { margin: 3rem 0; }

section.pProfile .mPane { border-radius: 1rem; }
section.pProfile .mPane img { border-radius: 1rem; }

section.pProfile .mText { padding: 0 1rem; }

@media screen and (max-width: 767px) {
	section.pProfile h2 { margin-left: 2vw; }
	section.pProfile .mPanel { padding: 0 1vw; }
	section.pProfile .mPane { flex: 0 0 80vw; margin: 0 2.5vw 0 0; }
	section.pProfile .mPane img { width: 80vw; height: calc(80vw * 1.618); }
	section.pProfile .mPane:nth-child(6) { display: none !important; }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	section.pProfile { margin-left: 2vw; margin-right: 2vw; }
	section.pProfile .mPane { flex: 0 0 30vw; margin: 1vw; }
	section.pProfile .mPane img { width: 30vw; height: calc(30vw * 1.618); }
	section.pProfile .mPane:nth-child(6) { display: none !important; }
}
@media screen and (min-width: 1280px) {
	section.pProfile { margin-left: 2vw; margin-right: 2vw; }
	section.pProfile .mPanel { padding: 0 15vw; }
	section.pProfile .mPane { flex: 0 0 20vw; margin: 1vw; }
	section.pProfile .mPane img { width: 20vw; height: calc(20vw * 1.618); }
}


/*
	TASTY
 */


section.pTasty { margin: 3rem 0; }

@media screen and (max-width: 767px) {
	section.pTasty figure { width: 100vw; height: calc(100vw * 1.618); }
}
@media screen and (min-width: 768px) {
	section.pTasty figure { display: none !important; }
}