@charset 'utf-8'; /*—~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
—                ██████╗████████╗██╗   ██╗ ██╗      ██████╗        ██████╗ ██╗  ██╗  ██████╗  ██████╗ ████████╗
░               ██╔════╝╚══██╔══╝╚██╗ ██╔╝ ██║     ██╔════╝       ██╔════╝ ██║  ██║ ██╔════╝ ██╔════╝ ╚══██╔══╝
▒               ╚█████╗    ██║    ╚████╔╝  ██║     █████╗  █████╗ ╚█████═╗ ███████║ █████╗   █████╗      ██║   
▓                ╚═══██╗   ██║     ╚██╔╝   ██║     ██╔══╝  ╚════╝  ╚═══██║ ██╔══██║ ██╔══╝   ██╔══╝      ██║   
█               ██████╔╝   ██║      ██║    ███████╗╚██████╗       ██████╔╝ ██║  ██║  ██████╗  ██████╗    ██║   
—               ╚═════╝    ╚═╝      ╚═╝    ╚══════╝ ╚═════╝       ╚═════╝  ╚═╝  ╚═╝  ╚═════╝  ╚═════╝    ╚═╝   
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~♦ by qui-design.fr ♦~~~~.

 0 <-| 539
 0 <---| 736
 0 <-----| 979
         737 |----------> ∞
           980 |--------> ∞
             1081 |-----> ∞
               1220 |---> ∞
                 1340 |-> ∞

/*                                               ▓▓▓▓▓▓╗ ▓▓╗  ▓▓╗ ▓▓▓▓▓▓╗ ▓▓▓╗   ▓▓╗ ▓▓▓▓▓▓╗
                                                 ▓▓╔══▓▓╗▓▓║  ▓▓║▓▓╔═══▓▓╗▓▓▓▓╗  ▓▓║▓▓╔════╝
                                                 ▓▓▓▓▓▓╔╝▓▓▓▓▓▓▓║▓▓║   ▓▓║▓▓╔▓▓╗ ▓▓║▓▓▓▓▓╗  
                                                 ▓▓╔═══╝ ▓▓╔══▓▓║▓▓║   ▓▓║▓▓║╚▓▓╗▓▓║▓▓╔══╝  
                                                 ▓▓║     ▓▓║  ▓▓║╚▓▓▓▓▓▓╔╝▓▓║ ╚▓▓▓▓║ ▓▓▓▓▓▓╗
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ╚═╝     ╚═╝  ╚═╝ ╚═════╝ ╚═╝  ╚═══╝ ╚═════╝
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~  P H O N E  —  P O R T R A I T  |  0  ⟾  7 3 6.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 539px) {
	#siteDevice {
		content: 'phone-portrait';
	}
	[class*="postSection"] > * {
		flex-wrap: wrap;
	}
}
@media only screen and (max-width: 736px) {
	.pageHero > div h1 br, .pageIntro p br {
		display: contents;
	}
}


/*~~~~~~~~~~  P H O N E  —  L A N D S C A P E  |  0  ⟾  9 7 9.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 979px) {
	body, html {
		height: auto;
		-webkit-overflow-scrolling: touch;
	}
	#siteDevice {
		content: 'phone-landscape';
	}
}
@media only screen and (max-width: 1080px) {
}
@media only screen and (max-width: 1280px) {
}





/*                                                                                   ▄▄    
                        ▓▓▓▓▓▓▓▓╗ ▓▓▓▓▓╗ ▓▓▓▓▓▓╗ ▓▓╗      ▓▓▓▓▓▓╗▓▓▓▓▓▓▓▓╗         ▄████▄  
                        ╚══▓▓╔══╝▓▓╔══▓▓╗▓▓╔══▓▓╗▓▓║     ▓▓╔════╝╚══▓▓╔══╝       ▄██▀  ▀██▄
                           ▓▓║   ▓▓▓▓▓▓▓║▓▓▓▓▓▓╔╝▓▓║     ▓▓▓▓▓╗     ▓▓║                    
                           ▓▓║   ▓▓╔══▓▓║▓▓╔══▓▓╗▓▓║     ▓▓╔══╝     ▓▓║          ▀██▄  ▄██▀
                           ▓▓║   ▓▓║  ▓▓║▓▓▓▓▓▓╔╝▓▓▓▓▓▓▓╗ ▓▓▓▓▓▓╗   ▓▓║            ▀████▀  
~~~~~~~~~~~~~~~~~~~~~~~~~~ ╚═╝   ╚═╝  ╚═╝╚═════╝ ╚══════╝ ╚═════╝   ╚═╝              ▀▀    
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~  P H O N E  —  P O R T R A I T  |  0  ⟾  5 4 0.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (min-width: 540px) {
}

/*~~~~~~  T A B L E T  —  P O R T R A I T  |  7 3 7  ⟾  9 0 0.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (min-width: 737px) {
	#siteDevice {
		content: 'tablet-portrait';
	}
}





/*                      ▓▓▓▓▓▓▓▓╗ ▓▓▓▓▓╗ ▓▓▓▓▓▓╗ ▓▓╗      ▓▓▓▓▓▓╗▓▓▓▓▓▓▓▓╗        ██   ██  
                        ╚══▓▓╔══╝▓▓╔══▓▓╗▓▓╔══▓▓╗▓▓║     ▓▓╔════╝╚══▓▓╔══╝       ██     ██ 
                           ▓▓║   ▓▓▓▓▓▓▓║▓▓▓▓▓▓╔╝▓▓║     ▓▓▓▓▓╗     ▓▓║         ██       ██
                           ▓▓║   ▓▓╔══▓▓║▓▓╔══▓▓╗▓▓║     ▓▓╔══╝     ▓▓║          ██     ██
                           ▓▓║   ▓▓║  ▓▓║▓▓▓▓▓▓╔╝▓▓▓▓▓▓▓╗ ▓▓▓▓▓▓╗   ▓▓║           ██   ██ 
~~~~~~~~~~~~~~~~~~~~~~~~~~ ╚═╝   ╚═╝  ╚═╝╚═════╝ ╚══════╝ ╚═════╝   ╚═╝             
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~  T A B L E T  —  L A N D S C A P E  |  9 8 0  ⟾  1 0 8 0.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (min-width: 980px) {
	#siteDevice {
		content: 'tablet-landscape';
	}
	:root {
		--fs: 1.5rem;
		--h-w: 10rem;
		--h-h: 100%;
		--edge: var(--hole);
	}
	#siteMain {
		margin-left: var(--h-w);
	}

	/*~~~~~~~~~~~~~~~~~~~~~~~~~~ SITE HEADER */
	#headerKnob {
		display: none;
		pointer-events: none;
	}
	#headerFrame {
		width: auto;
		height: 100vh;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	#headerMenuPane {
		width: var(--h-w);
	}
	#headerMenuPaneNav, .headerMenuPaneList {
		position: relative;
		width: 100%;
	}
	#headerMenuPane, #headerSwitch:checked ~ #headerMenuPane {
		z-index: 2;
		position: absolute;
		opacity: 1;
		background: none;
		transition: none;
	}
	#headerMenuPaneNav, #headerSwitch:checked ~ #headerMenuPane > #headerMenuPaneNav {
		opacity: 1;
		padding: 0;
		align-items: center;
		transform: translateX(0%);
		background: none;
		box-shadow: none;
		pointer-events: auto;
	}

	/*~~~~~~~~~~~~~~~~~~~~~~~~~~ SITE FOOTER */
	#footerFrame {
	}
}



                                                           

