.project.cover 
{
	opacity: 0.5;
}

#entry img, #entry video, #entry svg 
{
	width: 32rem;
	border: none;
	background: none;
}

#entry .shadow
{
	display: none;
}

#problem .challenges .framed .foreground
{
	width: 28rem;
}

#problem .challenges .framed
{
	transform: rotate(2deg);
}

#problem .challenges .descriptions
{
	grid-template-columns: 1fr 1fr;
}

#workshop .framed .foreground
{
	width: 32rem;
}

#workshop .framed.one
{
	left: -13rem;
    top: -15rem;
    transform: rotate(2deg);
}

#workshop .framed.two
{
	left: 16rem;
    top: -10rem;
    transform: rotate(-3deg);
}

#workshop .framed.primary
{
	transform: rotate(4deg);
}

#workshop .collage
{
	margin: 15rem 16rem 1rem 13rem;
}

#manifest .framed .foreground
{
	width: 48rem;
    border: none;
}

#manifest .framed
{
	transform: rotate(-2deg);
}

#start .framed .foreground
{
	width: 46rem;
    border-width: 1rem;
}

#start .framed.one
{
	left: -10rem;
    top: -14rem;
    transform: rotate(-6deg);
}

#start .framed.two
{
	left: 20rem;
    top: -10rem;
    transform: rotate(1deg);
}

#start .framed.primary
{
	transform: rotate(-1deg);
}

#start .collage
{
	margin: 14rem 19rem 1rem 10rem;
}

#awareness .framed .foreground
{
	width: 50rem;
    border-width: 1rem;
}

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

#processing .stamp
{
	width: 64rem;
	opacity: 0.3;
}

#processing .framed.legend .foreground
{
	width: 16rem;
    border: none;
}

#processing .framed.legend
{
	left: 54rem;
    top: 29rem;
}

#processing .framed .foreground
{
	width: 72rem;
    border: none;
}

#processing .framed.one
{
	left: -8rem;
    top: 5.5rem;
}

#processing .framed.two
{
	left: -8rem;
    top: 11.5rem;
}

#processing .framed.three
{
	left: -8rem;
    top: 17.5rem;
}

#processing .collage
{
	margin: 0rem 0rem 7rem 8rem;
}

#processing .arrow
{
	position: absolute;
	width: 1rem;
	left: 28rem;
}

#processing .arrow.one
{
	top: 9rem;
}

#processing .arrow.two
{
	top: 15rem;
}

#collaborative .stamp
{
	width: 64rem;
	opacity: 0.3;
}

#collaborative .framed .foreground
{
	width: 72rem;
    border: none;
}

#collaborative .framed.low .foreground
{
	width: 64rem;
    border: none;
}

#collaborative .framed.low
{
	left: 4rem;
}

#collaborative .framed.one
{
	top: 5rem;
}

#collaborative .framed.low.one
{
	top: 7.65rem;
}

#collaborative .framed.two
{
	top: 14rem;
}

#collaborative .framed.low.two
{
	top: 16.65rem;
}

#collaborative .framed.three
{
	top: 23rem;
}

#collaborative .framed.low.three
{
	top: 25.65rem;
}

#collaborative .framed.four
{
	top: 32rem;
}

#collaborative .framed.low.four
{
	top: 34.65rem;
}

#collaborative .arrow
{
	position: absolute;
	width: 1rem;
	left: 37.5rem;
}

#collaborative .arrow.one
{
	top: 11rem;
}

#collaborative .arrow.two
{
	top: 20rem;
}

#collaborative .arrow.three
{
	top: 29rem;
}

#deeper .sketch
{
	position: absolute;
	width: 72rem;
	left: -42rem;
    top: -4rem;
}

#deeper .framed .foreground
{
	width: 20rem;
	border: none;
}

#deeper .framed.low .foreground
{
	width: 10rem;
}

#deeper .framed.low
{
	left: 5rem;
    top: -10rem;
}

#deeper .collage
{
	margin: 9rem 8.5rem 14rem 40rem;
}

#cleanup .stamp
{
	opacity: 1;
	width: 48rem;
	height: auto;
}

#density .framed .foreground
{
	width: 26rem;
	border-width: 0rem;
}

#density .framed.low .foreground
{
	width: 26rem;
	border-width: 1rem;
}

#density .framed:not(.low)
{
    top: -2rem;
    left: 27rem;
}

#density .framed.low .foreground
{
	width: 72rem;
}

#density .collage
{
	margin: 2rem 0;
}

#feedback .framed .foreground
{
	width: 48rem;
	border-width: 1rem;
}

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

