.project.cover 
{
	opacity: 0.65;
}

#entry .framed
{
	transform: rotate(1deg);
}

#what 
{
    position: relative;
    margin: 9rem 0rem 7rem 0rem;
}

#what .project.framed img
{
	width: 20rem;
}

#what .project.framed.primary img
{
	width: 20rem;
}

#what .project.framed.one
{
    transform: translate(-29rem, 6rem) rotate(5deg);
}

#what .project.framed.primary
{
	transform: rotate(-5deg);	
}

#what .backdrop 
{
    width: 85rem;
    transform: translate(-15%, -22%) rotate(9deg);
	left: unset;
}

#what .collage
{
	margin: 1rem 5rem 10rem 30rem;
}

#system .sketch
{
	width: 65rem;
}

#flow 
{
    position: relative;
    margin: 9rem 0rem 7rem 0rem;
}

#flow .project.framed img
{
	width: 45rem;
}

#flow .project.framed.one
{
    transform: translate(-22rem, 18rem) rotate(2deg);
}

#flow .project.framed.primary
{
	transform: rotate(-3deg);	
}

#flow .backdrop 
{
    width: 72rem;
    transform: translate(-7%, -15%) rotate(-6deg);
	left: unset;
}

#flow .collage
{
	margin: 0rem 0rem 13rem 22rem;
}

#skeleton 
{
    position: relative;
    margin: 1rem 0rem 0rem 0rem;
}

#skeleton .project.framed img
{
	width: 18rem;
	border-width: 1rem;
}

#skeleton .project.framed.one 
{
    transform: translate(16rem, 4rem) rotate(3deg);
}

#skeleton .project.framed.primary
{
	transform: rotate(-3deg);	
}

#skeleton .backdrop 
{
    width: 117rem;
    transform: translate(15%, -6%) rotate(-6deg);
}

#skeleton .collage
{
	margin: 0rem 17rem 5rem 8rem;
}

#establish .project.framed.low img
{
	width: 54rem;
}

#establish .project.framed img
{
	width: 14rem;
}

#establish .project.framed
{
	transform: translate(-10rem, -10rem) rotate(-6deg);
}

#establish .project.framed.low
{
	transform: translate(-5rem, -5rem) rotate(1deg);
}

#establish .primary
{
	position: relative;
    width: 64rem;
}

#establish .collage
{
	margin: 10rem -2rem -4rem 10rem
}

#doesitfly .collage
{
	flex-direction: column;
    gap: 1rem;
	display: flex;
}

#doesitfly .quote
{
	position: relative;
}

#doesitfly .quote.one
{
	margin-left: 7rem;
}

#doesitfly .quote.two
{
	margin-left: 18rem;
}

#doesitfly .quote p
{
	max-width: unset;
}

#technicolor .project.framed img
{
	width: 19rem;
	border-width: 1rem;
}

#technicolor .project.framed.one
{
	transform: translate(33rem, 6rem) rotate(17deg);
}

#technicolor .project.framed.two
{
	transform: translate(17rem, 2rem) rotate(10deg);
}

#technicolor .project.framed.three
{
	transform: rotate(3deg);
}

#technicolor .collage
{
	margin: 0rem 36rem 7rem 0rem;
}

#failproof 
{
    position: relative;
    margin: 10rem 0rem 11rem 0rem;
}

#failproof .project.framed img
{
	width: 44rem;
}

#failproof .project.framed.low
{
    transform: translate(2rem, -18rem) rotate(2deg);
}

#failproof .project.framed.primary
{
	transform: rotate(-6deg);	
}

#failproof .backdrop 
{
    width: 90rem;
    transform: translate(25%, -15%) rotate(-4deg);
}

#failproof .collage
{
	margin: 17rem 2rem 1rem 10rem;
}

#stopmotion .stamp
{
	width: 110rem;
	opacity: 1;
	margin: 0rem 0rem -2rem 0rem;
}

#result
{
	position: relative;
}

#result .burnin
{
	height: 100%;
    width: 100%;
    object-fit: cover;
}

#result .project.framed img
{
	width: 20rem;
	border-width: 1rem;
}

#result .result
{
	grid-column: 1;
	margin: -3rem 0;
}

#result .result.low
{
	margin: -3rem 13rem;
}

#result .one
{
	grid-row: 1;
}

#result .two
{
	grid-row: 2;
}

#result .three
{
	grid-row: 3;
}

#result .four
{
	grid-row: 4;
}

#result .content
{
	row-gap: 0;
	margin: 3rem 0;
}

#result .description
{
	grid-column: 2;
}

#result .result.one
{
	transform: rotate(-2deg)
}

#result .result.two .left
{
	transform: translate(-3rem, -1rem) rotate(-3deg);
}

