/*! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


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


body {
	font-family: 'WhitneyHTF', sans-serif;
	font-weight: 100;
	color: black;
	font-size: 1em;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'FoundryMonoline', sans-serif;
  text-transform: uppercase;
	font-weight: 100;
	line-height: 1;
	margin: 0;
}

p, ul, ol {
	margin: 0.5em 0;
}







/* clearfix */
.page-header:before,
.page-header:after { content: " "; display: table; }
.page-header:after { clear: both; }

	.page-breadcrumb {
		font-family: 'FoundryMonoline', sans-serif;
	  text-transform: uppercase;
		font-weight: 300;
		font-size: 0.75em;
		line-height: 1;
		float: left;
	}
		.breadcrumb-root { font-weight: 900; }
		.breadcrumb-branch {}
		
	.page-number {
		float: right;
	}



/* overqualified to override */
section.presentation,
header.section-header,
div.project-meta {
	margin-left: 15%;
}



.page-break	{ 
	display: block; 
  page-break-before: always;
  page-break-after: always;
}

.section-header {
  margin: 7em 0;
}

	.collosal-section-title {
		font-family: 'FoundryMonoline', sans-serif;
	  text-transform: uppercase;
    font-size: 13em;
	  font-weight: 300;
	  line-height: 0.9;
	  color: #333;
	  /* compensate visually */
    margin-left: -0.05em;
	  page-break-inside: avoid;
	}


.presentation-subsection {
	margin-bottom: 3.5em;
}

	.section-subtitle {
		font-weight: 100;
		font-size: 2.8em;
		margin: 0 0 0.5em;
	}



.small-dashed-list {
	list-style: none;
	padding: 0 0 0 1.5em;
}
	.small-dashed-list li:before {
		content: "–";
		margin-right: 0.5em;
	}


.tabular-definitions {
  margin-top: 0.8em;
	font-weight: 100;
	border-top: 1px solid black;
}
	.tabular-definitions:before {
		content: attr(data-title);
	  display: block;
	  padding-top: 0.2em;
	  margin-bottom: -0.5em;
		font-family: 'FoundryMonoline', sans-serif;
	  text-transform: uppercase;
	  letter-spacing: 0.05em;
		font-size: 0.75em;
		font-weight: 400;
	}
	.tabular-definitions dl {
		display: inline-block;
		vertical-align: top;
		width: 32%;
	}
		.tabular-definitions dt {
			font-family: 'FoundryMonoline', sans-serif;
		  font-size: 0.8em;
			font-weight: 900;
		  letter-spacing: 0.05em;
		  text-transform: uppercase;
		  margin-bottom: -0.1em;
		}
		.tabular-definitions dd {
			margin: 0;
		  line-height: 1.4;
		}


.strong-ordered-list {
	list-style: none;
	padding: 0;
	counter-reset: strongOrderedCounter;
}
	.strong-ordered-list > li {
		counter-increment: strongOrderedCounter;
	  margin-bottom: 1.5em;
	}
		.strong-ordered-list > li:before {
		  content: counter(strongOrderedCounter) ".";
		  margin-right: 0.2em;
		}
		.strong-ordered-list > li:before,
		.strong-ordered-list > li > strong {
			font-family: 'FoundryMonoline', sans-serif;
			font-size: 1.1em;
			font-weight: 900;
		  letter-spacing: 0.05em;
		  text-transform: uppercase;
		}


.dashed-list {
	list-style: none;
	padding: 0;
}
	.dashed-list > li:before {
		content: "—";
		margin-right: 0.2em;
	}
	.dashed-list > li:before,
	.dashed-list > li:before > strong {
		font-family: 'FoundryMonoline', sans-serif;
		font-weight: 900;
	}


	/* particular case */
	.dashed-list .padded-list {
		margin-top: 0em;
		margin-bottom: 1em;
	}


.padded-list {
	list-style: none;
	padding: 0;
	padding-left: 1.5em;
}


 
 
 

/* references */ 


.project-container {
	margin-bottom: 5em;
}


