.home-hero-photo {
	width: 100%;
	margin-top: 2.5rem;
}

.home-hero-photo img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center;
}

@media (min-width: 1024px) {
	.home-hero-layout {
		min-height: clamp(35rem, 38vw, 47.5rem);
	}

	.home-hero-photo {
		position: absolute;
		top: 50%;
		right: calc((100% - 100vw) / 2);
		width: 50vw;
		margin-top: 0;
		transform: translateY(-50%);
	}
}