/*
 * WorkingPrint WP 02 — Home v2 (patterns/w2-home-v2.php, page /home-v2/).
 * Everything comes from wp2-home.css; this file only changes what differs inside .w2h-v2.
 */

/* Vertiv phone screenshot: 15px purple frame outside it (Figma "vertiv mobile" 450:814, stroke 15 outside). */
.w2h-v2 .w2h-case1__phone { box-shadow: 0 0 0 calc(15 * var(--u)) var(--c-purple); }

/* Mobile hero: exactly one screen tall (below the nav). The 440 × 1160 composition scales to
   whichever of width or height runs out first, so the whole collage is in view. (On desktop the
   home hero already fills the screen for both pages, see wp2-home.css.) */
@media (max-width: 899px) {
	.w2h-v2 { --u0: var(--u); --navh: 64px; }
	.w2h-v2 .w2h-hero {
		--u: min(var(--u0), calc((100svh - var(--navh)) / 1160));
		display: flex; flex-direction: column; justify-content: center;
		height: calc(100svh - var(--navh)); min-height: 320px;
	}
	.w2h-v2 .w2h-hero__in { flex: none; }
	.w2h-v2 .w2h-hero, .w2h-v2 .w2h-hero * { --fmin: 0px; }
	.w2h-v2 .w2h-hero__in::after { bottom: -100vh; }
	/* black block (0–560) and purple block (from 740) keep running to the edges */
	.w2h-v2 .w2h-hero__in::before { top: -100vh; bottom: auto; height: calc(100vh + 560 * var(--u)); }
}