/* IMG-12: tablet hero stays full viewport width. IMG-11's aspect-ratio +
   max-height made used width 860 × 780/1202 = 558px on iPad. New URL (COPY-7)
   so Rocket minify cannot keep the 558px rule. */
@media (min-width: 681px) and (max-width: 1199px) {
	.hero-section {
		width: 100% !important;
		max-width: none !important;
		aspect-ratio: auto !important;
		height: min(860px, max(640px, calc(100vh - 96px))) !important;
		min-height: 640px !important;
		max-height: none !important;
	}

	.hero-section .hero-picture {
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
	}

	.hero-section .hero-picture img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: top center !important;
	}
}