/* Post-launch fixes — kept separate from styles.min.css so it isn't overwritten by the next build/export. */

/* Responsive hero image (homepage): replaces the old CSS background-image so the browser
   can pick a mobile-appropriate srcset candidate instead of always downloading the desktop asset. */
.home_header {
	overflow: hidden;
}

.home_header .home_header__media {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.home_header .home_header__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* styles.min.css hardcodes a legacy mobile hero background image on .home_header:after
   (!important) below 730px. The hero is now the <picture>/<img> above, so neutralize it here
   with matching specificity + !important (same selector/media query) to win by source order. */
@media (max-width: 730px) {
	.home_header:after {
		background: none !important;
	}
}