/* IMG-13: phone hero stays full viewport width. min-height 630 +
   aspect-ratio 780/1202 made used width 630 × 780/1202 = 409px at 390.
   Height still grows with the frame (IMG-10). New URL (COPY-7). */
@media (max-width: 680px) {
	.hero-section {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		aspect-ratio: auto !important;
		height: max(630px, calc(100vw * 1202 / 780)) !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;
	}
}