.project-meta {
	margin-bottom: 4em;
}
	.project-header {
		font-family: 'FoundryMonoline', sans-serif;
	  text-transform: uppercase;
	  font-weight: 400;
	}
		.project-client-name {
		  position: relative;
		  margin: 0;
		  font-weight: 300;
		  font-size: 2.2em;
		}
			.project-client-name:before {
				content: attr(data-label);
				font-family: 'FoundryMonoline', sans-serif;
			  text-transform: uppercase;
			  font-weight: 400;
			  font-size: 0.35em;
				position: absolute;
			  width: 10em;
			  left: -12em;
			  text-align: left;
			  line-height: 5em;
			}
		
		.project-type {
		  margin: 0;
		  font-weight: 900;
	    font-size: 1.1em;
		}
		
		.project-dates,
		.project-budget {
		  margin: 0;
		  font-weight: 400;
		}
		
		.project-website {
		  margin: 0;
		  text-transform: lowercase;
		  font-weight: 700;
		}
			.project-website:before { 
				content: "— ";
			}


.project-description {
	margin-top: 0.5em;
}

	.project-description a {
		color: black;
		text-decoration: underline;
		word-wrap: break-word;
	}
	.project-description a[href^="http://"]:after, 
	.project-description a[href^="https://"]:after {
		content: " (" attr(href) ")";
		color: black;
	  font-style: italic;
	  font-weight: 400;
	}

	/* 
		greatest hack ever in the life 
		to correct very ugly output.
	*/
	img[src="http://www.kojak-design.com/wp-content/uploads/2011/06/hr.gif"] {
	  display: block;
	  border-bottom: 1px dotted #999;
	  width: 100%;
	  margin: 1em 0 !important;
	}



.project-showcase {
	margin: 0 -5px;
}

	/* clearfix */
	.project-showcase:before,
	.project-showcase:after { content: " "; display: table; }
	.project-showcase:after { clear: both; }

	.project-showcase img {
		display: block;
		float: left;
	  margin: 0;
		max-width: 100%;
	}

		/* 
			resize images à la lucky-ass-yet-smarty-pants way
			I am going to heaven just for this idea...
		*/
		img {
			margin: 0 !important;
			border: 5px solid white;
		}
		img[width="240"] { 
			width: 25% !important; 
			height: auto !important;
		}
		img[width="487"], /* sloppy hands, somebody has */
		img[width="488"] { 
			width: 50% !important; 
			height: auto !important;
		}
		img[width="984"] {
			width: 100% !important; 
			height: auto !important;
		}







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


@media screen {

	html {
		font-size: 16px;
		background: #eee;
	}

	body {
	  margin: 0 auto;
	  background: white;
	  max-width: 1200px;
	  padding: 4em 0;
	}

	.great-burrito {
		margin: 0 auto;
		width: 986px;
		background: white;
	}

	.page-header { display: none; }

	.page-break {
		background: #eee;
		height: 5px;
		margin: 4em 0;
	}

	.project-description a[href^="http://"]:after, 
	.project-description a[href^="https://"]:after {
		/*display: none;*/
	}

}



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

@media print { 

	@page {
		margin: 2.5cm 10%;
	  @top-left { content: element(pageBreadcrumb); }
	  @top-right { content: element(pageNumber); }
	}
	
	html { font-size: 10pt; }
	
	html, body {
		margin: 0; padding: 0; 
	}
	
	.breadcrumb-root {
	  position: running(pageBreadcrumb);
	}
	.page-number {
	  position: running(pageNumber);
	}
		.page-number:after {
		  content: counter(page);
		  counter-increment: page;
		}

	.page-header {
		position: fixed;
		margin: 0 10%;
	  right: 0; left: 0;
	  top: 0;
	}
	
	.page-header {
		display: none !important;
	}

} /* print */







/* ----------------------------------------------------------------- */
/* fonts */