#complexity .framed .foreground
{
	height: 44rem;
    border-width: 1rem;
}

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

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

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

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

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

#result .framed .foreground
{
	height: 24rem;
	border-width: 1rem;
}

#result .framed.one
{
	top: 1rem;
    left: -11rem;
    transform: rotate(-9deg);
}

#result .framed.two
{
	transform: rotate(-1deg);
}

#result .framed.three
{
	top: 0.5rem;
    left: 11rem;
    transform: rotate(5deg);
}

#result .framed.four
{
	top: 2rem;
    left: 21.5rem;
    transform: rotate(11deg);
}

#result .collage
{
	margin: 0rem 23rem 1rem 13rem;
}

@media (max-width: 1920px)
{
	#start .framed .foreground 
	{
		width: 38rem;
	}

	#start .framed.one 
	{
		left: -8rem;
		top: -13rem;
	}

	#start .framed.two 
	{
		left: 17rem;
		top: -8rem;
	}

	#start .collage 
	{
		margin: 14rem 17rem 0rem 8rem;
	}

	#manifest .framed .foreground 
	{
		width: 44rem;
	}

	#awareness .framed .foreground 
	{
		width: 44rem;
	}

	#processing .framed .foreground 
	{
		width: 64rem;
	}

	#processing .stamp 
	{
		width: 56rem;
	}

	#processing .framed.legend .foreground 
	{
		width: 14rem;
	}

	#processing .framed.legend 
	{
		left: 48rem;
		top: 25rem;
	}

	#processing .arrow 
	{
		width: 0.85rem;
		left: 24rem;
	}

	#processing .collage 
	{
		margin: 0rem 0rem 4rem 8rem;
	}

	#collaborative .framed .foreground 
	{
		width: 64rem;
	}
	
	#collaborative .framed.low .foreground 
	{
		width: 56rem;
	}

	#collaborative .stamp 
	{
		width: 56rem;
	}
		
	#collaborative .framed.one
	{
		top: 4rem;
	}

	#collaborative .framed.low.one
	{
		top: 6.5rem;
	}

	#collaborative .framed.two
	{
		top: 12rem;
	}

	#collaborative .framed.low.two
	{
		top: 14.5rem;
	}

	#collaborative .framed.three
	{
		top: 20rem;
	}

	#collaborative .framed.low.three
	{
		top: 22.5rem;
	}

	#collaborative .framed.four
	{
		top: 28rem;
	}

	#collaborative .framed.low.four
	{
		top: 30.5rem;
	}

	#collaborative .arrow
	{
		width: 0.85rem;
		left: 33rem;
	}

	#collaborative .arrow.one
	{
		top: 9.5rem;
	}

	#collaborative .arrow.two
	{
		top: 17.5rem;
	}

	#collaborative .arrow.three
	{
		top: 25.5rem;
	}

	#density .framed.low .foreground 
	{
		width: 64rem;
	}

	#density .framed .foreground 
	{
		width: 23rem;
	}

	#density .framed:not(.low) 
	{
		top: -2rem;
		left: 24rem;
	}

	#feedback .framed .foreground 
	{
		width: 44rem;
		border-width: 1rem;
	}
}

