body {
	-webkit-font-smoothing: antialiased;
}

#work {
	width: 100%;
}

.appletv_ {
	position: absolute;
	width: 100%;
	height: 100%;
}

#work_ {
	width: calc(100% - 200px);
	max-width: 1400px;
	margin: 0 auto;
}

#work_ > header {}

#work_  #work_projects > aside {
	margin: 200 0;
	min-height: 400;
	display: grid;
	grid-template-columns: 56% 1fr;
	gap: 60px;
}
#work_  #work_projects > aside:nth-child(even) {grid-template-columns: 1fr 56%;}



.project_card {
	border-radius: 20px;
	/*box-shadow: rgba(0, 0, 0, 0.1) 0px 24px 32px 0px;*/
}

aside:nth-child(even) .project_card {order: 1;}

/*#work_project_lowes_scp .project_card {background: var(--gradient-purple);}
#work_project_lowes_sce .project_card {background: var(--gradient-ocean);}
#work_project_lowes_ac .project_card {background: var(--gradient-brown);}*/

.appletv_plane:last-child {
	filter: drop-shadow(0px 5px 5px rgba(32, 44, 74, 0.4));
}
.project_card .appletv_logo {}
.project_card .appletv_logo {
	fill:  white;
	height: 160;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.appletv {height: auto;}

.project_info h1 {
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	font-size: 20;
	letter-spacing: 3px;
	margin-bottom: 16px;
}

.project_info h2 {
	font-weight: 800;
	font-size: 40;
}

.project_info h3 {
	font-weight: 400;
	font-size: 20;
	line-height: 1.3em;
	margin: 20px 0;
	color: rgba(0, 0, 0, 0.5);
}

.project_info_ {
	top: 50%;
	transform: translateY(-50%);
}

.appletv_shadow {
	box-shadow: 0 30px 100px rgba(14, 21, 47, 0.4);
	transition: .2s ease-in-out 0s;
}
.appletv:hover .appletv_shadow {box-shadow: 0 30px 100px rgba(14, 21, 47, 0.6);}

















@media screen and (max-width: 1300px) {
	#work_  #work_projects > aside {grid-template-columns: 50% 1fr;min-height: 300;}
	#work_  #work_projects > aside:nth-child(even) {grid-template-columns: 1fr 50%;}
	.project_card .appletv_logo {height: 80;}
	#work_ {width: calc(100% - 100px);}
}

@media screen and (max-width: 900px) {
	#work_  #work_projects > aside {grid-template-columns: 40% 1fr;}
	#work_  #work_projects > aside:nth-child(even) {grid-template-columns: 1fr 40%;}
	.project_card .appletv_logo {height: 80;}
}


@media screen and (max-width: 700px) {
	#work_  #work_projects > aside {
		grid-template-columns: 1fr;
		margin: 150 0;
	}
	#work_  #work_projects > aside:nth-child(even) {
		grid-template-columns: 1fr;
		grid-template-rows: 300px 1fr;
	}
	aside .project_card {order: 0 !important;}
	.appletv {height: 300px;}
	.project_info {
		max-width: 460;
		margin: 0 auto;
	}
}

@media screen and (max-width: 550px) {
	#work_ {width: calc(100% - 60px);}
	#work_  #work_projects > aside:nth-child(even) {
		grid-template-columns: 1fr;
		grid-template-rows: 200px 1fr;
	}
	
	.appletv {height: 200px;}
}
@media screen and (max-width: 400px) {
	#work_ {width: calc(100% - 70px);}
}





#work_project_lowes_scp .appletv_logo svg {
	transform-origin: center center !important;
	transform: scale(0.5);
}


#work_project_lowes_ac .appletv_logo svg {
	transform-origin: center center !important;
	transform: scale(1.5);
}









.appletv_gloss > a {
	position: absolute;
	width: 100%;
	height: 100%;
}





