/*
FoundryMonoline-UltraLight    100
FoundryMonoline-Light					300
FoundryMonoline-Regular				400
FoundryMonoline-Medium  			700
FoundryMonoline-Bold					900
WhitneyHTF-Book								300
WhitneyHTF-BookItalic
WhitneyHTF-SemiBold						600
WhitneyHTF-SemiBoldItalic
*/
@font-face {
    font-family: 'FoundryMonoline';
    src: url('../f/FoundryMonoline-UltraLight.eot');
    src: url('../f/FoundryMonoline-UltraLight.eot?#iefix') format('embedded-opentype'),
         url('../f/FoundryMonoline-UltraLight.woff') format('woff'),
         url('../f/FoundryMonoline-UltraLight.ttf') format('truetype'),
         url('../f/FoundryMonoline-UltraLight.svg#FoundryMonoline-UltraLight') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'FoundryMonoline';
    src: url('../f/FoundryMonoline-Light.eot');
    src: url('../f/FoundryMonoline-Light.eot?#iefix') format('embedded-opentype'),
         url('../f/FoundryMonoline-Light.woff') format('woff'),
         url('../f/FoundryMonoline-Light.ttf') format('truetype'),
         url('../f/FoundryMonoline-Light.svg#FoundryMonoline-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'FoundryMonoline';
    src: url('../f/FoundryMonoline-Regular.eot');
    src: url('../f/FoundryMonoline-Regular.eot?#iefix') format('embedded-opentype'),
         url('../f/FoundryMonoline-Regular.woff') format('woff'),
         url('../f/FoundryMonoline-Regular.ttf') format('truetype'),
         url('../f/FoundryMonoline-Regular.svg#FoundryMonoline-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'FoundryMonoline';
    src: url('../f/FoundryMonoline-Medium.eot');
    src: url('../f/FoundryMonoline-Medium.eot?#iefix') format('embedded-opentype'),
         url('../f/FoundryMonoline-Medium.woff') format('woff'),
         url('../f/FoundryMonoline-Medium.ttf') format('truetype'),
         url('../f/FoundryMonoline-Medium.svg#FoundryMonoline-Medium') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'FoundryMonoline';
    src: url('../f/FoundryMonoline-Bold.eot');
    src: url('../f/FoundryMonoline-Bold.eot?#iefix') format('embedded-opentype'),
         url('../f/FoundryMonoline-Bold.woff') format('woff'),
         url('../f/FoundryMonoline-Bold.ttf') format('truetype'),
         url('../f/FoundryMonoline-Bold.svg#FoundryMonoline-Bold') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'WhitneyHTF';
    src: url('../f/WhitneyHTF-Book.eot');
    src: url('../f/WhitneyHTF-Book.eot?#iefix') format('embedded-opentype'),
         url('../f/WhitneyHTF-Book.woff') format('woff'),
         url('../f/WhitneyHTF-Book.ttf') format('truetype'),
         url('../f/WhitneyHTF-Book.svg#WhitneyHTF-Book') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'WhitneyHTF';
    src: url('../f/WhitneyHTF-SemiBold.eot');
    src: url('../f/WhitneyHTF-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('../f/WhitneyHTF-SemiBold.woff') format('woff'),
         url('../f/WhitneyHTF-SemiBold.ttf') format('truetype'),
         url('../f/WhitneyHTF-SemiBold.svg#WhitneyHTF-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'WhitneyHTF';
    src: url('../f/WhitneyHTF-BookItalic.eot');
    src: url('../f/WhitneyHTF-BookItalic.eot?#iefix') format('embedded-opentype'),
         url('../f/WhitneyHTF-BookItalic.woff') format('woff'),
         url('../f/WhitneyHTF-BookItalic.ttf') format('truetype'),
         url('../f/WhitneyHTF-BookItalic.svg#WhitneyHTF-BookItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'WhitneyHTF';
    src: url('../f/WhitneyHTF-SemiBoldItalic.eot');
    src: url('../f/WhitneyHTF-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
         url('../f/WhitneyHTF-SemiBoldItalic.woff') format('woff'),
         url('../f/WhitneyHTF-SemiBoldItalic.ttf') format('truetype'),
         url('../f/WhitneyHTF-SemiBoldItalic.svg#WhitneyHTF-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
}