/*
 * PFL PRODUCTION PRESENTATION R382 — 2026-09-02
 * Scope: Home hero presentation and How We Test layout only.
 * No content, product, commerce, schema, COA, legal, or global motion changes.
 */

/* Home: retain the approved R7/R6 artwork while removing the over-heavy floor wash. */
body.home.page-id-7 #main.site-main #post-7
#pfl-home-r256.pfl-home-r256.pfl-r266
> section#pfl-r266-hero.pfl-r266-hero::after {
	height: 96px !important;
	background: linear-gradient(
		180deg,
		rgba(18, 33, 53, 0),
		rgba(18, 33, 53, .98)
	) !important;
}

/*
 * Home tablet: align the art and copy breakpoints. The live cascade changes to
 * the portrait asset at 960px, but did not change to the one-column copy layout
 * until 880px; that mismatch caused the reproducible 901px collision.
 */
@media (min-width: 641px) and (max-width: 960px) {
	body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero.pfl-r266-hero .pfl-r266-hero-layout {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: auto minmax(460px, 1fr) !important;
	}

	body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero.pfl-r266-hero .pfl-r266-hero-copy {
		width: 100% !important;
		max-width: 650px !important;
	}

	body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero.pfl-r266-hero h1 {
		max-width: 620px !important;
	}

	body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero.pfl-r266-hero .pfl-r266-hero-actions {
		width: 100% !important;
		max-width: 650px !important;
	}

	html body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero.pfl-r266-hero .pfl-r266-hero-visual {
		width: 100% !important;
		min-height: 460px !important;
	}
}

/* The live cascade enlarges the headline and spacer again above 880px. */
@media (min-width: 881px) and (max-width: 960px) {
	html body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero#pfl-r266-hero.pfl-r266-hero {
		height: 900px !important;
		min-height: 900px !important;
		background-size: 100% 100%, auto 100% !important;
		background-position: center, center bottom !important;
	}

	body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero.pfl-r266-hero .pfl-r266-hero-layout {
		height: 900px !important;
		min-height: 900px !important;
		grid-template-rows: 500px 400px !important;
	}

	body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero.pfl-r266-hero h1 {
		font-size: 54px !important;
		line-height: .98 !important;
	}

	html body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero#pfl-r266-hero.pfl-r266-hero
	.pfl-r266-hero-layout > .pfl-r266-hero-visual {
		height: auto !important;
		min-height: 0 !important;
	}
}

/* Home small-desktop: keep the R7 vials clear of the four-line headline. */
@media (min-width: 961px) and (max-width: 1100px) {
	body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero.pfl-r266-hero {
		height: 840px !important;
		min-height: 840px !important;
		background-image: linear-gradient(
			180deg,
			#061722 0%,
			rgba(6, 23, 34, .96) 38%,
			rgba(6, 23, 34, .22) 56%,
			rgba(6, 23, 34, 0) 70%
		), url("https://purityforgelabs.com/wp-content/uploads/2026/08/pfl-home-hero-r7-desktop.webp") !important;
		background-size: 100% 100%, auto 75% !important;
		background-position: center, calc(50% + 30px) bottom !important;
	}

	body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero.pfl-r266-hero .pfl-r266-hero-layout {
		height: 840px !important;
		min-height: 840px !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: 500px 340px !important;
	}

	body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero.pfl-r266-hero .pfl-r266-hero-copy {
		width: 100% !important;
		max-width: 650px !important;
	}

	body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero.pfl-r266-hero h1 {
		max-width: 620px !important;
		font-size: 54px !important;
		line-height: .98 !important;
	}

	body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero.pfl-r266-hero .pfl-r266-hero-actions {
		width: 100% !important;
		max-width: 650px !important;
	}

	body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero.pfl-r266-hero .pfl-r266-hero-visual {
		height: auto !important;
		min-height: 0 !important;
	}
}

@media (min-width: 1101px) and (max-width: 1449px) {
	body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero.pfl-r266-hero {
		background-size: 100% 100%, auto 100% !important;
		background-position: center, calc(100% + clamp(0px, calc(1450px - 100vw), 300px)) bottom !important;
	}
}

