/* Final route-specific Figma corrections for VNS and Geisinger, plus the
 * route-scoped primary-media contract shared by the redesigned Work pages.
 * Shared typography lives in shared-figma-final.css; nothing here is sitewide. */

/* `text-wrap: balance` moves one word from each authored VNS line at both
 * responsive frames. Normal greedy wrapping on the full title measure matches
 * the 656px and 360px Figma frames without hard-coded duplicate headings. */
@media (max-width: 1050px) {
	.work-sample-for-the-ones-who-cared-for-you .work-top .title {
		text-wrap: wrap;
		width: 100%;
	}

}

@media (max-width: 450px) {

	/* The authored mobile player is 343 x 192. Keep that ratio fluid so the
	 * 360px frame is exact without freezing intermediate mobile widths. */
	.work-sample-for-the-ones-who-cared-for-you .work-video .video-container {
		aspect-ratio: 43 / 24;
	}
}

@media (min-width: 1051px) {

	.work-sample-for-the-ones-who-cared-for-you .work-video {
		padding-bottom: 144px;
		padding-top: 100px;
	}
}

/* Figma 2357:35307 offsets this one desktop promo artwork 27px inside its
 * otherwise shared centered module. Keep the correction off responsive views. */
@media (min-width: 1051px) {
	.work-sample-a-higher-aesthetic-standard > .work-1-content:nth-child(6) .top-img {
		position: relative;
		left: 27px;
	}
}

/* Redesigned Work primary-media contract.
 *
 * The first media module immediately after `work-about` uses the same authored
 * mobile/tablet rhythm whether it is an inline `video_block` (VNS, Geisinger,
 * St. Bernards) or a `video_slider` (RiverSpring). Keep that relationship in
 * one rule instead of fixing each campaign independently. Direct adjacency
 * deliberately excludes later St. Bernards video blocks and every legacy Work
 * carousel, whose compositions and spacing are different.
 *
 * Mobile: 2488:1614, 2489:1689, 2489:2183.
 * Tablet: 2488:1525, 2489:1648, 2489:2041. */
@media (max-width: 450px) {
	:is(
		.work-sample-for-the-ones-who-cared-for-you,
		.work-sample-a-higher-aesthetic-standard,
		.work-sample-125-years-of-healing-beyond-medicine
	) > .work-about + .work-video {
		padding-bottom: 56px;
		padding-top: 48px;
	}

	/* VNS and Geisinger also share the same player box. St. Bernards keeps its
	 * campaign-specific art direction; only its outer spacing is shared. */
	:is(
		.work-sample-for-the-ones-who-cared-for-you,
		.work-sample-a-higher-aesthetic-standard
	) > .work-about + .work-video .video-container {
		aspect-ratio: 343 / 192;
		max-width: 343px;
	}

	.work-sample-the-riverspring-living-difference > .work-about + .work-video-slider {
		margin-bottom: 56px;
		margin-top: 48px;
	}
}

@media (min-width: 451px) and (max-width: 1050px) {
	:is(
		.work-sample-for-the-ones-who-cared-for-you,
		.work-sample-a-higher-aesthetic-standard,
		.work-sample-125-years-of-healing-beyond-medicine
	) > .work-about + .work-video {
		padding-bottom: 96px;
		padding-top: 80px;
	}

	.work-sample-the-riverspring-living-difference > .work-about + .work-video-slider {
		margin-bottom: 96px;
		margin-top: 80px;
	}
}

/* The tablet frame is a single designed width (656px), not a range. Holding its
 * literal measurements all the way to 1050px froze the player at 520px while the
 * window kept growing - 79 percent of the screen at 656, 49 percent at 1050, then
 * a 451px jump at the breakpoint. Confine the frame's values to the frame; above
 * it the theme's own default measure applies, exactly as it always has on the
 * legacy Work pages. */
@media (min-width: 451px) and (max-width: 656px) {
	:is(
		.work-sample-for-the-ones-who-cared-for-you,
		.work-sample-a-higher-aesthetic-standard
	) > .work-about + .work-video .video-container {
		aspect-ratio: 520 / 294;
		max-width: 520px;
	}
}