/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}pre,textarea{overflow:auto}address,dl,ol,p,pre,ul{margin-bottom:1rem}a,table{background-color:transparent}caption,th{text-align:left}article,aside,details,figcaption,figure,footer,header,legend,main,menu,nav,section{display:block}audio,canvas,label,output,progress,video{display:inline-block}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin-top:0}dd,h1,h2,h3,h4,h5,h6,label,legend{margin-bottom:.5rem}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}a{-webkit-text-decoration-skip:objects;color:#0275d8;text-decoration:none}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none;vertical-align:middle}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;max-width:100%;white-space:normal}textarea{resize:vertical}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}address,button,input,legend,select,textarea{line-height:inherit}summary{display:list-item}[hidden],template{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}@-ms-viewport{width:device-width}body{margin:0;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#292b2c;background-color:#fff;-webkit-font-smoothing:antialiased}[tabindex="-1"]:focus{outline:0!important}abbr[data-original-title],abbr[title]{cursor:help}address{font-style:normal}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}a:focus,a:hover{color:#888}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}[role=button]{cursor:pointer}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#636c72;caption-side:bottom}button:focus{outline:dotted 1px;outline:-webkit-focus-ring-color auto 5px}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}fieldset{min-width:0;padding:0;margin:0;border:0}legend{width:100%;padding:0;font-size:1.5rem}input[type=search]{-webkit-appearance:none}[hidden]{display:none!important}
/* -------------------------------- 

Primary style

-------------------------------- */

body {
	font-size: 1rem;
	color: #bbb;
	background-color: #262321;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	color: #ccc;
	text-decoration: none;
}

/* -------------------------------- 

Navigation

-------------------------------- */
.logo {
	z-index: 99;
}

.auto-header {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background-color: #333;
	  /* Force Hardware Acceleration */
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}

.auto-header::after {
	clear: both;
	content: "";
	display: block;
}

.auto-header.is-hidden {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.auto-header .logo, .auto-header .nav-trigger {
	position: absolute;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.auto-header .logo {
	left: 20px;
}

.auto-header .logo a, .auto-header .logo img {
	display: block;
	max-height: 60px;
}

.auto-header .nav-trigger {
	display: table;
	height: 100%;
	padding: 0 1em;
	right: 0;
}

.auto-header .nav-trigger span {
	display: table-cell;
	vertical-align: middle;
}

.auto-header .nav-trigger em, .auto-header .nav-trigger em::after, .auto-header .nav-trigger em::before {
	display: block;
	position: relative;
	height: 1px;
	width: 22px;
	background-color: #ddd;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.auto-header .nav-trigger em {
	margin: 24px auto;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
}

.auto-header .nav-trigger em::before, .auto-header .nav-trigger em::after {
	position: absolute;
	content: '';
	left: 0;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .4s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}

.auto-header .nav-trigger em::before {
	-webkit-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	transform: translateY(-8px);
}

.auto-header .nav-trigger em::after {
	-webkit-transform: translateY(8px);
	-ms-transform: translateY(8px);
	transform: translateY(8px);
}

@media only screen and (min-width: 64em) {
	.auto-header .nav-trigger {
		display: none;
	}
}

.auto-header.nav-open .nav-trigger em {
	background-color: rgba(255, 255, 255, 0);
}

.auto-header.nav-open .nav-trigger em::before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.auto-header.nav-open .nav-trigger em::after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.nav {
	display: inline-block;
	float: right;
	height: 100%;
}

.nav > ul {
	position: absolute;
	z-index: 2;
	top: 80px;
	left: 0;
	width: 100%;
	background-color: #444;
	display: none;
	list-style: none;
	padding-left: 20px;
}

.nav > ul a {
	display: block;
	height: 50px;
	line-height: 50px;
	color: #fff;
	opacity: .6;
	font-size: .938rem;
	transition: opacity .4s;
}

.nav > ul a:hover, .nav > ul a.active, header.projects .nav ul li:first-child a, header.open .nav ul li:nth-child(2) a, header.profile .nav ul li:nth-child(3) a, header.contact .nav ul li:nth-child(6) a, header.play .nav ul li:nth-child(4) a, header.text .nav ul li:nth-child(5) a {
	opacity: 1;
}

.topnav {
	width: 100%;
	max-width: 1080px;
	height: 80px;
	margin: 0 auto;
}

@media only screen and (min-width: 64em) {
	.auto-header .logo {
		position: relative;
		float: left;
	}
	
	.nav {
		float: right;
		display: table;
	}
	
	.nav > ul {
		display: table-cell;
		vertical-align: middle;
		position: relative;
		width: auto;
		top: 0;
		padding: 0;
		background-color: transparent;
		max-width: 1080px;
	}
	
	.nav > ul::after {
		clear: both;
		content: "";
		display: block;
	}
	
	.nav > ul li {
		display: inline-block;
		float: left;
		margin-right: 1.5em;
		padding: 0 10px;
	}
	
	.nav > ul li:last-of-type {
		margin-right: 0;
	}
	
	.nav > ul a {
		height: auto;
		line-height: normal;
		padding: 0;
		border: none;
	}
}

.nav-open .nav ul, .nav ul:target {
	display: block;
}

@media only screen and (min-width: 64em) {
	.nav-open .nav ul, .nav ul:target {
		display: table-cell;
	}
}

/* -------------------------------- 

Sub Nav

-------------------------------- */

.subnav {
	position: relative;
	z-index: 1;
	clear: both;
	width: 100%;
	height: 120px;
	background-color: rgba(30,30,30,.9);
	  /* Force Hardware Acceleration */
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}

.project-title {
	padding: 8px 20px;
}

.project-title h2, .project-title p {
	margin-bottom: 0;
}

.subnav ul, .subnav li, .subnav a {
	height: 100%;
}

.subnav ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 0 20px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.subnav ul::after {
	clear: both;
	content: "";
	display: block;
}

.subnav li {
	display: inline-block;
	float: left;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.subnav a {
	display: block;
	color: #fff;
	opacity: .6;
	line-height: 50px;
	padding-right: 20px;
	transition: opacity .4s;
}

.subnav a:hover, .subnav a.active, #photos .subnav li.photos a {
	opacity: 1;
}

.subnav ul li {
	display: none;
}

.subnav.all li, .subnav.photos .photos, .subnav.plans .plans, .subnav.sketches .sketches, .subnav.details .details {
	display: inline-block;
}

@media only screen and (min-width: 64em) {
	.subnav {
		overflow: visible;
	}
	
	.subnav a {
		padding-right: 40px;
	}
}


/* -------------------------------- 

Main content

-------------------------------- */
main {
	padding: 220px 20px 30px;
	overflow: hidden;
	display: block;
}

main p, main ul.disc {
	max-width: 600px;
}

main img {
	max-width: 100%;
	margin-bottom: 5px;
}

.gallery {
	font-size: 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -5px;
}

.gallery div {
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	width: 300px;
	margin-left: 5px;
}

.gallery div img {
	width: 100%;
	height: auto;
}

.gallery .half {
	width: 400px;
}

@media only screen and (min-width: 48em) {
body {	
	font-size: .875rem;
}

.row {
	display: flex;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.row:after {
    content:"";
    display:table;
    clear:both;
}

.col {
	-ms-flex: 1;
	flex: 1;
}

.dwg {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-left: -5px;
		width: 100%;
	}
	
	.dwg figure {
		-ms-flex: 1 1 515px;
		flex: 1 1 515px;
		margin-left: 5px;
	}
	
	.dwg.x3 figure {
		-ms-flex: 1 1 341px;
		flex: 1 1 341px;
		margin-left: 5px;
	}
	.dwg img {
		opacity: .6;
		transition: opacity .3s;
	}
	
	.dwg img:hover {
		opacity: 1;
	}
	
}

.dwg img {
	-webkit-filter: invert(100%);
	filter: invert(100%);
	margin-bottom: 5px;
}

main figcaption {
	text-align: center;
	font-size: .813rem;
	text-transform: lowercase;
}

h2 {
	color: #ccc;
}

.container {
	max-width: 1080px;
	margin: 0 auto;
}

p strong, h3 {
	color: #ddd;
}

p {	
	margin-bottom: 2em;
}

hr {
display: block;
position: relative;
padding: 0;
margin: 40px 0;
width: 100%;
clear: both;
border: none;
border-top: 1px solid #333;
font-size: 1px;
line-height: 0;
overflow: visible;
}

.credit {
	opacity: .4;
	margin-top: 200px;
	font-size: 90%;
}