@media (min-width: 1101px) {
	body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero.pfl-r266-hero .pfl-r266-hero-copy {
		padding-top: 24px !important;
	}
}

@media (max-width: 640px) {
	body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero.pfl-r266-hero::after {
		height: 64px !important;
		background: linear-gradient(
			180deg,
			rgba(18, 33, 53, 0),
			rgba(18, 33, 53, .98)
		) !important;
	}
}

@media (max-width: 340px) {
	html body.home.page-id-7 #main.site-main #post-7
	#pfl-home-r256#pfl-home-r256.pfl-home-r256.pfl-r266
	> section#pfl-r266-hero#pfl-r266-hero.pfl-r266-hero
	.pfl-r266-hero-layout > .pfl-r266-hero-visual {
		min-height: 350px !important;
	}
}

/* How We Test: remove the dead first-viewport gap and make the four stages scannable. */
body.page-id-701 #main.site-main #post-701 #pfl-faq > .pfl-hero {
	min-height: 0 !important;
	height: auto !important;
	padding: 64px 0 38px !important;
}

body.page-id-701 #main.site-main #post-701 #pfl-faq > .pfl-content {
	padding: 38px 0 70px !important;
}

body.page-id-701 #main.site-main #post-701
#pfl-faq .pfl-content > .pfl-wrap {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

body.page-id-701 #main.site-main #post-701
#pfl-faq .pfl-content > .pfl-wrap > section.pfl-group {
	min-width: 0;
	margin: 0 !important;
}

body.page-id-701 #main.site-main #post-701
#pfl-faq .pfl-content > .pfl-wrap > section.pfl-group:first-of-type {
	grid-column: 1 / -1;
	max-width: 76ch;
	padding: 0 0 12px;
}

body.page-id-701 #main.site-main #post-701
#pfl-faq .pfl-content > .pfl-wrap > section.pfl-group:not(:first-of-type) {
	position: relative;
	padding: 26px 28px 28px;
	border: 1px solid rgba(143, 166, 188, .20);
	border-radius: 16px;
	background: rgba(14, 30, 47, .88);
	box-shadow: 0 18px 44px -34px rgba(0, 0, 0, .75);
}

body.page-id-701 #main.site-main #post-701 #pfl-faq .pfl-ghead {
	align-items: center;
	gap: 14px;
	margin-bottom: 14px;
}

body.page-id-701 #main.site-main #post-701 #pfl-faq .pfl-gnum {
	display: inline-grid;
	width: 38px;
	height: 38px;
	place-items: center;
	flex: none;
	border: 1px solid rgba(94, 234, 212, .32);
	border-radius: 999px;
	background: rgba(46, 217, 198, .08);
	color: #5eead4;
}

body.page-id-701 #main.site-main #post-701
#pfl-faq .pfl-content > .pfl-wrap > div:last-child {
	min-width: 0;
	margin: 6px 0 0 !important;
	padding: 24px;
	border: 1px solid rgba(143, 166, 188, .18);
	border-radius: 16px;
	background: rgba(10, 25, 41, .92);
}

@media (max-width: 720px) {
	body.page-id-701 #main.site-main #post-701 #pfl-faq > .pfl-hero {
		padding: 48px 0 30px !important;
	}

	body.page-id-701 #main.site-main #post-701 #pfl-faq > .pfl-content {
		padding: 30px 0 54px !important;
	}

	body.page-id-701 #main.site-main #post-701
	#pfl-faq .pfl-content > .pfl-wrap {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
	}

	body.page-id-701 #main.site-main #post-701
	#pfl-faq .pfl-content > .pfl-wrap > section.pfl-group:not(:first-of-type) {
		padding: 22px;
	}
}

@media (max-width: 520px) {
	body.page-id-701 #main.site-main #post-701
	#pfl-faq .pfl-content > .pfl-wrap > div:last-child > p:last-child {
		display: flex !important;
		align-items: stretch;
		flex-direction: column;
	}

	body.page-id-701 #main.site-main #post-701
	#pfl-faq .pfl-content > .pfl-wrap > div:last-child > p:last-child a {
		display: inline-flex !important;
		width: 100%;
		min-height: 48px;
		justify-content: center;
	}
}