#result .result.two .right
{
	transform: translate(0rem, 1rem) rotate(4deg);
}

#result .result.three
{
	transform: translate(1rem, 0rem) rotate(1deg);
}

#result .result.four .left
{
	transform: translate(-2rem, 1rem) rotate(-1deg);
}

#result .result.four .right
{
	transform: rotate(3deg);
}

#result .collage
{
	display: flex;
	gap: 2rem;
}

@media (max-width: 1600px), (max-height: 1080px)
{
	#what .collage 
	{
    	margin: 1rem 1rem 10rem 30rem;
	}

	#system .sketch 
	{
    	width: 55rem;
	}

	#flow .project.framed img 
	{
    	width: 32rem;
	}

	#flow .project.framed.one 
	{
    	transform: translate(-16rem, 14rem) rotate(2deg);
	}

	#flow .collage 
	{
    	margin: 0rem 0rem 9rem 16rem;
	}

	#flow .backdrop 
	{
		width: 64rem;
		transform: translate(-12%, -15%) rotate(-6deg);
	}

	#skeleton .project.framed img 
	{
    	width: 15rem;
    	border-width: 1rem;
	}

	#skeleton .project.framed.one 
	{
    	transform: translate(14rem, 2rem) rotate(3deg);
	}

	#skeleton .collage 
	{
    	margin: 0rem 17rem 3rem 5rem;
	}

	#skeleton .backdrop 
	{
    	width: 107rem;
	}

	#establish .primary 
	{
    	width: 48rem;
	}

	#establish .project.framed.low img 
	{
    	width: 42rem;
	}

	#establish .project.framed img 
	{
    	width: 10rem;
	}

	#establish .collage 
	{
    	margin: 10rem -3rem -4rem 10rem;
	}

	#technicolor .project.framed img 
	{
    	width: 14rem;
	}

	#technicolor .project.framed.one 
	{
    	transform: translate(26rem, 4rem) rotate(17deg);
	}

	#technicolor .project.framed.two 
	{
    	transform: translate(13rem, 1rem) rotate(10deg);
	}

	#technicolor .project.framed.three 
	{
    	transform: rotate(3deg);
	}

	#technicolor .collage 
	{
    	margin: 0rem 28rem 4rem 0rem;
	}

	#failproof .project.framed img 
	{
    	width: 36rem;
	}

	#failproof .project.framed.low 
	{
    	transform: translate(1rem, -15rem) rotate(2deg);
	}

	#failproof .collage 
	{
    	margin: 15rem 1rem 1rem 6rem;
	}

	#stopmotion .stamp 
	{
    	width: 80rem;
	}

	#result .project.framed img 
	{
    	width: 16rem;
	}
}

@media (max-width: 1360px)
{
	#what .backdrop 
	{
		width: 75rem;
		transform: translate(11%, -24%) rotate(9deg);
		left: unset;
	}

	#flow .backdrop 
	{
    	width: 56rem;
    	transform: translate(10%, -16%) rotate(-6deg);
	}

	#skeleton .backdrop 
	{
    	transform: translate(-8%, -6%) rotate(-6deg);
	}

	#technicolor .collage 
	{
    	margin: 0rem 28rem 2rem 0rem;
	}

	#failproof .backdrop 
	{
    	width: 74rem;
    	transform: translate(0%, -15%) rotate(-4deg);
	}

	#failproof 
	{
    	margin: 3rem 0rem 3rem 0rem;
	}

	#stopmotion .stamp 
	{
    	width: 64rem;
	}

	#result .project.framed img 
	{
    	width: 12rem;
	}

	#result .result.low 
	{
    	margin: -3rem 9rem;
	}
}

