/* Hero H1s are weight 700 across 2026 pages (Steve's 7/10 standing rule) */
	.page-hero h1 { font-weight: 700; letter-spacing: -0.02em; }
	.step-num { font-size: clamp(2.6rem, 4vw, 3.4rem); font-weight: 800; line-height: 1; letter-spacing: -0.03em; color: var(--ink); opacity: .12; margin-bottom: .6rem; }
	.step-row h3 { font-size: clamp(1.35rem, 2vw, 1.6rem); font-weight: 700; letter-spacing: -0.02em; color: var(--ink); margin-bottom: .7rem; }
	.step-row p, .step-row li { color: var(--body); line-height: 1.65; }
	.step-row ul { padding-left: 1.2rem; margin-top: .8rem; }
	.step-row li { margin-bottom: .5rem; }
	/* Self-contained grid: legacy-compat.css is purged and lacks the Bootstrap
	   order/auto-margin/col-md-5 utilities, so the alternating layout lives here.
	   Video first in the DOM; .flip moves it to the right column on desktop. */
	.step-row { display: grid; grid-template-columns: 6fr 5fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; padding: clamp(2rem, 4vw, 3.2rem) 0; }
	.step-row.flip .step-shot { order: 2; }
	@media (max-width: 767px) {
		.step-row { grid-template-columns: 1fr; gap: 1.6rem; }
		.step-row.flip .step-shot { order: 0; }
	}
	/* Angled step videos: same alternating 3D tilt as the live page, restyled shadows */
	.step-shot { perspective: 1000px; }
	.step-shot video { display: block; width: 100%; height: auto; border-radius: 14px; }
	.step-shot.tilt-r video { transform: rotateY(30deg); box-shadow: -14px 18px 34px rgba(7,38,48,.16), -30px 44px 75px rgba(0,100,120,.12); }
	.step-shot.tilt-l video { transform: rotateY(-30deg); box-shadow: 14px 18px 34px rgba(7,38,48,.16), 30px 44px 75px rgba(0,100,120,.12); }
	@media (prefers-reduced-motion: reduce) { .step-shot.tilt-r video, .step-shot.tilt-l video { transform: none; } }
	/* Centered flat video for the after-the-build section */
	.cust-video { max-width: 760px; margin: 0 auto; }
	.cust-video video { display: block; width: 100%; height: auto; border-radius: 14px; box-shadow: 0 12px 28px rgba(7,38,48,.12), 0 32px 70px rgba(0,100,120,.16); }
	/* Widen the hero copy so the subhead lands on ~3 lines instead of 4.
	   Scoped to this page; overrides the shared u-13/u-15 !important utilities. */
	.page-hero .ph-grid.solo { grid-template-columns: minmax(0, 1000px) !important; }
	.page-hero .ph-sub { max-width: 100% !important; }
	/* Video-card play overlay (.video-thumb/.vplay) comes from mrc-2026.css (promoted 7/10). */