/* Sitewide Variables */

	:root {
	  --codyRustOld: #DE6200;
	  --codyRust: #D14D19;
	  --charcoal: #242424;
	  --white: #FFFFFF;
	  --lightSilver: #F7F7F7;
	  --silver: #EDEDED;
	  --middleGray: #5A5A5A;
	  --eggshell: #DFDFCE;
	  --tahoeGreen: #1E4A3A;
	  --firstPlaceGold: #D5A300;
	  --sierraGold: #F2BB05;
	  --climateGreen: #00D572;
	  
	  --dribbblePink: #EA4C89;
	  --instagramPink: #DD2A7B;
	  --exposureGold: #BC7C09;
	  
	  --t4t_blue: #0C53D8;
	  --t4t_blue_old: #4363FD;
	  --powder_purple: #A34BEF;
	  --powder_purple_old: #6737D3;
	  --topo_green: #41532C;
	  --topo_green_old: #3B5F3A;
	  --hearth_brown: #674A28;
	  --loop_mint: #77C7AB;
	  --cookbook_red: #D5522A;
	  --orientation_green: #124734;
	  --csdc2024_green: #354329;
	  --cisco_blue: #146FDE;
	  --fiveAcres_pink: #d37cbd;
	  --parks_orange: #D14D19;
	  --parks_tan: #EFEDE7;
	  
	  --transition_links: all ease 0.3s;
	}