@media (max-width: 1024px)
{
	#entry img, #entry svg 
	{
		width: 32rem;
	}

	#what 
	{
    	margin: 9rem 0rem 0rem 0rem;
	}

	#what .project.framed.one 
	{
    	transform: translate(-15rem, 6rem) rotate(5deg);
	}

	#what .collage 
	{
    	margin: 1rem 1rem 10rem 15rem;
	}

	#system .sketch 
	{
    	width: 38rem;
	}

	#flow .project.framed.one 
	{
		display: none;
	}

	#flow .collage 
	{
    	margin: 0;
	}

	#flow .backdrop 
	{
		width: 52rem;
		transform: translate(14%, -25%) rotate(-6deg);
	}

	#establish .primary 
	{
    	width: 42rem;
	}

	#establish .project.framed 
	{
    	transform: translate(4rem, -10rem) rotate(-6deg);
	}

	#establish .project.framed.low 
	{
    	transform: translate(-2rem, -5rem) rotate(1deg);
	}

	#establish .collage 
	{
    	margin: 10rem -3rem -5rem -3rem;
	}

	#technicolor .project.framed.two 
	{
    	transform: translate(10rem, 1rem) rotate(10deg);
	}

	#technicolor .project.framed.one 
	{
    	transform: translate(20rem, 4rem) rotate(17deg);
	}

	#technicolor .collage 
	{
    	margin: 0rem 23rem 2rem 0rem;
	}
	
	#failproof .project.framed.low 
	{
    	transform: translate(0rem, -15rem) rotate(2deg);
	}

	#failproof .collage 
	{
    	margin: 22rem 1rem 1rem 1rem;
	}

	#result .description
	{
		grid-column: 1;
	}

	#result .result.one
	{
		grid-row: 1;
	}

	#result .description.one
	{
		grid-row: 2;
	}

	#result .result.two
	{
		grid-row: 3;
	}

	#result .description.two
	{
		grid-row: 4;
	}

	#result .result.three
	{
		grid-row: 5;
	}

	#result .description.three
	{
		grid-row: 6;
	}

	#result .result.four
	{
		grid-row: 7;
	}

	#result .description.four
	{
		grid-row: 8;
	}

	#result .result.low,
	#result .result 
	{
    	margin: 0;
	}

	#result .content 
	{
		row-gap: 3rem;
	}

	#result .result.four .left 
	{
    	transform: translate(4rem, 1rem) rotate(-1deg);
	}
	
	#result .result.two .left 
	{
    	transform: translate(5rem, -1rem) rotate(-3deg);
	}

	#result .result.low, 
	#result .result 
	{
    	margin: 0rem 0rem 0rem -4rem;
	}
}

@media (max-width: 640px), (max-height: 800px) and (max-width: 1360px)
{
	#entry img, #entry svg 
	{
    	width: 22rem;
	}

	#what .project.framed.one 
	{
    	display: none;
	}

	#what .project.framed.primary img 
	{
    	width: 18rem;
	}

	#what .collage 
	{
 	   margin: 0;
	}

	#what .backdrop 
	{
		width: 45rem;
		transform: translate(26%, -30%) rotate(9deg);
	}

	#system .sketch 
	{
    	width: 24rem;
	}

	#flow .project.framed img 
	{
    	width: 20rem;
	}

	#flow .backdrop 
	{
    	width: 31rem;
    	transform: translate(14%, -25%) rotate(-6deg);
	}

	#flow 
	{
    	margin: 9rem 0rem 0rem 0rem;
	}

	#skeleton .collage 
	{
    	margin: 0rem 13rem 2rem 5rem;
	}

	#skeleton .project.framed img 
	{
    	width: 13rem;
	}

	#skeleton .project.framed.one 
	{
	    transform: translate(8rem, 2rem) rotate(3deg);
	}

	#establish .primary 
	{
	    width: 25rem;
	}

	#establish .project.framed.low img 
	{
    	width: 30rem;
	}

	#establish .project.framed img 
	{
    	width: 7rem;
	}

	#establish .collage 
	{
    	margin: 10rem -3rem -3rem -3rem;
	}

	#doesitfly .quote.one
	{
		margin: 0 4rem 0 0rem;
	}

	#doesitfly .quote.two
	{
		margin: 0 0rem 0 4rem;
	}

	#doesitfly .quote.three
	{
		margin: 0 4rem 0 0rem;
	}

	#doesitfly .collage 
	{
		gap: 2.5rem;
		margin-bottom: 1.5rem;
	}

	#technicolor .project.framed img 
	{
    	width: 10rem;
	}
	
	#technicolor .project.framed.one 
	{
    	transform: translate(9rem, 1rem) rotate(12deg);
	}

	#technicolor .project.framed.two 
	{
		display: none;
	}

	#technicolor .collage 
	{
    	margin: 0rem 10rem 0rem 0rem;
	}

	#failproof .project.framed img 
	{
    	width: 22rem;
	}

	#failproof .project.framed.low 
	{
    	transform: translate(0rem, -9rem) rotate(2deg);
	}
	
	#failproof .collage 
	{
    	margin: 9rem 1rem 1rem 1rem;
	}

	#failproof .backdrop 
	{
		width: 52rem;
		transform: translate(0%, -21%) rotate(-4deg);
	}

	#result .result.two .right 
	{
    	transform: translate(-2rem, 1rem) rotate(4deg);
	}

	#result .result.four .left 
	{
    	transform: translate(5rem, 1rem) rotate(-1deg);
	}
	
	#result .result.four .right 
	{
    	transform: translate(-2rem, 0rem) rotate(3deg);
	}

	#result .result.low, 
	#result .result 
	{
    	margin: 0rem -4rem 0rem -7rem;
	}
}