.block__morpheus-resource-cards {
	background: #202020;
	color: #fff;
	margin-block: 0;
	overflow: hidden;
	padding: 36px 20px 54px;
}

.morpheus-resource-cards__grid {
	display: grid;
	gap: 26px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: auto;
	max-width: 820px;
}

.morpheus-resource-card {
	background: #707070;
	border-radius: 7px;
	overflow: hidden;
	text-align: center;
	transition: box-shadow .3s ease, transform .3s ease;
}

.morpheus-resource-card__link {
	color: #fff;
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
}

.morpheus-resource-card figure {
	aspect-ratio: 1.6 / 1;
	background: #d1d1d1;
	margin: 0;
	overflow: hidden;
}

.morpheus-resource-card figure img {
	height: 100%;
	margin: 0;
	object-fit: contain;
	transition: transform .4s ease;
	width: 100%;
}

.morpheus-resource-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 18px 14px 20px;
}

.morpheus-resource-card h2,
.morpheus-resource-card p {
	color: inherit;
	margin: 0;
	text-transform: uppercase;
}

.morpheus-resource-card h2 { font-size: 1rem; font-weight: 300; }
.morpheus-resource-card p { font-size: .72rem; font-weight: 600; line-height: 1.25; }
.morpheus-resource-card__cta { color: #ff9700; font-size: .8rem; margin-top: 6px; text-transform: uppercase; }

.morpheus-resource-card:hover figure img,
.morpheus-resource-card:focus-within figure img { transform: scale(1.045); }
.morpheus-resource-card__link:hover,
.morpheus-resource-card__link:focus { color: #fff; }
.morpheus-resource-card__link:focus-visible { outline: 3px solid #ff9700; outline-offset: -3px; }

.block__morpheus-resource-cards.has-motion .morpheus-resource-card {
	opacity: 0;
	transition: opacity .65s ease-in, transform .65s ease-in, box-shadow .3s ease;
}

.block__morpheus-resource-cards.has-motion .morpheus-resource-card:nth-child(1) { transform: translateX(-240px); }
.block__morpheus-resource-cards.has-motion .morpheus-resource-card:nth-child(2) { transform: translateY(100px); }
.block__morpheus-resource-cards.has-motion .morpheus-resource-card:nth-child(3) { transform: translateX(240px); }

.block__morpheus-resource-cards.has-motion.is-visible .morpheus-resource-card {
	opacity: 1;
	transform: translate(0, 0);
	transition: opacity .65s ease-out, transform .65s ease-out, box-shadow .3s ease;
}

.block__morpheus-resource-cards.has-motion.is-visible .morpheus-resource-card:has(.morpheus-resource-card__link[href]):hover,
.block__morpheus-resource-cards.has-motion.is-visible .morpheus-resource-card:focus-within,
.block__morpheus-resource-cards:not(.has-motion) .morpheus-resource-card:has(.morpheus-resource-card__link[href]):hover,
.block__morpheus-resource-cards:not(.has-motion) .morpheus-resource-card:focus-within {
	box-shadow: 0 14px 30px rgba(0, 0, 0, .35);
	transform: translateY(-8px);
	transition-delay: 0ms;
}

.block__morpheus-resource-cards.is-preview .morpheus-resource-card { opacity: 1; transform: none; }

@media (max-width: 700px) {
	.morpheus-resource-cards__grid { grid-template-columns: 1fr; max-width: 300px; }
}

@media (prefers-reduced-motion: reduce) {
	.block__morpheus-resource-cards.has-motion .morpheus-resource-card { opacity: 1; transform: none; transition: none; }
	.morpheus-resource-card figure img { transition: none; }
}