/* Sitewide Styles */

	* {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}
	
	body {
		color: var(--charcoal);
		font-family: aktiv-grotesk, "Aktiv Grotesk", "San Francisco", "Helvetica Now", "Helvetica Neue", "Helvetica", "Roboto", sans-serif;
		-moz-font-feature-settings: "kern" 1; 
		-ms-font-feature-settings: "kern" 1; 
		-o-font-feature-settings: "kern" 1; 
		-webkit-font-feature-settings: "kern" 1; 
		font-feature-settings: "kern" 1; 
		font-kerning: normal;
	}
	
	a {
		text-decoration: none;
		color: var(--charcoal);
	}
	
	h1, h2 {
		font-family: halyard-display, "Halyard Display", "San Francisco", "Helvetica Now", "Helvetica Neue", "Helvetica", "Roboto", sans-serif;
		font-weight: 400;
	}
	
	h3, h4, h5, h6 {
		font-weight: 500;
	}
	
	h1 {
		font-size: 3.75rem;
		max-width: 720px;
		line-height: 1.1;
		margin-bottom: 2.25rem;
	}
	
	h2 {
		font-size: 2.25rem;
		line-height: 1.1;
		max-width: 20rem;
	}
	
	p {
		font-size: 1.05rem;
		font-weight: 400;
		line-height: 1.6rem;
		margin-bottom: 1.5rem;
		max-width: 34rem;
	}
	
	p.body {
		max-width: 38rem;
		line-height: 1.5;
	}
	
	ul.paragraphList li {
		font-size: 1.05rem;
		font-weight: 400;
		line-height: 1.6rem;
		margin-bottom: .5rem;
		max-width: 18rem;
	}
	
	p.bodySmall {
		font-size: .98rem;
		line-height: 1.5;
	}
	
	a {
		font-weight: 500;
	}
	
	h3 {
		font-size: 1.5rem;
	}
	
	h4.leadinHeader {
		font-weight: 400;
		color: var(--codyRust);
	}
	
	h4.resumeDetails {
		font-weight: 400;
		color: var(--middleGray);
	}
	
	strong {
		font-weight: 500;
	}
	
	.opticalAlignLetter {
		text-indent: -.14em;
	}
	
	.photo_width100 {
		width: 100%;
	}
	
	.whiteText {
		color: #fff;
	}
	
	h3.keyStat {
		font-family: halyard-display, "Halyard Display", "San Francisco", "Helvetica Now", "Helvetica Neue", "Helvetica", "Roboto", sans-serif;
		font-weight: 400;
		font-size: 3rem;
		line-height: 1;
		margin-bottom: 1.25rem;
	}
	
	p.reference {
		font-size: .8rem;
		color: #858585;
		margin-top: 0;
		line-height: 1.4;
	}
	
	p.referenceLessPad {
		margin-top: -.5rem;
		padding-top: 0;
	}
	
	.referenceLink {
		font-weight: 500;
		color: #858585;
	}
	
	a.referenceLink:hover {
		color: var(--codyRust);
	}
	
	/* Caption Styles */
		div.caption {
			padding: 1.4rem 0;
		}
		
		div.captionFullWidth {
			border-bottom: 3px solid var(--eggshell);
		}
		
		div.caption h6 {
			font-size: .95rem;
			font-weight: 400;
			color: var(--middleGray);
		}
		
		span.captionTitle {
			font-weight: 500;
			color: var(--charcoal);
		}
	/* */
	
	/* Link Styles */
		ul.links {
			display: flex;
		}
		
		ul.links li {
			list-style: none;
			margin-right: 3rem;
		}
		
		ul.links li.precedesSocial {
			margin-right: 1.5rem;
		}
		
		ul.links li.linkSocial {
			list-style: none;
			margin-right: 1.5rem;
			fill: var(--charcoal);
		}
		
		li.link a {
			font-size: 1.05rem;
		}
		
		li.link a svg {
			height: .8rem;
			margin-left: .5rem;
		}
		
		li.link a svg.linkArrowBack {
			margin-left: 0;
			margin-right: .5rem;
		}
		
		li.link a svg.linkArrowWhite {
			fill: #ffffff;
		}
		
		li.link a:hover {
			color: var(--codyRust);
			fill: var(--codyRust);
			transition: all 150ms ease-in-out;
			transition-delay: 5ms;
		}
		
		li.link a:after {
			display:block;
			content: '';
			border-bottom: solid 3px var(--codyRust);  
			transform: scaleX(0);  
			transition: transform 250ms ease-in-out;
			padding: .2rem;
		}
	
		li.link a:after{ transform-origin: 100% 50%; }
		
		li.link a:hover:after{ transform: scaleX(1); transform-origin:   0% 50%; }
		
		.social_icon_svg {
			width: 1.5rem;
		}
		
		.link_inText {
			border-bottom: 2px solid var(--codyRust);
			transition: var(--transition_links);
		}
		
		.link_inText:hover {
			color: var(--codyRust);
			border-bottom-color: transparent;
			transition: var(--transition_links);
		}
	/* */
	
	/* Timeline Styles */
		div.timelineItem {
			display: flex;
			margin-bottom: 1rem;
		}
		
		div.timelineBorder {
			width: 8px;
			height: auto;
			background-color: var(--cisco_blue);
			margin-left: 2px;
			margin-right: 1.5rem;
			border-radius: 6px;
		}
		
		div.timelineContents {
			padding: .4rem 0;
		}
		
		h4.timelineTitle {
			font-weight: 500;
			font-size: 1.15rem;
			margin-bottom: .4rem;
		}
		
		p.timelineDescription {
			margin-bottom: 0;
			padding-bottom: 0;
		}
	/* */
	
	/* Research Insight Styles */
		div.researchInsight {
			column-gap: 6rem;
			align-items: center;
		}
		
		img.researchInsightImage {
			max-width: 100%;
			width: 100%;
		}
		
		div.researchInsightText {
			max-width: 100%;
			width: 100%;
		}
		
		h4.insightLabel {
			font-weight: 400;
			font-size: 1rem;
			padding-bottom: .4rem;
		}
	/* */
	
	
	/* Navigation Styles */
		header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 2rem;
		}
		
		header .logo {
			width: 4rem;
			fill: var(--codyRust);
		}
		
		header nav ul {
			display: flex;
			list-style: none;
		}
		
		header ul {
			list-style: none;
		}
		
		header nav ul li, .top_nav_control {
			padding: .6rem .2rem .2rem;
			margin-bottom: .2rem;
			margin-left: 1.4rem;
			font-size: .9rem;
		}
		
		header nav ul li {
			border-bottom: 3px solid transparent;
			font-weight: 500;
		}
		
		header nav ul li a {
			transition: var(--transition_links);
		}
		
		header nav ul li a:hover {
			color: var(--codyRust);
			transition: var(--transition_links);
		}
		
		header nav ul li.selected {
			color: var(--codyRust);
			border-bottom-color: var(--codyRust);
		}
		
		header nav ul li .social_icon {
			padding: .4rem;
		}
		
		header nav ul li:first-child {
			margin-left: 0;
		}
		
		header nav ul li:last-child {
			margin-left: .5rem;
		}
		
		header .social_icon_svg {
			width: 1.1rem;
		}
		
		.social_icon_dribbble .dribbble_icon_svg_control, .social_icon_instagram .instagram_icon_svg_control, .social_icon_exposure .exposure_icon_svg_control {
			fill: var(--textDefault);
			transition: var(--transition_links);
		}
		
		.social_icon_dribbble:hover .dribbble_icon_svg_control {
			fill: var(--dribbblePink);
			transition: var(--transition_links);
		}
		
		.social_icon_instagram:hover .instagram_icon_svg_control {
			fill: var(--instagramPink);
			transition: var(--transition_links);
		}
		
		.social_icon_exposure:hover .exposure_icon_svg_control {
			fill: var(--exposureGold);
			transition: var(--transition_links);
		}
		
		/* Mobile Nav */
			.mobileControl_close {
				font-size: 1.5rem;
				margin: 0;
				padding-top: .3rem;
				display: none;
			}
			
			header nav ul li.backHome {
				display: none;
			}
			
			.top_nav_control {
				display: none;
			}
		/* */
	/* */
	
	/* Spacing Units */
		.useContainer {
			max-width: 1408px;
			width: 100%;
			margin: 0 auto;
		}
		
		.matchHeaderPadding {
			padding-left: 2rem;
			padding-right: 2rem;
		}
		
		.alignWithHeader {
			margin-top: .5rem;
		}
		
		.spacer_p5 {
			margin-bottom: .5rem;
		}
		
		.spacer_p75 {
			margin-bottom: 1.125rem;
		}
		
		.spacer_1 {
			margin-bottom: 1.5rem;
		}
		
		.spacer_1p5 {
			margin-bottom: 2.25rem;
		}
		
		.spacer_2 {
			margin-bottom: 3rem;
		}
		
		.spacer_2p5 {
			margin-bottom: 3.75rem;
		}
		
		.spacer_3 {
			margin-bottom: 4.5rem;
		}
		
		.spacer_3p5 {
			margin-bottom: 6rem;
		}
		
		.spacer_4 {
			margin-bottom: 8rem;
		}
		
		.spacer_5 {
			margin-bottom: 10rem;
		}
		
		.top_p25 {
			margin-top: .5rem;
		}
		
		.top_p75 {
			margin-top: 1.125rem;
		}
		
		.top_1 {
			margin-top: 1.5rem;
		}
		
		.top_1p5 {
			margin-top: 2.25rem;
		}
		
		.top_2 {
			margin-top: 3rem;
		}
		
		.top_2p5 {
			margin-top: 3.75rem;
		}
		
		.top_3 {
			margin-top: 4.5rem;
		}
		
		.top_3p5 {
			margin-top: 6rem;
		}
		
		.top_4 {
			margin-top: 8rem;
		}
		
		.top_5 {
			margin-top: 10rem;
		}
	/* */
	
	/* Positioning */
		.centerContents {
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.alignContentsTop {
			align-items: flex-start;
		}
		
		.flex_alignToEdges {
			display: flex;
			justify-content: space-between;
			align-items: top;
		}
		
		.fullWidth {
			width: 100vw;
			overflow: hidden;
		}
		
		.max18 {
			max-width: 18.5rem;
		}
		
		.matchGridWidth {
			max-width: 1152px;
			margin: 0 auto;
		}
		
		/* Offset Images */
			.obj_minusMarginUp_6rem {
				margin-top: -6rem;
			}
			
			div.obj_minusMarginUp_6rem {
				position: relative;
				top: -6rem;
				margin-bottom: -4rem;
			}
			
			.addShadow {
				box-shadow: 0px 33px 60px rgba(0,0,0,0.2);
			}
			
			.width100 {
				width: 100%;
			}
			
			.addPadBelow_1 {
				padding-bottom: 1rem;
			}
			
			.addPadBelow_1p5 {
				padding-bottom: 2.25rem;
			}
			
			.addPadBelow_2 {
				padding-bottom: 3rem;
			}
			
			.addPadBelow_2p5 {
				padding-bottom: 3.75rem;
			}
			
			.addPadBelow_3 {
				padding-bottom: 4.5rem;
			}
			
			.addPadBelow_3p5 {
				padding-bottom: 6rem;
			}
			
			.addPadBelow_4 {
				padding-bottom: 8rem;
			}
			
			.addPadBelow_6 {
				padding-bottom: 11rem;
			}
			
			.addPadBelow_7 {
				padding-bottom: 12.5rem;
			}
			
			.addPadAbove_p5 {
				padding-top: .5rem;
			}
			
			.addPadAbove_1 {
				padding-top: 1rem;
			}
			
			.addPadAbove_1p5 {
				padding-top: 2.25rem;
			}
			
			.addPadAbove_2 {
				padding-top: 3rem;
			}
			
			.addPadAbove_2p5 {
				padding-top: 3.75rem;
			}
			
			.addPadAbove_3 {
				padding-top: 4.5rem;
			}
			
			.addPadAbove_3p5 {
				padding-top: 6rem;
			}
			
			.addPadAbove_4 {
				padding-top: 8rem;
			}
		/* */
		
		/* Card */
			.card {
				padding: 2rem;
			}
		/* */
		
		/* Grids */
			.grid {
				display: grid;
				max-width: 1152px;
				width: 100%;
				overflow: hidden;
				margin: 0 auto;
				align-items: start;
			}
			
			.grid_noMaxWidth {
				max-width: none;
			}
			
			.grid_addRowGap2 {
				row-gap: 2rem;
			}
			
			.grid_addRowGap {
				row-gap: 3rem;
			}
			
			.grid_addRowGap4 {
				row-gap: 4rem;
			}
			
			.grid_span_two {
				grid-column: span 2;
			}
			
			.grid_verticalCenter {
				align-items: center;
			}
			
			.grid_oneColumn {
				grid-template-columns: 1fr;
				column-gap: 3rem;
			}
			
			.grid_twoColumn {
				grid-template-columns: 1fr 2fr;
				column-gap: 3rem;
			}
			
			.grid_threeColumn {
				grid-template-columns: 1fr 1fr 1fr;
				column-gap: 3rem;
				grid-auto-rows: 1fr;
			}
			
			.grid_fourColumn {
				grid-template-columns: 1fr 1fr 1fr 1fr;
				column-gap: 3rem;
			}
			
			.grid_threeColumn_1-1-1 {
				grid-template-columns: repeat(3, minmax(0, 1fr));
			}
			
			.grid_twoColumn_1-1 {
				grid-template-columns: 1fr 1fr;
			}
			
			.grid_twoColumn_1-2 {
				grid-template-columns: 1fr 2fr;
			}
			
			.grid_twoColumn_2-3 {
				grid-template-columns: 2fr 3fr;
				grid-auto-rows: 1fr;
			}
			
			.grid_twoColumn_3-2 {
				grid-template-columns: 3fr 2fr;
				grid-auto-rows: 1fr;
			}
			
			.grid_twoColumn_3-4 {
				grid-template-columns: 3fr 4fr;
				grid-auto-rows: 1fr;
			}
			
			.grid_twoColumn_4-3 {
				grid-template-columns: 4fr 3fr;
				grid-auto-rows: 1fr;
			}
			
			.grid_twoColumn_3-5 {
				grid-template-columns: 3fr 5fr;
			}
			
			.grid_fourColumn_4-2p25-2p25-3 {
				grid-template-columns: 4fr 2.25fr 2.25fr 3fr;
			}
			
			.grid_sameHeight {
				grid-auto-rows: 1fr;
				align-items: stretch;
			}
			
			.grid_stars {
				grid-template-columns: 1fr 1fr 1fr 1fr 1fr 2fr;
			}
			
			.persona_container {
				row-gap: 3rem;
				column-gap: 5rem;
			}
			
			.persona {
				align-items: center;
			}
			
			.grid_smallColumnGap {
				column-gap: 1.5rem;
			}
			
			.grid_smallRowGap {
				row-gap: 1.5rem;
			}
		/* */
		
		/* Two Up Text */
			div.twoUpText {
				display: flex;
				max-width: 1100px;
				margin: 0 auto;
				justify-content: space-between;
			}
			
			div.twoUpText_narrow {
				max-width: 1000px;
			}
			
			div.oneUpText {
				max-width: 1100px;
				margin: 0 auto;
			}
			
			div.twoUpText_small {
				width: 36%;
			}
			
			div.twoUpText_smallPlus {
				width: 40%;
			}
			
			div.twoUpText_sMed {
				width: 45%;
			}
			
			div.twoUpText_med {
				width: 46%;
			}
			
			div.twoUpText_lMed {
				width: 48%;
			}
			
			div.twoUpText_large {
				width: 55%;
			}
			
			.twoUpText_xLarge {
				width: 68%;
				margin-top: -4vh;
			}
		/* */
	/* */
	
	/* Footer Styles */
		footer {
			background-color: var(--charcoal);
			padding: 3rem 5rem 3rem;
		}
		
		footer .logo {
			width: 4rem;
			fill: #fff;
			margin-bottom: .8rem;
		}
		
		footer p {
			font-size: .95rem;
			max-width: 17rem;
			color: #fff;
			opacity: .8;
			line-height: 1.45;
			letter-spacing: 0.01em;
		}
		
		footer p.copyright {
			font-size: .8rem;
			color: #fff;
			opacity: .5;
		}
		
		footer ul {
			list-style: none;
			display: flex;
		}
		
		footer ul li {
			padding: .6rem .2rem 0 .2rem;
			margin-bottom: .2rem;
			margin-left: 2rem;
			line-height: .95;
			font-weight: 400;
			font-style: normal;
			font-size: .95em;
			letter-spacing: .02em;
		}
		
		footer ul li a {
			color: #fff;
		}
		
		footer ul li ul.subnav {
			display: block;
		}
		
		footer ul li ul.subnav li {
			margin-left: 0;
			margin-top: .4rem;
			padding-left: 0;
		}
		
		footer ul li ul.subnav li a {
			font-weight: 400;
			opacity: .5;
		}
	/* */
	
/* Index Page */
	.icon {
		width: 2.3rem;
		vertical-align: middle;
		fill: var(--codyRust);
	}
	
	div.homepage_project {
		display: grid;
		grid-template-columns: 1fr 2.5fr;
		column-gap: 2rem;
		max-width: 1200px;
		margin: 0 auto;
	}
	
	div.homepage_project_alt {
		grid-template-columns: 2.5fr 1fr;
		column-gap: 2rem;
	}
	
	div.homepage_project_details {
		margin: auto;
		padding: 0 2rem 2rem;
	}
	
	h4.tagline {
		font-weight: 400;
		font-size: 1rem;
		opacity: .5;
		line-height: 1.35;
	}
	
	h4.subtitle {
		font-size: 1.15rem;
		font-weight: 500;
		line-height: 1.4;
	}
	
	p.leadIn {
		font-size: 1.25rem;
		max-width: 18rem;
		line-height: 1.35;
	}
	
	p.leadInBody {
		max-width: 38rem;
		font-size: 1.4rem;
	}
	
	div.homepage_project_photo {
		padding: 0;
		min-height: 240px;
		height: 100%;
		max-height: 500px;
		overflow: hidden;
		display: flex;
		justify-content: center;
		text-align: center;
	}
	
	div.homepage_project_photo img {
		margin: 0 auto;
	}
	
	div.homepage_project_photo img.vertical {
		width: 50%;
		height: auto;
		padding-bottom: 0;
		margin: 2rem auto 0;
	}
	
	div.homepage_project_photo img.verticalMedium {
		width: 70%;
		height: auto;
		padding-bottom: 0;
		margin: 2rem auto 0;
	}
	
	div.homepage_project_photo img.verticalLarge {
		width: 100%;
		height: auto;
		padding-bottom: 0;
		margin-top: 2rem;
	}
	
	div.homepage_project_photo img.horizontal {
		width: auto;
		max-height: 100%;
	}
	
	div.homepage_project_photo img.coverMiddle {
		width: 100%;
		height: 100%;
		object-fit: cover;
		min-height: 125%;
		margin-top: -10%;
	}
	
	li.t4t_blue a:hover {
		color: var(--t4t_blue);
		fill: var(--t4t_blue);
	}
	
	li.t4t_blue a:after{
		border-bottom: solid 3px var(--t4t_blue);
	}
	
	li.powder_purple a:hover {
		color: var(--powder_purple);
		fill: var(--powder_purple);
	}
	
	li.powder_purple a:after{
		border-bottom: solid 3px var(--powder_purple);
	}
	
	li.topo_green a:hover {
		color: var(--topo_green);
		fill: var(--topo_green);
	}
	
	li.topo_green a:after{
		border-bottom: solid 3px var(--topo_green);
	}
	
	li.hearth_brown a:hover {
		color: var(--hearth_brown);
		fill: var(--hearth_brown);
	}
	
	li.hearth_brown a:after{
		border-bottom: solid 3px var(--hearth_brown);
	}
	
	li.loop_mint a:hover {
		color: var(--loop_mint);
		fill: var(--loop_mint);
	}
	
	li.loop_mint a:after{
		border-bottom: solid 3px var(--loop_mint);
	}
	
	li.cookbook_red a:hover {
		color: var(--cookbook_red);
		fill: var(--cookbook_red);
	}
	
	li.cookbook_red a:after{
		border-bottom: solid 3px var(--cookbook_red);
	}
	
	li.orientation_green a:hover {
		color: var(--orientation_green);
		fill: var(--orientation_green);
	}
	
	li.orientation_green a:after{
		border-bottom: solid 3px var(--orientation_green);
	}
	
	li.sierra_gold a:hover {
		color: var(--sierraGold);
		fill: var(--sierraGold);
	}
	
	li.sierra_gold a:after{
		border-bottom: solid 3px var(--sierraGold);
	}
	
	li.climate_green a:hover {
		color: var(--climateGreen);
		fill: var(--climateGreen);
	}
	
	li.climate_green a:after{
		border-bottom: solid 3px var(--climateGreen);
	}
	
	li.csdc2024_green a:hover {
		color: var(--csdc2024_green);
		fill: var(--csdc2024_green);
	}
	
	li.csdc2024_green a:after{
		border-bottom: solid 3px var(--csdc2024_green);
	}
	
	li.cisco_blue a:hover {
		color: var(--cisco_blue);
		fill: var(--cisco_blue);
	}
	
	li.cisco_blue a:after{
		border-bottom: solid 3px var(--cisco_blue);
	}
	
	li.parks_orange a:hover {
		color: var(--parks_orange);
		fill: var(--parks_orange);
	}
	
	li.parks_orange a:after{
		border-bottom: solid 3px var(--parks_orange);
	}
	
	.cisco_blue {
		color: var(--cisco_blue);
	}
	
	.fiveAcres_pink {
		color: var(--fiveAcres_pink);
	}
	
	.parks_orange {
		color: var(--parks_orange);
	}
	
	li.white a:hover {
		color: #ffffff;
		fill: #ffffff;
	}
	
	li.white a:after{
		border-bottom: solid 3px #ffffff;
	}
	
	div.homepage_project_photo_together4tomorrow {
		background-color: var(--t4t_blue);
		height: auto;
	}
	
	div.homepage_project_photo_powder {
		background-color: var(--powder_purple);
		height: auto;
	}
	
	div.homepage_project_photo_topo {
		background-color: var(--topo_green);
		height: auto;
	}
	
	div.homepage_project_photo_hearth {
		background-color: var(--hearth_brown);
		height: auto;
	}
	
	div.homepage_project_photo_csdc2024 {
		background-color: var(--csdc2024_green);
		height: auto;
	}
	
	div.homepage_project_photo_cisco {
		background-color: var(--cisco_blue);
		height: auto;
	}
	
	div.homepage_project_photo_loop {
		background-color: var(--loop_mint);
		height: auto;
	}
	
	span.bubble {
		padding: .2rem 1rem .3rem;
		background-color: var(--charcoal);
		color: #ffffff;
		border-radius: 1rem;
		font-size: .9rem;
		font-weight: 400;
		vertical-align: middle;
		margin-left: .3rem;
		margin-top: -.06rem
	}
	
	span.bubble_powder_purple {
		background-color: var(--powder_purple);
	}
	
	span.bubble_cisco_blue {
		background-color: var(--cisco_blue);
	}
	
	span.bubble_first {
		background-color: var(--firstPlaceGold);
	}
	
	span.bubble_sierra_gold {
		background-color: var(--sierraGold);
	}
	
	span.bubble_climate_green {
		background-color: var(--climateGreen);
	}
	
	.silver_background {
		background-color: var(--silver);
	}
	
/* Work Page */
	div.workTile {
		border-top: 6px solid var(--eggshell);
		padding-top: 1.4rem;
		max-width: 18rem;
		margin-bottom: 4rem;
		display: grid;
		min-height: 20rem;
	}
	
	div.workTile ul.links {
		align-self: end;
	}
	
	div.workTile_t4t {
		border-color: var(--t4t_blue);
	}
	
	div.workTile_powder {
		border-color: var(--powder_purple);
	}
	
	div.workTile_topo {
		border-color: var(--topo_green);
	}
	
	div.workTile_hearth {
		border-color: var(--hearth_brown);
	}
	
	div.workTile_loop {
		border-color: var(--loop_mint);
	}
	
	div.workTile_cookbook {
		border-color: var(--cookbook_red);
	}
	
	div.workTile_orientation {
		border-color: var(--orientation_green);
	}
	
	div.workTile_sierra {
		border-color: var(--sierraGold);
	}
	
	div.workTile_climate {
		border-color: var(--climateGreen);
	}
	
	div.workTile_csdc2024 {
		border-color: var(--csdc2024_green);
	}
	
	.bg_t4t_blue {
		background-color: var(--t4t_blue);
	}
	
	.bg_powder_purple {
		background-color: var(--powder_purple);
	}
	
	.bg_topo_green {
		background-color: var(--topo_green);
	}
	
	.bg_hearth_brown {
		background-color: var(--hearth_brown);
	}
	
	.bg_loop_mint {
		background-color: var(--loop_mint);
	}
	
	.bg_cookbook_red {
		background-color: var(--cookbook_red);
	}
	
	.bg_orientation_green {
		background-color: var(--orientation_green);
	}
	
	.bg_sierra_gold {
		background-color: var(--sierraGold);
	}
	
	.bg_climate_green {
		background-color: var(--climateGreen);
	}
	
	.bg_climate_gradient {
		background-image: url('../climate/climateBackground.png');
		background-size: cover;
		background-position: center center;
	}
	
	.bg_csdc2024_green {
		background-color: var(--csdc2024_green);
	}
	
	.bg_cisco_blue {
		background-color: var(--cisco_blue);
	}
	
	.bg_parks_tan {
		background-color: var(--parks_tan);
	}
	
	div.bg_white {
		background-color: #fff;
	}
	
/* Work Tiles */
div.projectTile {
	display: grid;
}

.tileImage_div {
	overflow: hidden;
	margin-bottom: 1.4rem;
	height: 16rem;
}

.tileImage_div img {
	object-fit: cover;
	transition: all .3s ease;
}

.tileImage_divCenter img {
	object-fit: cover;
	transition: all .3s ease;
}

.tileImage_div:hover img {
	opacity: 0.5;
	transition: all .3s ease;
}

.tileImage_div_cover, .tileImage_div_alignBottom, .tileImage_div_alignRight {
	overflow: hidden;
	width: 100%;
}

.tileImage_div_alignBottomSmall, .tileImage_div_alignBottomMedium {
	text-align: center;
}

.tileImage_div_centerIcon {
	display: flex;
	justify-content: center;
	align-items: center;
}

img.tileImage_photo_cover {
	object-fit: cover;
	width: 100%;
	height: 16rem;
}

img.tileImage_photo_coverCenter {
	object-fit: contain;
	max-height: 100%;
}

img.tileImage_photo_alignBottom {
	width: 100%;
	padding: 1.2rem 1.2rem 0 1.2rem;
}

img.tileImage_photo_alignBottomSmall {
	width: 70%;
	padding: 1.8rem 1.8rem 0 1.8rem;
}

img.tileImage_photo_alignBottomMedium {
	width: 82%;
	padding: 1.8rem 1.8rem 0 1.8rem;
}

img.tileImage_photo_alignBottomLarge {
	width: 95%;
	padding: 1.2rem 1.2rem 0 1.2rem;
}

img.tileImage_photo_alignBottomFull {
	width: 100%;
	padding: 1.8rem 0 0 0;
}

img.tileImage_photo_alignRight {
	height: calc(16rem - 1.8rem - 1.8rem);
	margin: 0 auto;
	margin-left: 1.8rem;
	margin-top: 1.8rem;
}

img.tileImage_centerIcon {
	width: 5.4rem;
}

p.noBottomSpace {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Work - General */
div.projectIntro {
	color: #fff;
}

div.projectIntro header .logo {
	fill: #fff;
}

div.projectIntro header nav ul li a, div.projectIntro header .top_nav_control li a {
	color: #fff;
}

div.projectIntro .social_icon_dribbble .dribbble_icon_svg_control, div.projectIntro .social_icon_instagram .instagram_icon_svg_control {
	fill: #fff;
}

/* Work - CSDC 2024 */
.projectHeaderImage {
	object-fit: cover;
	height: 100vh;
	object-position: 0 0;
}
/* */

/* Work - t4t */
.step {
	background-color: var(--lightSilver);
}

.stepTitle {
	text-align: center;
	padding: 2rem;
	margin-bottom: -.2rem;
}

.stepTitle_skewLeft {
	transform: skewY(-3deg);
	transform-origin: top left;
}

.stepTitle_text_unskewLeft {
	transform: skewY(3deg);
	transform-origin: top left;
}

.stepTitle_skewRight {
	transform: skewY(3deg);
	transform-origin: top right;
}

.stepTitle_text_unskewRight {
	transform: skewY(-3deg);
	transform-origin: top right;
}

.lightSilver_background {
	background-color: var(--lightSilver);
}
	
/* Work - Powder */
#ux {
	display: none;
}

.fullVH_showOverflow {
	max-height: 100vh;
	overflow: visible;
}

.fullVH_showOverflowMin {
	min-height: 100vh;
	overflow: visible;
	
}

.fullVH_hideOverflow {
	max-height: 100vh;
	overflow: hidden;
}

.powder_background {
	background-color: var(--powder_purple);
	background-image: url('../powder-new/background_gradient.png');
	background-size: cover;
	background-position: 50% 50%;
}

.hearth_background {
	background-color: var(--hearth_brown);
	background-image: url('../hearth/background.jpg');
	background-size: cover;
	background-position: 50% 50%;
}

.csdc2024_background {
	background-color: var(--csdc2024_green);
	background-image: url('../csdc2024/header-fullsize.png');
	background-size: cover;
	background-position: 50% 0%;
	height: 100vh;
	
}

.cisco_background {
	background-color: var(--cisco_blue);
	background-image: url('../ciscoSustainability/ciscoBG.png');
	background-size: cover;
	background-position: 50% 50%;
}

.parks_background {
	background-color: var(--parks_orange);
	background-image: url('../parks/parksBG.png');
	background-size: cover;
	background-position: 0% 50%;
}

.powder_splash_container {
	overflow-x: hidden;
	text-align: center;
	object-position: center;
	
}

.hearth_splash_container {
	text-align: center;
	object-position: center;
	display: grid;
	align-items: stretch;
}

.orientation_splash_container {
	overflow-x: visible;
	text-align: center;
	object-position: center;
}

.image_powder_splash {
	max-height: 100vh;
	width: auto;
	max-width: 100vw;
}

.image_topo_splash {
	max-height: 105vh;
	width: auto;
	max-width: 110vw;
}

.image_t4t_splash {
	max-height: 150vh;
	width: auto;
	max-width: 100%;
}

.image_hearth_splash {
	max-height: 90vh;
	width: auto;
	max-width: 100%;
	margin-top: 1rem;
	justify-self: end;
}

.image_orientation_splash {
	max-height: 120vh;
	width: auto;
	max-width: 100%;
	margin-top: 1rem;
	box-shadow: 0 0 100px rgba(0,0,0,0.2);
}

.image_cookbook_splash {
	max-height: 110vh;
	width: auto;
	max-width: 100vw;
}

.image_contain {
	max-width: 100%;
}

.height60vh {
	height: auto;
	min-height: 600px;
	max-height: 80vh;
	position: relative;
	bottom: 0;
}

div.persona_photo img {
	width: 100%;
	border-radius: 50%;
}

.tapToExpand {
	background-color: var(--silver);
	text-align: center;
	border-radius: .4rem;
}

.review {
	background-color: var(--lightSilver);
	padding: 1.6rem 1.6rem .4rem 1.6rem;
}

.feature {
	background-color: var(--lightSilver);
	padding: 2.4rem 2.4rem 1rem 2.4rem;
}

.feature_selected_topo {
	background-color: var(--topo_green);
}

.starRating_container {
	margin-bottom: 1.2rem;
}

.starRating {
	width: 100%;
	padding-right: .4rem;
}

.starRating_unfilled {
	opacity: 0.6;
}

div.aligntoLeftofGrid {
	overflow: hidden;
	max-height: 100vh;
	padding: 0;
	margin: 0;
}

div.aligntoLeftofGrid img {
	width: 100%;
	margin-top: -40%;
}

div.insetInfo {
	color: #fff;
	margin-left: 6rem;
}

div.insetInfoDark {
	margin-left: 6rem;
}

.insetImage_container {
	margin-bottom: 0;
	padding: 0;
}

.insetImage_alignBottom {
	margin-bottom: -20px;
	width: 110%;
	margin-left: -10%;
}

/* Projects - Climate */
section.climateSplash {
	position: relative;
	background-image: url('../climate/climateBackground.png');
	background-size: cover;
	background-position: 50% 50%;
	margin-bottom: 0rem;
}

svg.climate_background {
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 7vw;
}

img.climatePact_icon {
	width: 8rem;
	padding-top: 2rem;
	padding-bottom: calc(2rem + 12vw);
}

img.parks_icon {
	width: 8rem;
	padding-top: 4rem;
	padding-bottom: calc(4rem + 20vh);
}

/* Vote Banner */	
div.bottomBar {
	position: fixed;
	bottom: 0;
	z-index: 100;
	width: 100vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

div.bottomBar_contents {
	display: flex;
	justify-content: center;
	align-items: center;
}

div.voteBar {
	background-color: #005CD9;
	padding: 1.5rem 1.5rem 1.25rem;
}
.voteIcon {
	width: 3rem;
	margin-right: 1.5rem;
}

h3.bottomBar_title {
	display: inline-block;
	color: #fff;
	letter-spacing: 0.04rem;
	margin-right: 2.5rem;
	margin-top: -.25rem;
}

p.bottomBar_info {
	font-size: .8rem;
	color: #fff;
	margin: 0;
	padding: 0;
	max-width: 28rem;
	line-height: 1.5;
}

a.bottomBar_button_link {
	margin-left: 8vw;
}

a.bottomBar_button_link:hover div.bottomBar_button {
	background-color: #003EA0;
}

a.bottomBar_button_link:hover h4.bottomBar_button_label {
	color: #fff;
}

a.bottomBar_button_link:hover .arrow {
	fill: #fff;
}

div.bottomBar_button {
	padding: .75rem 1.5rem;
	background-color: #fff;
	border-radius: 1.5rem;
	display: flex;
	margin: 0;
}

h4.bottomBar_button_label {
	font-weight: 500;
	font-size: 1rem;
	color: #005CD9;
	margin: 0.05rem 0 0 0;
	padding: 0;
	letter-spacing: 0.01rem;
}

.bottomBar_button_arrow {
	width: 1rem;
	margin: 0.2rem 0 0 .8rem;
	padding: 0;
}
	
	
@media only screen and (max-width: 1124px) {
	div.homepage_project {
		grid-template-columns: 1fr 1.5fr;
	}
	
	div.homepage_project_alt {
		grid-template-columns: 1.5fr 1fr;
	}
	
	div.homepage_project_photo {
		height: 60vh;
	}
}

@media only screen and (max-width: 850px) {
	div.homepage_project {
		grid-template-columns: 1fr 1fr;
	}
	
	div.homepage_project_alt {
		grid-template-columns: 1fr 1fr;
	}
	
	div.homepage_project_photo {
		height: 50vh;
	}
	
	div.voteBar, div.voteBar div.bottomBar_contents {
		display: none !important;
		visibility: hidden !important;
	}
}

@media only screen and (max-width : 600px) {
	h1 {
		font-size: 3rem;
		margin-bottom: 2.25rem;
	}
	
	h3 {
		font-size: 1.5rem;
	}
	
	h3.leadinHeader {
		font-size: 1.2rem;
	}
	
	.hideOnSm {
		display: none;
	}
	
	/* Links */
		ul.links {
			display: block;
		}
		
		ul.links li {
			display: inline-block;
			margin-bottom: .75rem;
		}
	/* */
	
	/* Mobile Nav */
		.top_nav_control {
			display: block;
		}
	
		.mobileControl_close {
			margin: 0;
			padding-top: .3rem;
			display: block;
			float: right;
			font-size: 2rem;
		}
		
		header {
			align-items: flex-start;
			padding-bottom: 1rem;
		}
		
		nav#main_navigation {
			position: absolute;
			right: 0;
			top: 0;
			width: 100%;
			z-index: 0;
			transition: all ease 0.3s;
			display: none;
		}
		
		.navItem {
			display: block;
		}
		
		div.projectIntro header nav ul li a {
			color: var(--charcoal);
		}
		
		div.projectIntro .social_icon_dribbble .dribbble_icon_svg_control, div.projectIntro .social_icon_instagram .instagram_icon_svg_control {
			fill: var(--charcoal);
		}
		
		header nav ul {
			display: block;
			list-style: none;
			background-color: var(--silver);
			padding: 2rem;
			transition: all ease 0.3s;
		}
		
		header nav ul li {
			font-size: 1.4rem;
			margin-top: .4rem;
		}
		
		header nav ul li.social_icon {
			display: inline-block;
			margin-top: 1.4rem;
		}
		
		header .social_icon_svg {
			width: 1.5rem;
		}
		
		header nav ul li.selected {
			display: none;
		}
		
		header nav ul li.backHome {
			display: block;
		}
	/* */
	
	/* Spacing Units */
		.spacer_p5 {
			margin-bottom: .25rem;
		}
		
		.spacer_p75 {
			margin-bottom: .5rem;
		}
		
		.spacer_1 {
			margin-bottom: .75rem;
		}
		
		.spacer_1p5 {
			margin-bottom: 1.125rem;
		}
		
		.spacer_2 {
			margin-bottom: 1.5rem;
		}
		
		.spacer_mobile_p5 {
			margin-bottom: .75rem;
		}
		
		.spacer_mobile_2 {
			margin-bottom: 3rem;
		}
		
		.spacer_mobile_3 {
			margin-bottom: 4rem;
		}
		
		.spacer_2p5 {
			margin-bottom: 1.875rem;
		}
		
		.spacer_3 {
			margin-bottom: 2.25rem;
		}
		
		.spacer_3p5 {
			margin-bottom: 3rem;
		}
		
		.spacer_4 {
			margin-bottom: 4rem;
		}
		
		.spacer_5 {
			margin-bottom: 5rem;
		}
		
		.top_p75 {
			margin-top: .55rem;
		}
		
		.top_1 {
			margin-top: .75rem;
		}
		
		.top_1p5 {
			margin-top: 1.125rem;
		}
		
		.top_2 {
			margin-top: 1.5rem;
		}
		
		.top_2p5 {
			margin-top: 1.875rem;
		}
		
		.top_3 {
			margin-top: 2.25rem;
		}
		
		.top_3p5 {
			margin-top: 3rem;
		}
		
		.top_4 {
			margin-top: 4rem;
		}
		
		.top_5 {
			margin-top: 5rem;
		}
		
		.addPadBelow_3 {
			padding-bottom: 2.25rem;
		}
		
		.addPadBelow_3p5 {
			padding-bottom: 3rem;
		}
		
		.addPadBelow_4 {
			padding-bottom: 4rem;
		}
		
		.addPadAbove_3p5 {
			padding-top: 3rem;
		}
		
		.addPadAbove_4 {
			padding-top: 4rem;
		}
		
		.obj_minusMarginUp_6rem {
			margin-top: -3rem;
		}
		
		div.obj_minusMarginUp_6rem {
			position: relative;
			top: -2rem;
			margin-bottom: 0rem;
		}
		
		.addPadBelow_6 {
			padding-bottom: 5rem;
		}
		
		.addPadBelow_7 {
			padding-bottom: 6.25rem;
		}
	/* */
	
	/* Index Page */
		div.homepage_project {
			grid-template-columns: 1fr;
		}
		
		div.homepage_project_details {
			order: 1;
			padding-left: 0;
		}
		
		div.homepage_project_photo {
			min-width: 100%;
			height: 35vh;
		}
	/* */
	
	/* Footer */
		footer {
			padding: 2.4rem 2rem 2.4rem;
			display: block;
		}
		
		.flex_alignToEdges {
			display: block;
		}
		
		footer ul {
			flex-wrap: wrap;
		}
		
		footer ul li {
			margin-left: 0;
			margin-right: 1.4rem;
			margin-bottom: .8rem;
		}
		
		footer ul li ul.subnav {
			display: none;
		}
	/* */
	
	/* Grids */
		.grid {
			max-width: 100%;
			width: 100%;
			grid-auto-rows: min-content;
		}
		
		.grid_addRowGap {
			row-gap: 1.5rem;
		}
		
		.grid_addRowGap4 {
			row-gap: 2rem;
		}
		
		.grid_oneColumn {
			grid-template-columns: 1fr;
			column-gap: 1.5rem;
			row-gap: 1.5rem;
			grid-auto-rows: min-content;
		}
		
		.grid_twoColumn {
			grid-template-columns: 1fr;
			column-gap: 1.5rem;
			row-gap: 1.5rem;
			max-width: 100%;
			grid-auto-rows: min-content;
		}
		
		.grid_threeColumn {
			grid-template-columns: 1fr;
			column-gap: 1.5rem;
			row-gap: 1.5rem;
			grid-auto-rows: 1fr;
			grid-auto-rows: min-content;
		}
		
		.grid_twoColumn_1-1 {
			grid-template-columns: 1fr;
			column-gap: 1.5rem;
		}
		
		.grid_twoColumn_1-2 {
			grid-template-columns: 1fr;
		}
		
		.grid_twoColumn_3-5 {
			grid-template-columns: 1fr;
		}
		
		.grid_fourColumn {
			grid-template-columns: 1fr;
		}
		
		.mobile_gridToOne {
			grid-column: span 2;
		}
	/* */
	
	/* Project, Work and Tiles */
		div.workTile {
			min-height: 1rem;
			margin-bottom: 0;
			
		}
		
		div.projectTile {
			min-height: 1rem;
		}
		
		.splash {
			padding-bottom: 1rem;
		}
		
		.followsProjectSplash {
			margin-top: 4rem;
		}
		
		.height60vh {
			min-height: 200px;
			max-height: 60vh;
		}
	/* */
	
	/* Work - CSDC 2024 */
	.projectHeaderImage {
		object-fit: cover;
		height: 75vh;
		object-position: 0 0;
		width: auto;
	}
	/* */
	
	/* Powder */
		.powder_splash_container {
			padding-top: 1rem;	
		}
		
		.persona_photo {
			max-width: 160px;
		}
		
		.persona {
			display: grid;
			grid-template-columns: 1fr 3fr;
			align-items: stretch;
		}
		
		div.insetInfo, div.insetInfoDark {
			margin: 0;
			padding: 2rem 2rem 0 2rem;
			margin-bottom: -2rem;
		}
		
		.insetImage {
			padding-left: 2rem;
		}
		
		.mobile_noBottomPad {
			padding-bottom: 0;
		}
	/* */
	
	/* t4t */
	.fullVH_hideOverflow {
		max-height: 70vh;
	}
	
	.hideOnMobile {
		display: none;
	}
	
	.step {
		overflow: hidden;
	}
	
	.stepTitle_skewLeft {
		transform: skewY(-3deg);
		transform-origin: top left;
	}
	
	.stepTitle_text_unskewLeft {
		transform: skewY(3deg);
		transform-origin: top left;
	}
	
	/* Topo */
	.mobileShrinkTo60vw {
		max-width: 65vw;
	}
	
	.addPadBelow_mobile_2 {
		padding-bottom: 2rem;
	}
}