@import url(all.min.css);
@import url('https://fonts.googleapis.com/css2?family=Ruda:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



/* Image */

	.image {
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			display: block;
		}

		.image[data-position] img {
			-moz-object-fit: cover;
			-webkit-object-fit: cover;
			-ms-object-fit: cover;
			object-fit: cover;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		.image[data-position="top left"] img {
			-moz-object-position: top left;
			-webkit-object-position: top left;
			-ms-object-position: top left;
			object-position: top left;
		}

		.image[data-position="top"] img {
			-moz-object-position: top;
			-webkit-object-position: top;
			-ms-object-position: top;
			object-position: top;
		}

		.image[data-position="top right"] img {
			-moz-object-position: top right;
			-webkit-object-position: top right;
			-ms-object-position: top right;
			object-position: top right;
		}

		.image[data-position="right"] img {
			-moz-object-position: right;
			-webkit-object-position: right;
			-ms-object-position: right;
			object-position: right;
		}

		.image[data-position="bottom right"] img {
			-moz-object-position: bottom right;
			-webkit-object-position: bottom right;
			-ms-object-position: bottom right;
			object-position: bottom right;
		}

		.image[data-position="bottom"] img {
			-moz-object-position: bottom;
			-webkit-object-position: bottom;
			-ms-object-position: bottom;
			object-position: bottom;
		}

		.image[data-position="bottom left"] img {
			-moz-object-position: bottom left;
			-webkit-object-position: bottom left;
			-ms-object-position: bottom left;
			object-position: bottom left;
		}

		.image[data-position="left"] img {
			-moz-object-position: left;
			-webkit-object-position: left;
			-ms-object-position: left;
			object-position: left;
		}

		.image[data-position="center"] img {
			-moz-object-position: center;
			-webkit-object-position: center;
			-ms-object-position: center;
			object-position: center;
		}

		.image[data-position="25% 25%"] img {
			-moz-object-position: 25% 25%;
			-webkit-object-position: 25% 25%;
			-ms-object-position: 25% 25%;
			object-position: 25% 25%;
		}

		.image[data-position="75% 25%"] img {
			-moz-object-position: 75% 25%;
			-webkit-object-position: 75% 25%;
			-ms-object-position: 75% 25%;
			object-position: 75% 25%;
		}

		.image[data-position="75% 75%"] img {
			-moz-object-position: 75% 75%;
			-webkit-object-position: 75% 75%;
			-ms-object-position: 75% 75%;
			object-position: 75% 75%;
		}

		.image[data-position="25% 75%"] img {
			-moz-object-position: 25% 75%;
			-webkit-object-position: 25% 75%;
			-ms-object-position: 25% 75%;
			object-position: 25% 75%;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.left {
			float: left;
			margin: 0 2rem 2rem 0;
			top: 0.25rem;
		}

		.image.right {
			float: right;
			margin: 0 0 2rem 2rem;
			top: 0.25rem;
		}

		.image.fit {
			display: block;
			/*margin: 0 0 2rem 0;*/
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

		.image.main {
			display: block;
			margin: 0;
			width: 100%;
		}

			.image.main img {
				width: 100%;
			}

			.image.main:first-child {
				margin-top: 0;
			}

		.image.fill {
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}

			.image.fill img {
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
			}
/* Nav */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			
	}
			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
				background: #1c2021;
				color: #fff;
				font-size: 0.8em;
				letter-spacing: 0.075em;
				text-transform: uppercase;
				padding: 0.25em 0.75em 1em 0.75em;
			}

				#navPanel .link {
					border: 0;
					border-top: solid 1px rgba(255, 255, 255, 0.05);
					color: inherit;
					display: block;
					height: 3em;
					line-height: 3em;
					opacity: 0.75;
					text-decoration: none;
				}

					#navPanel .link.depth-0 {
						font-weight: 900;
					}

					#navPanel .link:first-child {
						border-top: 0;
					}

				#navPanel .indent-1 {
					display: inline-block;
					width: 1em;
				}

				#navPanel .indent-2 {
					display: inline-block;
					width: 2em;
				}

				#navPanel .indent-3 {
					display: inline-block;
					width: 3em;
				}

				#navPanel .indent-4 {
					display: inline-block;
					width: 4em;
				}

				#navPanel .indent-5 {
					display: inline-block;
					width: 5em;
				}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navButton {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}

	