@media (max-width: 1600px), (max-height: 1080px)
{
	#workshop .framed .foreground 
	{
		width: 27rem;
	}

	#workshop .framed.two 
	{
		left: 9rem;
		top: -8rem;
	}

	#workshop .framed.one 
	{
		left: -10rem;
		top: -13rem;
	}
	
	#workshop .collage 
	{
		margin: 13rem 10rem 0rem 10rem;
	}

	#manifest .framed .foreground 
	{
		width: 38rem;
	}

	#start .framed .foreground 
	{
		width: 32rem;
	}

	#start .framed.two 
	{
		left: 12rem;
		top: -6rem;
	}

	#start .framed.one 
	{
		left: -7rem;
		top: -11rem;
	}

	#start .collage 
	{
		margin: 12rem 11rem 0rem 6rem;
	}

	#awareness .framed .foreground 
	{
		width: 38rem;
	}

	#awareness .collage 
	{
		gap: 1rem;
	}

	#processing .framed .foreground 
	{
		width: 56rem;
	}

	#processing .stamp 
	{
		width: 48rem;
	}

	#processing .framed.one 
	{
		left: -7.5rem;
		top: 4rem;
	}

	#processing .framed.two 
	{
		left: -7.5rem;
		top: 9.5rem;
	}

	#processing .framed.three 
	{
		left: -7.5rem;
		top: 15rem;
	}

	#processing .collage 
	{
		margin: 0rem 0rem 4rem 6rem;
	}

	#processing .arrow.one 
	{
		top: 7rem;
	}

	#processing .arrow.two 
	{
		top: 12.5rem;
	}

	#processing .framed.legend .foreground 
	{
		width: 12rem;
	}

	#processing .framed.legend 
	{
		left: 41rem;
		top: 24rem;
	}

	#processing .collage 
	{
		margin: 0rem 0rem 6rem 5.25rem;
	}

	#collaborative .framed .foreground 
	{
		width: 56rem;
	}

	#collaborative .framed.low .foreground 
	{
		width: 50rem;
	}

	#collaborative .framed 
	{
		left: -3rem;
	}

	#collaborative .framed.low 
	{
		left: 0rem;
	}

	#collaborative .framed.one 
	{
		top: 3.5rem;
	}

	#collaborative .framed.low.one 
	{
		top: 5.75rem;
	}

	#collaborative .framed.two 
	{
		top: 10.5rem;
	}

	#collaborative .framed.low.two 
	{
		top: 12.75rem;
	}

	#collaborative .framed.three 
	{
		top: 17.5rem;
	}

	#collaborative .framed.low.three 
	{
		top: 19.75rem;
	}

	#collaborative .framed.four 
	{
		top: 24.5rem;
	}

	#collaborative .framed.low.four 
	{
		top: 26.75rem;
	}

	#collaborative .stamp 
	{
		width: 48rem;
	}

	#collaborative .arrow 
	{
		left: 25.25rem;
	}

	#collaborative .arrow.one 
	{
		top: 8.25em;
	}

	#collaborative .arrow.two 
	{
		top: 15.25em;
	}

	#collaborative .arrow.three 
	{
		top: 22.25em;
	}

	#collaborative .collage
	{
		margin: 0rem 1.5rem 0rem 1.5rem;
	}

	#deeper .sketch 
	{
		position: absolute;
		width: 56rem;
		left: -27rem;
		top: 2.5rem;
	}

	#deeper .collage 
	{
		margin: 6rem 7.5rem 7rem 23.5rem;
	}

	#deeper .framed.low .foreground 
	{
		width: 7.5rem;
	}

	#deeper .framed.low 
	{
		left: 6.75rem;
		top: -7rem;
	}

	#cleanup .stamp 
	{
		width: 40rem;
	}

	#feedback .collage 
	{
		display: flex;
		gap: 1rem;
	}

	#feedback .framed .foreground 
	{
    	width: 38rem;
	}

	#density .framed.low .foreground 
	{
    	width: 48rem;
	}

	#density .framed .foreground 
	{
    	width: 20rem;
	}

	#density .framed:not(.low) 
	{
		top: -3rem;
		left: 16rem;
	}

	#density .collage 
	{
		margin: 3rem 0;
	}
	
	#complexity .framed .foreground 
	{
		height: 36rem;
	}

	#complexity .collage 
	{
		gap: 1rem;
	}
}