/*                               ▓▓▓╗   ▓▓▓╗ ▓▓▓▓▓▓╗ ▓▓▓╗   ▓▓╗▓▓╗▓▓▓▓▓▓▓▓╗ ▓▓▓▓▓▓╗ ▓▓▓▓▓▓╗ 
                                 ▓▓▓▓╗ ▓▓▓▓║▓▓╔═══▓▓╗▓▓▓▓╗  ▓▓║▓▓║╚══▓▓╔══╝▓▓╔═══▓▓╗▓▓╔══▓▓╗
                                 ▓▓╔▓▓▓▓╔▓▓║▓▓║   ▓▓║▓▓╔▓▓╗ ▓▓║▓▓║   ▓▓║   ▓▓║   ▓▓║▓▓▓▓▓▓╔╝
                                 ▓▓║╚▓▓╔╝▓▓║▓▓║   ▓▓║▓▓║╚▓▓╗▓▓║▓▓║   ▓▓║   ▓▓║   ▓▓║▓▓╔══▓▓╗
                                 ▓▓║ ╚═╝ ▓▓║╚▓▓▓▓▓▓╔╝▓▓║ ╚▓▓▓▓║▓▓║   ▓▓║   ╚▓▓▓▓▓▓╔╝▓▓║  ▓▓║
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ╚═╝     ╚═╝ ╚═════╝ ╚═╝  ╚═══╝╚═╝   ╚═╝    ╚═════╝ ╚═╝  ╚═╝
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~  M O N I T O R  |  1 0 8 1  ⟾  ∞.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MONITOR */
@media only screen and (min-width: 1081px) {
	:root {
		/*--edge: var(--strait);*/
	}
	#siteDevice {
		content: 'monitor';
	}
	.mosaicList {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (min-width: 1120px) {
	#footerFrame .siteLogo svg {
		width: auto;
		height: 150px;
	}
}