/* wrapper0 */

	#wrapper0 {
		position: relative;
		display: grid;
		width: 1000vw;
		padding: 0 0 10rem 0;
	
	}

		#wrapper0:before {
			background-attachment: fixed;
			background-position: -50% 10%;
			background-repeat: repeat-y;
			background-size: 75% auto;
			content: '';
			display: block;
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 25vw;
			z-index: -1;
		}

		#wrapper0 section {
			display: grid;
			grid-template-areas: "header content";
			grid-template-columns: 30vw 70vw;
			grid-template-rows: auto;
		}

			#wrapper0 section:first-child {
				/*margin-top: 3em;*/
			}

			#wrapper0 section > header {
				grid-area: header;
				justify-self: end;
				text-align: right;
			}

				#wrapper0 section > header h2 {
						margin: 1rem 1rem 1rem 0;
					font-family: "Ruda", Helvetica, sans-serif;
					font-size: 1.6em;
					line-height: 1.3;
					}

				#wrapper0 section > header h2.gonza {
					margin: 1rem 1rem 1rem 0;
					font-family: "Ruda", Helvetica, sans-serif;
					font-size: 1.6em;
					line-height: 1.3;
					color:#6f0025;
					
					}

				#wrapper0 section > header h2.ideas {
					margin: 1rem 1rem 1rem 0;
					font-family: "Ruda", Helvetica, sans-serif;
					font-size: 1.6em;
					line-height: 1.3;
					color:#586240;
					}

				#wrapper0 section > header h2.bio {
					margin: 1rem 1rem 2rem 0!important;
					font-family: "Ruda", Helvetica, sans-serif;
					font-size: 1.6em;
					line-height: 1.3;
					color:#94c70;
				}

				#wrapper0 section > header h1 + p {
					font-family: "Ruda", Helvetica, sans-serif;
					font-size: 1.8rem;
					/*letter-spacing: 0.175em;*/
					line-height: 2.5;
					text-transform: uppercase;
				}

				#wrapper0 section > header ul.actions {
					justify-content: flex-end;
				}

			#wrapper0 section > .content {
				grid-area: content;
				max-width: 70rem;
				position: relative;
				max-height: inherit;
			}

			#wrapper0 section > footer {
				grid-area: footer;
				text-align: right;
			}

				#wrapper0 section > footer ul.actions {
					justify-content: flex-end;
				}

		#wrapper0 > section {
			position: relative;
		}

			#wrapper0 > section > header:before {
				/*background: #43d9b8;
				content: '';
				display: block;
				margin-top: 1rem;
				position: absolute;
				width: 2px;*/
			}

			#wrapper0 > section > header h1, #wrapper0 > section > header h2 {
				position: relative;
			}

				#wrapper0 > section > header h1:before, #wrapper0 > section > header h2:before {
					background: #194c70;
					content: '';
					display: block;
					height: 0.1rem;
					position: absolute;
					top: 1rem;
				}

				#wrapper0 > section > header h1:after, #wrapper0 > section > header h2:after {
					background: #194c70;
					border-radius: 1rem;
					content: '';
					display: block;
					height: 0.5rem;
					position: absolute;
					top: 0.75rem;
					width: 0.5rem;
				}

			#wrapper0 > section > header h1 {
				margin-top: -2rem;
			}

				#wrapper0 > section > header h1:before {
					top: 3rem;
				}

				#wrapper0 > section > header h1:after {
					top: 2.75rem;
				}

			#wrapper0 > section > .content > section {
				position: relative;
			}

				#wrapper0 > section > .content > section:first-child {
					margin-top: 6rem;
				}

			#wrapper0 > section.intro {
				align-items: center;
			}

				#wrapper0 > section.intro > header {
					padding-top: 4rem;
					width: 100%;
				}

					#wrapper0 > section.intro > header > * {
						margin-left: auto;
					}

					#wrapper0 > section.intro > header:before {
						left: auto;
					}

				#wrapper0 > section.intro > .content {
					height: 100vh;
					max-width: none;
				}

			#wrapper0 > section:last-of-type > header:before {
				height: 100%;
			}

			#wrapper0 > section:last-of-type > header:after {
				background: #194c70;
				border-radius: 0.5rem;
				bottom: -1.5rem;
				content: '';
				display: block;
				height: 0.5rem;
				position: absolute;
				width: 0.5rem;
				z-index: 1;
			}

		/*#wrapper0 .copyright {
			color: rgba(0, 0, 0, 0.25);
			font-size: 1rem;
			left: 50vw;
			position: relative;
			width: 50vw;
		}
			#wrapper0 .copyright a {
				color: inherit;
			}*/


		#wrapper0 section {
			margin: 4.5rem 0 0 0;
		}

			#wrapper0 section > header {
				padding: 0 2em 0 4em;
				/*width: 35rem;*/
			}

			#wrapper0 section > .content {
				padding: 1em 4em 0 2em;
				}

			#wrapper0 section > .content p{
				font-weight: 400;
				color:#666;
				padding: 0 0 1em 1em;
				
				}

			#wrapper0 section > .content h3{
				font-weight: 400;
				padding: 0 0 1em 0.5em;
				
				}

			#wrapper0 section > .content span.bio{
				color:#194c70;
				font-weight: 900;
			}

			#wrapper0 section > footer {
				padding: 0 10rem;
			}

		#wrapper0 > section > header:before {
			/*height: calc(100% + 10rem);*/
			left: calc(50vw - 5rem);
		}

		#wrapper0 > section > header h1:before, #wrapper0 > section > header h2:before {
			right: -5rem;
			width: 2.5rem;
		}

		#wrapper0 > section > header h1:after, #wrapper0 > section > header h2:after {
			right: -2.5rem;
		}

		#wrapper0 > section > .content > section {
			left: calc(-50vw - 5rem);
		}

			#wrapper0 > section > .content > section > header {
				width: 32rem;
			}

		#wrapper0 > section.intro > header > * {
			width: 20rem;
		}

		#wrapper0 > section.intro > header:before {
			margin-left: calc(50vw - 10rem);
		}

		@media screen and (max-width: 1152px) {
			
			#wrapper0 section {
			display: grid;
			grid-template-areas: "header content";
			grid-template-columns: 30vw 70vw;
			grid-template-rows: auto;
		}


			#wrapper0 > section.intro > header > * {
				width: 100%;
			}

			#wrapper0 > section.intro > header:before {
				margin-left: 0;
			}
			#wrapper0 section > header {
				padding: 0 2em 0 4em;
				/*width: 35rem;*/
			}


		}

		#wrapper0 > section:last-of-type > header:after {
			left: calc(55vw - 5rem - 0.25rem + 1px);
		}

		#wrapper0 .copyright {
			padding: 0 5rem;
		}

		@media screen and (max-width: 1280px) {

			#wrapper0 {
				padding: 0 0 8rem 0;
			}

				#wrapper0 section {
					margin: 6rem 0 0 0;
				}

					#wrapper0 section > header {
						padding: 0 8rem 0 4rem;
						width: 20rem;
					}

					#wrapper0 section > .content {
						padding: 0 4rem;
					}

					#wrapper0 section > footer {
						padding: 0 8rem;
					}

				#wrapper0 > section > header:before {
					height: calc(100% + 8rem);
					left: calc(50vw - 4rem);
				}

				#wrapper0 > section > header h1:before, #wrapper0 > section > header h2:before {
					right: -4rem;
					width: 2rem;
				}

				#wrapper0 > section > header h1:after, #wrapper0 > section > header h2:after {
					right: -2rem;
				}

				#wrapper0 > section > .content > section {
					left: calc(-50vw - 4rem);
				}

					#wrapper0 > section > .content > section > header {
						width: 30rem;
					}

				#wrapper0 > section.intro > header > * {
					width: 21rem;
				}

				#wrapper0 > section.intro > header:before {
					margin-left: calc(50vw - 8rem);
				}

		}

		@media screen and (max-width: 1280px) and (max-width: 1152px) {

			#wrapper0 > section.intro > header > * {
				width: 100%;
			}

			#wrapper0 > section.intro > header:before {
				margin-left: 0;
			}

		}

		@media screen and (max-width: 1280px) {

				#wrapper0 > section:last-of-type > header:after {
					left: calc(50vw - 4rem - 0.25rem + 1px);
				}

				#wrapper0 .copyright {
					padding: 0 4rem;
				}

		}

		@media screen and (max-width: 1001px) {

			#wrapper0 {
				padding: 0;
			}
	#wrapper0:before {
					display: none;
				
		}
	#wrapper0 section {
					grid-template-areas: "header" "content" ;
					grid-template-columns: 1fr;
					grid-template-rows: 1fr;
				}
			
	#wrapper0 section > header {
						justify-self: start;
						text-align: left;
						width: 100%;
						padding: 0 auto 0 auto;
		
						
					
			}
			
	#wrapper0 section > header h2.gonza {
					margin: 1em 1em 2em 0;
					font-family: "Ruda", Helvetica, sans-serif;
					font-size: 1.6em;
					line-height: 1.5;
					color:#6f0025;
					
					}

		#wrapper0 section > header ul.actions {
							justify-content: flex-start;
						}

					#wrapper0 section > .content {
						padding: 0;
						width: 100%;
						overflow-x: hidden;
					}

					#wrapper0 section > footer {
						padding: 0;
						text-align: left;
					}

						#wrapper0 section > footer ul.actions {
							justify-content: flex-start;
						}

				#wrapper0 > section {
					margin: 0;
				}

					#wrapper0 > section > header {
						background-attachment: fixed;
						background-color: #f6f6f6;
						
					}

						#wrapper0 > section > header > * {
							max-width: 20rem;
							padding: 0 1em 0 1em;
						}

						#wrapper0 > section > header > :last-child {
							margin-bottom: 0;
						}

						#wrapper0 > section > header:before {
							display: none;
						}

						#wrapper0 > section > header h1:before, #wrapper0 > section > header h2:before {
							display: none;
						}

						#wrapper0 > section > header h1:after, #wrapper0 > section > header h2:after {
							display: none;
						}
			
			#wrapper0 section > .content {
				grid-area: content;
				max-width: 50rem;
				position: relative;
				max-height: inherit;
			}
	
					#wrapper0 > section > .content > :last-child {
						margin-bottom: 0;
					}

					#wrapper0 > section > .content > section {
						left: 0;
					}

						#wrapper0 > section > .content > section:first-child {
							margin-top: 0;
						}

						#wrapper0 > section > .content > section > header {
							width: 100%;
						}

						#wrapper0 > section > .content > section:last-child {
							margin-bottom: 0;
						}

					#wrapper0 > section > footer > :last-child {
						margin-bottom: 0;
					}

					#wrapper0 > section.intro {
						margin-bottom: 0;
					}

						#wrapper0 > section.intro > header {
							margin-bottom: 0;
						}

							#wrapper0 > section.intro > header ul.actions {
								display: none;
							}

							#wrapper0 > section.intro > header > * {
								margin-left: 0;
								margin-right: 0;
								width: 100%;
							}

							#wrapper0 > section.intro > header > ul.actions {
								margin-left: -1rem;
							}

							#wrapper0 > section.intro > header:before {
								margin-left: 0;
							}

					#wrapper0 > section:last-of-type > header:after {
						display: none;
					}

				#wrapper0 .copyright {
					left: 0;
					width: 100%;
				}

				#wrapper0 section {
					margin: 0;
				
				}

					#wrapper0 > section > header {
						margin: 0;
					}

					#wrapper0 > section > .content {
						padding: 4rem 4rem;
						
					}

						#wrapper0 > section > .content > section {
							margin: 4rem 0;
						}

					#wrapper0 > section > footer {
						padding: 0 4rem 4rem 4rem;
					}

					#wrapper0 > section.intro > header {
						padding: 8rem 4rem 5rem 4rem;
					}

				/*#wrapper0 .copyright {
					padding: 0 4rem 4rem 4rem;*/
					
					#wrapper0 section > header h2 {
					margin: 0 0 -10px 0;
					font-family: "Ruda", Helvetica, sans-serif;
					font-size: 1.6em;
					line-height: 1.5;
			
				}

		}

		@media screen and (max-width: 736px) {
			
			#wrapper0 > section > header {
						
						background-color: #f6f6f6;
						
					}
			#wrapper0 section > .content {
				grid-area: content;
				max-width: 24rem;
				position: relative;
				max-height: inherit;
				}
			
			#wrapper0 section > header h2 {
				
					font-family: "Ruda", Helvetica, sans-serif;
					font-size: 1.6em;
					line-height: 1.3;
					}

				#wrapper0 section > header h2.gonza {
					
					font-family: "Ruda", Helvetica, sans-serif;
					font-size: 1.6rem;
					line-height: 1.3;
					color:#6f0025;
					
					}

				#wrapper0 section > header h2.ideas {
					
					font-family: "Ruda", Helvetica, sans-serif;
					font-size: 1.6rem;
					line-height: 1.3;
					color:#586240;
					
					}

				#wrapper0 section > header h2.bio {
					
					font-family: "Ruda", Helvetica, sans-serif;
					font-size: 1.6em;
					line-height: 1.5;
					color:#94c70;
				}

			#wrapper0 > section {
				margin: 0;
			}

				#wrapper0 > section > header {
					padding: 0 auto 0 auto;
				}

				#wrapper0 > section > .content {
					padding: 3rem 2rem;
					
				}

					#wrapper0 > section > .content > section {
						margin: 3rem 0;
					}

				#wrapper0 > section > footer {
					padding: 0 2rem 3rem 2rem;
				}

				#wrapper0 > section.intro > header {
					padding: 5.5rem 2rem 2.5rem 2rem;
				}

			#wrapper0 .copyright {
				padding: 0 2rem 2rem 2rem;
			}

		}

		@media screen and (max-width: 360px) {
			
			#wrapper0 section > .content {
				grid-area: content;
				max-width: 22rem;
				position: relative;
				max-height: inherit;
				}

			#wrapper0 section {
				margin: 2.25rem 0 0 0;
			}

			#wrapper0 > section {
				margin: 0;
			}

			#wrapper0 > section > header {
					padding: 2.25rem 1.5rem;
					
				}

				#wrapper0 > section > .content {
					padding: 2em;
				}

					#wrapper0 > section > .content > section {
						margin: 2.25rem 0;
					}

				#wrapper0 > section > footer {
					padding: 0 1.5rem 2.25rem 1.5rem;
				}

				#wrapper0 > section.intro > header {
					padding: 4.875rem 1.5rem 1.875rem 1.5rem;
				}

			#wrapper0 .copyright {
				padding: 0 1.5rem 1.5rem 1.5rem;
			}

		}

	body.is-mobile #wrapper0:before {
		background-attachment: scroll;
		background-position: 50% -3%;
		background-repeat: repeat-y;
		background-size: 150% auto;
	}

	body.is-mobile #wrapper0 > section > header {
		background-attachment: scroll;
		background-position: 25% 50%;
	}

	body.is-mobile #wrapper0 > section.intro > header {
		background-position: 25% 23%;
	}

	#wrapper0:before {
		transition: opacity 1s ease;
	}

		body.is-preload #wrapper0:before {
			opacity: 0;
		}

	#wrapper0 > section.intro {
		transition: opacity 1s ease;
		opacity: 1;
	}

		#wrapper0 > section.intro > header {
			transition: transform 1s ease;
		}

		#wrapper0 > section.intro > .content {
			transition: transform 1s ease;
		}

		body.is-preload #wrapper0 > section.intro {
			opacity: 0;
		}

			body.is-preload #wrapper0 > section.intro > header {
				transform: translateY(1rem);
			}

			body.is-preload #wrapper0 > section.intro > .content {
				transform: translateY(-1rem);
			}

		@media screen and (max-width: 1280px) {
			
			}


			#wrapper0 > section.intro > header > * {
				transition: transform 1s ease, opacity 1s ease;
			}

			body.is-preload #wrapper0 > section.intro > header {
				transform: none;
			}

				body.is-preload #wrapper0 > section.intro > header > * {
					transform: translate(-0.5rem);
					opacity: 0;
				}

			body.is-preload #wrapper0 > section.intro > .content {
				transform: none;
			}

		

	body.is-ie #wrapper0 section {
		display: flex;
		flex-wrap: wrap;
	}

		body.is-ie #wrapper0 section > header {
			width: 50%;
		}

		body.is-ie #wrapper0 section > .content {
			width: 50%;
		}

		body.is-ie #wrapper0 section > footer {
			width: 50%;
			text-align: left;
			margin-left: 50%;
			padding: 5rem;
		}

	body.is-ie #wrapper0 > section > .content > section {
		width: 100vw;
	}

	@media screen and (max-width: 1280px) {

		body.is-ie #wrapper0 section > footer {
			padding: 4rem;
		}

	}