/*-----common elements------*/
.work a, .listing a{
	color:inherit;
	text-decoration:none;
}
.masonry .item{ 
	box-sizing:border-box;
	padding-bottom:2rem; 
}
.masonry{ margin-bottom:0;}
html.index .biglink{ position:relative; }
/*shared promoted works listing*/
.work{
	list-style:none;
	/*margin-bottom:7em;*/
	margin-bottom:4rem;
}
.work h2{
	margin:0.5em 0;
}
.work p{ margin-bottom:0; }
.work .visual, .hero, .visual img{
	position:relative;
	display:block;
	width:100%;
}
.visual .clone{
	left:0; top:0;
	position:absolute;
}
.work .clone{
	transform:translate(-3vw, -3vw);
	opacity:0;
	transition: all 0.1s step-start;
	pointer-events:none;
}
.work .clone1{
	transform:translate(-6vw, -6vw);
	transition-delay:0s;
}
.work .clone0{
	transition-delay:0.1s;
}
.work a:hover .clone{
	opacity:1;
}
.work a:hover .clone0{ transition-delay:0s; }
.work a:hover .clone1{ transition-delay:0.1s; }
/*
.work .visual img{ opacity:0; }

.work .visual{
	background-size:100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all 0.13s cubic-bezier(0.76, 0.01, 0.96, 0.86);
}

.work a:hover .visual{
	background-size:105% 105%;
	transition-timing-function: cubic-bezier(0, 0, 0.15, 1);
    transition-duration: 0.3s;
}
*/
.work a:hover h2{ text-decoration:underline; }
.work a:hover .meta{ text-decoration:none; }

.masonry .work:last-of-type{
	/*
		masonry calculates double margin height of the last element for some reason
		2rem is half from the .work's regular 4rem
	*/
	margin-bottom:2rem;
}

/*shared archive/other works listing. potentially usable for other listings in the future*/
.listing{ margin-bottom:0; }
.listing a:hover{ text-decoration: underline; }
.listing .item{
	list-style:none;
	width:100%;
	margin-bottom:3em;
	box-sizing:border-box;
	overflow:hidden;
}
.listing h3{ margin-bottom:0; }
.listing .visual{
	height:65vw;
	background-size:cover;
	background-position:center center;
	transition:all 0.15s linear;
}
.listing .textual{ margin-top:1em;}

.listing.compact .item{
	float:left;
	width:50%;
	padding-right:0.4em;
}
	
.listing.compact h3{ font-size:1rem; }
.listing.compact .item:nth-child(2n){
	padding-left:0.4em; padding-right:0;
}
.listing.compact .item:nth-child(2n+1){ clear:both; }
.listing.compact:after{ content:"";display:block;clear:both; }
.listing.compact .visual{
	height:30vw;
}

/*wysiwyg elements*/
.article > br{ display:none; }
.citation{ 
	margin-top:3em;
	margin-bottom:3em;
}
.citation img{
	display:block;
	width:100%;
	margin-bottom:3em;	
}
.citation .text:before{
	content: "\201C";
	margin-right:0.1em; 
}
.citation .text:after{
	content: "\201D";
	margin-left:0.1em;
}
.citation .author{
	font-size:0.75em;
}
.citation .author:before{
	content: "\2015\00A0";
}
.stats .item{
	list-style:none;
	font-size:1.75em;
	display:block;
} 
.stats .field{ display:inline; }
.stats .item .unit:after{ content:",\00A0"; }
.stats .item:last-of-type .unit:after{ content:"."; }
.stats.emphasized .item{ margin-bottom:1em; }
.youtube-video .field.id{ display:none; }

.youtube-video{
	/*weird but ok*/
	padding-top:3em;
	padding-bottom:3em;
}
.youtube-video iframe{
	width:100%;
	height:55vw;
}
.article .fullscreen-image, .article .fullwidth-image, .article .youtube-video, .jobform{
	width:inherit;
	margin-left:-1.5rem; margin-right:-1.5rem;
	max-width:none;
}
.fullscreen-image img, .fullwidth-image img{
	width:100%;
}
.fullscreen-image.replaced{
	overflow:hidden;
	height: 100vh;
	background-position:center center;
	background-size:cover;
}
.fullscreen-image.replaced img{ display:none; }

.article > .imageset{ width:auto; max-width:none; }
.imageset .item, .imageset img{ width:100%; }
.imageset li{ 
	list-style:none;
	margin-bottom:0;
}