/*
 * Homepage guard.
 *
 * WordPress can keep a customized Front Page template in the database after
 * the theme file changes. If that stale template renders the generic Page
 * template, it adds the page title and large vertical padding above the
 * homepage content. Scope the reset to the site front page only so normal
 * pages keep their title and spacing.
 */
body.home .wp-site-blocks > main.wp-block-group,
body.home main.wp-block-group.alignfull {
	margin-top: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

body.home .wp-site-blocks > main.wp-block-group > .wp-block-post-title,
body.home main.wp-block-group.alignfull > .wp-block-post-title {
	display: none !important;
}

/*
 * Treat the hero as two balanced columns on larger screens. The proof diagram
 * stays centered horizontally in the right column, but sits lower so its
 * visual center aligns with the headline/lead block rather than the column top.
 * Mobile returns the diagram to normal document flow.
 */
body.home .proofstamp-home-b .psb-hero .wp-block-columns {
	align-items: stretch;
}

body.home .proofstamp-home-b .psb-hero-visual {
	display: flex;
	align-self: stretch;
	align-items: center;
	justify-content: center;
}

body.home .proofstamp-home-b .psb-diagram {
	width: min(100%, 520px);
	min-height: 29rem;
	margin: 0;
	transform: translateY(5rem);
}

@media (max-width: 781px) {
	body.home .proofstamp-home-b .psb-hero .wp-block-columns {
		align-items: initial;
	}

	body.home .proofstamp-home-b .psb-hero-visual {
		display: block;
		align-self: auto;
	}

	body.home .proofstamp-home-b .psb-diagram {
		width: 100%;
		margin: 2rem auto 0;
		transform: none;
	}
}