/*~~~~~~~~~~~~~~~~~~~~~~~ MONITOR LAPTOP */
@media only screen and (min-width: 1220px) {
	#siteDevice {
		content: 'monitor-laptop-narrow';
	}
}
@media only screen and (min-width: 1340px) {
	#siteDevice {
		content: 'monitor-laptop';
	}
	.mosaicList {
		grid-template-columns: repeat(4, 1fr);
	}
}

/*~~~~~~~~~~~~~~~~~~~~~~~~ MONITOR LARGE */
@media only screen and (min-width: 1540px) {
	#siteDevice {
		content: 'monitor-large';
	}
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~ MONITOR WIDE */
@media only screen and (min-width: 1860px) {
	#siteDevice {
		content: 'monitor-wide';
	}
}

/*~~~~~~~~~~~~~~~~~~~~~~~~ MONITOR GIANT */
@media only screen and (min-width: 2440px) {
	#siteDevice {
		content: 'monitor-giant';
	}
}





/*                                                    ▓▓▓▓▓▓╗ ▓▓▓▓▓▓╗ ▓▓╗▓▓▓╗   ▓▓╗▓▓▓▓▓▓▓▓╗
                                                      ▓▓╔══▓▓╗▓▓╔══▓▓╗▓▓║▓▓▓▓╗  ▓▓║╚══▓▓╔══╝
                                                      ▓▓▓▓▓▓╔╝▓▓▓▓▓▓╔╝▓▓║▓▓╔▓▓╗ ▓▓║   ▓▓║   
                                                      ▓▓╔═══╝ ▓▓╔══▓▓╗▓▓║▓▓║╚▓▓╗▓▓║   ▓▓║   
                                                      ▓▓║     ▓▓║  ▓▓║▓▓║▓▓║ ╚▓▓▓▓║   ▓▓║   
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ╚═╝     ╚═╝  ╚═╝╚═╝╚═╝  ╚═══╝   ╚═╝   
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@page {
	margin: 10mm 12mm 0mm 12mm;
}

@media print {
	#mediaQueries {
		content: 'print';
	}
	*, *::before, *::after {
		color: black !important;
		text-shadow: none !important;
		box-shadow: none !important;
		background: transparent !important;
		-webkit-print-color-adjust: exact;
	}
	html, body {
		position: relative !important;
		overflow: visible !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 10pt !important;
		border: none !important;
		background: none !important;
	}
	#siteFrame, #siteMain {
		min-height: 287mm !important;
		break-inside: auto;
	}
	.rotulus {
		width: 190mm !important;
		margin: auto !important;
	}
	/* */
	a, a:visited {
		text-decoration: underline;
	}
	pre, blockquote,
	#pageChildList li {
		border: 1px solid var(--dove);
	}
	thead {
		display: table-header-group;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	sup {
		vertical-align: text-bottom;
	}
}

/*~~~~~~~~~~~ SUPER CLASS FOR PRINT MODE */
.print *, .print *::before, .print *::after {
	color: black !important;
	text-shadow: none !important;
	box-shadow: none !important;
	background: transparent !important;
	-webkit-print-color-adjust: exact;
}
html.print, .print body {
	position: relative !important;
	overflow: visible !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 10pt !important;
	border: none !important;
	background: none !important;
}
.print #siteFrame, .print #siteMain {
	min-height: 287mm !important;
	page-break-inside: avoid !important;
}
.print .rotulus {
	width: 190mm !important;
	margin: auto !important;
}
/* */
.print a, .print a:visited {
	text-decoration: underline;
}
.print pre, .print blockquote {
	border: 1px solid var(--dove);
	page-break-inside: avoid;
}
.print thead {
	display: table-header-group;
}
.print p, .print h2, .print h3 {
	orphans: 3;
	widows: 3;
}
.print sup {
	vertical-align: text-bottom;
}





/*—~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/