@media (max-width: 1360px)
{
	#processing .framed.legend 
	{
		left: 36.5rem;
		top: 21rem;
	}

	#processing .collage 
	{
		margin: 0rem 0.5rem 1rem 7.5rem;
	}

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

	#deeper .collage 
	{
		margin: 4rem 7.5rem 4rem 23.5rem;
	}

	#feedback .framed.two
	{
		display: none;
	}

	#feedback .framed .foreground 
	{
		width: 48rem;
	}

	#complexity .framed .foreground 
	{
		height: 30rem;
	}

	#result .framed .foreground
	{
    	height: 20rem;
	}

	#result .framed.one 
	{
    	left: -7rem;
	}

	#result .framed.three 
	{
		left: 8rem;
	}

	#result .framed.four 
	{
		left: 15.5rem;
	}

	#result .collage 
	{
		margin: 0rem 16rem 1rem 6rem;
	}

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

@media (max-width: 1024px)
{
	#workshop .framed.one 
	{
		display: none;
	}

	#workshop .collage 
	{
		margin: 10rem 7rem 0rem 0rem;
	}

	#manifest .framed .foreground 
	{
		width: 34rem;
	}
	
	#start .framed.one 
	{
		display: none;
	}

	#start .framed.two 
	{
		left: 2.5rem;
		top: 9rem;
	}

	#start .collage 
	{
		margin: 0rem 2rem 8.5rem 0rem;
	}

	#awareness .one
	{
		display: none;
	}

	#cleanup .stamp 
	{
		width: 36rem;
	}

	#density .framed.low .foreground 
	{
		width: 36rem;
	}

	#density .framed .foreground 
	{
		width: 16rem;
	}

	#density .framed:not(.low) 
	{
		top: -4rem;
		left: 13rem;
	}

	#density .collage 
	{
		margin: 2.5rem 0 2rem 0;
	}

	#feedback .framed .foreground 
	{
		width: 36rem;
	}

	#processing .framed.one,
	#processing .framed.two,
	#processing .framed.three
	{
		left: -16rem;
	}

	#processing .arrow 
	{
		left: 21rem;
	}
	
	#processing .framed.legend 
	{
		left: unset;
		top: 19rem;
		right: 8rem;
	}

	#processing .collage 
	{
 	   margin: 0;
	}

	#collaborative .framed 
	{
		left: -16rem;
	}

	#collaborative .framed.low 
	{
		left: -13rem;
	}

	#collaborative .collage 
	{
		margin: 0;
	}

	#collaborative .arrow 
	{
		left: 23rem;
	}

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

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

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

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

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

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

	#problem .challenges .framed .foreground 
	{
		width: 20rem;
	}

	#workshop .framed .foreground
	{
		width: 16rem;
	}

	#workshop .framed.two 
	{
		left: 5rem;
		top: -8rem;
	}

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

	#manifest .framed .foreground 
	{
		width: 22rem;
	}
	
	#start .framed .foreground 
	{
		width: 20rem;
	}

	#start .framed.two 
	{
		left: 1.5rem;
	}

	#awareness .framed .foreground 
	{
		width: 23rem;
		border: none;
	}

	#awareness .framed.primary
	{
		transform: rotate(-1.5deg);
	}

	#deeper .framed.low 
	{
		display: none;
	}

	#deeper .collage 
	{
 	   margin: 0;
	}

	#deeper .framed.primary 
	{
		transform: rotate(2deg);
	}
	
	#deeper .sketch 
	{
		width: 56rem;
		left: -28rem;
		top: 0;
	}

	#cleanup .stamp 
	{
		width: 21rem;
	}

	#density .framed.low .foreground 
	{
		width: 23rem;
		border: none;
	}

	#density .framed.low
	{
		transform: rotate(-2deg);
	}

	#density .framed .foreground 
	{
		width: 13rem;
	}

	#density .framed:not(.low) 
	{
		top: -6rem;
		left: 3rem;
	}

	#density .collage 
	{
		margin: 6rem 0 3rem 0;
	}

	#feedback .framed .foreground 
	{
		width: 23rem;
		border: none;
	}

	#feedback .framed
	{
		transform: rotate(2deg);
	}

	#complexity .framed .foreground
	{
		border: none;
	}

	#complexity .framed.three
	{
		display: none;
	}

	#result .collage 
	{
		margin: 0rem 9rem 1rem 0rem;
	}

	#result .framed.one,
	#result .framed.four
	{
		display: none;
	}

	#processing .framed.legend 
	{
		display: none;
	}

	#processing .stamp 
	{
		width: 23rem;
	}

	#processing .framed .foreground 
	{
		width: 48rem;
	}

	#processing .framed.one, 
	#processing .framed.two, 
	#processing .framed.three 
	{
		left: -25.5rem;
	}
	
	#processing .framed.one 
	{
		top: 2rem;
	}

	#processing .framed.two 
	{
		top: 6.5rem;
	}

	#processing .framed.three 
	{
		top: 11rem;
	}

	#processing .arrow 
	{
		width: 0.75rem;
		left: 11rem;
	}

	#processing .arrow.one 
	{
		top: 4.5rem;
	}

	#processing .arrow.two 
	{
		top: 9rem;
	}

	#collaborative .framed .foreground 
	{
		width: 48rem;
	}

	#collaborative .framed.low .foreground 
	{
		width: 42rem;
	}

	#collaborative .framed.one
	{
		top: 2rem;
	}

	#collaborative .framed.low.one
	{
		top: 4rem;
	}

	#collaborative .arrow 
	{
		width: 0.75rem;
		left: 11rem;
	}

	#collaborative .arrow.one 
	{
		top: 6.25em;
	}

	#collaborative .arrow.two,
	#collaborative .arrow.three
	{
		display: none;
	}

	#collaborative .framed 
	{
		left: -25.5rem;
	}

	#collaborative .framed.low
	{
		left: -21.5rem;
	}

	#collaborative .framed.two,
	#collaborative .framed.three
	{
		display: none;
	}

	#collaborative .framed.four 
	{
    	top: 8.25rem;
	}

	#collaborative .framed.four.low
	{
    	top: 10.25rem;
	}

	#collaborative .stamp
	{
		width: 23rem;
	}

	#collaborative .collage
	{
		margin: 0;
	}
}