/**
 * Homepage hero banner.
 *
 * Loaded only on the front page.
 */

.cft-home-main {
	padding-block: 0 clamp(32px, 5vw, 72px);
}

.cft-home-hero {
	margin-top: clamp(16px, 2vw, 24px);
	margin-bottom: 0;
	overflow: hidden;
	border-radius: 8px;
	background: #e8e8e8;
}

.cft-home-hero__link {
	display: block;
}

.cft-home-hero__image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1230 / 580;
	object-fit: cover;
	object-position: center;
}

@media (max-width: 640px) {
	.cft-home-hero {
		margin-top: 12px;
		border-radius: 6px;
	}

	.cft-home-hero__image {
		aspect-ratio: 1.45;
		object-position: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cft-home-hero__link {
		transition: none;
	}
}