/* COPY-20: desktop title, subtitle, chip and Buy Now sit together in the
   middle of the photo's black panel. LUMI-hero-desktop-lineup-clean.webp
   is 1920×760; black starts at x=1076. IMG-9 shows the full frame, so that
   fraction tracks the viewport. Phone and tablet ≤1199 use the stacked
   mobile photo (IMG-11). */
@media (min-width: 1200px) {
	.hero-section .hero-content {
		align-self: stretch;
		box-sizing: border-box;
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(50% - 50vw);
		padding-left: calc(1076 / 1920 * 100vw);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		text-align: center;
	}

	.hero-section .hero-content-top {
		width: auto;
		max-width: 100%;
		margin-left: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.hero-section .hero-content-bottom {
		width: auto;
		max-width: 100%;
		justify-content: center;
		flex-wrap: wrap;
	}

	.hero-section .hero-content-bottom > .review-box {
		flex: 0 0 auto;
	}

	.hero-section .hero-content-top .hero-title {
		font-size: clamp(28px, calc((43.958vw - 40px) / 9), 58px) !important;
		line-height: 1 !important;
	}
}