.automated-section .cms-custom-related-card-content h3 {
	font-size: 2.2rem;
	line-height: 1.2;
}

.cms-custom-section.page-bottom {
	max-width: 1600px;
	margin: 100px auto;
	padding: 0 16px;
}

@media (max-width: 768px) {
	.cms-custom-section.page-bottom {
		max-width: 100%;
		margin: 45px auto;
	}
}

/* Overlay gradient: darkens and slides on hover/focus.
   Uses a tall gradient + animatable background-position because the
   background-image (gradient) itself is not transitionable. */
.automated-section .cms-custom-related-card-overlay {
	background: linear-gradient(
		180deg,
		rgba(0, 37, 86, 0.10) 0%,
		rgba(0, 37, 86, 0.55) 50%,
		rgba(0, 21, 49, 0.96) 100%
	);
	background-size: 100% 200%;
	background-position: 0% 0%;
	transition: background-position 800ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.automated-section .cms-custom-related-card:hover .cms-custom-related-card-overlay,
.automated-section .cms-custom-related-card:focus-within .cms-custom-related-card-overlay {
	background-position: 0% 100%;
}

@media (prefers-reduced-motion: reduce) {
	.automated-section .cms-custom-related-card-overlay {
		transition: none;
	}
}