#awards {
	margin-top: 30px;

	min-height: 400px;
	min-width: 400px;

	font-family: 'Nunito', sans-serif;
	color: var(--lavender-1);
	background-color: transparent;

	padding: 30px;

	--reveal-delay: 4.5s;
/*	animation: 1.5s ease-out var(--reveal-delay) backwards awards-reveal;*/
}

@keyframes awards-reveal {
	from {
		opacity: 0;
/*		transform: translateY(-20px) scale(0.98);*/
	}
	to {
		opacity: 1;
/*		transform: translateY(0px) scale(1);*/
	}
}

.awards-head {
	font-size: 48px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 100%;
}

.awards-subhead {
	font-size: 22px;
	font-weight: 800;
}

#awards-list {
	margin-top: 30px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 30px;
	justify-content: space-around;

	--reveal-offset: 0.15s;
}


.award {
	display: grid;
	justify-items: center;
/*	background-color: white;*/
	border-radius: 25px;
	padding: 25px;
	animation: award-reveal;
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-fill-mode: backwards;
	animation-timeline: view();
	animation-range: entry;
}

/*.award:nth-child(1) { animation-delay: calc(var(--reveal-offset) * 1 + var(--reveal-delay)); }
.award:nth-child(2) { animation-delay: calc(var(--reveal-offset) * 2 + var(--reveal-delay)); }
.award:nth-child(3) { animation-delay: calc(var(--reveal-offset) * 3 + var(--reveal-delay)); }
.award:nth-child(4) { animation-delay: calc(var(--reveal-offset) * 4 + var(--reveal-delay)); }
.award:nth-child(5) { animation-delay: calc(var(--reveal-offset) * 5 + var(--reveal-delay)); }
.award:nth-child(6) { animation-delay: calc(var(--reveal-offset) * 6 + var(--reveal-delay)); }*/

/*.award:nth-child(1) { animation-delay: calc(var(--reveal-offset) * 1); }
.award:nth-child(2) { animation-delay: calc(var(--reveal-offset) * 2); }
.award:nth-child(3) { animation-delay: calc(var(--reveal-offset) * 3); }
.award:nth-child(4) { animation-delay: calc(var(--reveal-offset) * 4); }
.award:nth-child(5) { animation-delay: calc(var(--reveal-offset) * 5); }
.award:nth-child(6) { animation-delay: calc(var(--reveal-offset) * 6); }*/

@keyframes award-reveal {
	from {
		opacity: 0;
		transform: translateY(-30px) scale(0.95);
	}
	to {
		opacity: 1;
		transform: translateY(0px) scale(1);
	}
}

.award img {
	width: 150px;
	height: 150px;
	object-fit: contain;
	margin: 0 auto 20px;
}

.award-year {
	color: var(--fuschia);
	font-size: 24px;
	font-weight: 800;
	text-align: center;
}

.award-title {
	margin-top: 5px;
	font-size: 18px;
	font-weight: 800;
	text-align: center;
	text-wrap: balance;
}

.award-org {
	margin-top: 10px;
	font-size: 18px;
	text-align: center;
	text-wrap: balance;
}

@media (max-width: 1800px) {
	#awards-list {
		grid-template-columns: 1fr 1fr;
	}

	#awards {
		margin-top: clamp(10px, calc(var(--p) * 30), 30px);
		padding-top: clamp(10px, calc(var(--p) * 30), 30px);
	}

	.awards-head {
		font-size: clamp(20px, calc(var(--p) * 48), 48px);
	}

	.awards-subhead {
		font-size: clamp(16px, calc(var(--p) * 22), 22px);
	}
}


@media (max-width: 1400px) {
	#awards-list {
		gap: clamp(10px, calc(calc(100vw/1400) * 30), 30px);
	}

	.awards-head, .awards-subhead {
		text-align: center;
	}
}

@media (max-width: 750px) {
	.award img {
		width: clamp(50px, calc(calc(100vw/750) * 100), 100px);
		height: clamp(50px, calc(calc(100vw/750) * 100), 100px);
	}
}