/**
 * FARREACH Home visual system.
 *
 * Stage 2 migration target:
 * This file mirrors the current working inline Home CSS layer so future Home
 * visual work can move out of Gutenberg / page-level CSS.
 *
 * Important:
 * - The inline Home CSS is intentionally NOT removed yet.
 * - Selectors are scoped to the Home page and/or .fr-home.
 * - Responsive fallbacks live in assets/css/responsive.css.
 */

body.farreach-child-active.home .entry-content > .fr-home,
body.farreach-child-active.home .wp-block-html > .fr-home {
	position: relative;
	left: 50%;
	right: 50%;
	width: 100vw;
	max-width: 100vw;
	margin-left: -50vw;
	margin-right: -50vw;
}

body.farreach-child-active.home .fr-home {
	font-family: Inter, Arial, sans-serif;
	color: var(--fr-ink, #1c222b);
	background: #fff;
	overflow: hidden;
}

body.farreach-child-active.home .fr-home * {
	box-sizing: border-box;
}

body.farreach-child-active.home .fr-home a {
	text-decoration: none;
}

body.farreach-child-active.home .fr-wrap {
	width: min(1180px, calc(100% - 64px));
	margin: 0 auto;
}

body.farreach-child-active.home .fr-section {
	padding: 104px 0;
}

body.farreach-child-active.home .fr-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 22px;
	color: var(--fr-red, #9f2d2d);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

body.farreach-child-active.home .fr-kicker::before {
	content: "";
	width: 34px;
	height: 1px;
	background: var(--fr-red, #9f2d2d);
}

body.farreach-child-active.home .fr-home h1,
body.farreach-child-active.home .fr-home h2,
body.farreach-child-active.home .fr-home h3,
body.farreach-child-active.home .fr-home p {
	margin-top: 0;
}

body.farreach-child-active.home .fr-home h1 {
	margin-bottom: 22px;
	color: #fff;
	font-size: clamp(56px, 4.45vw, 76px);
	line-height: 0.98;
	letter-spacing: -0.064em;
	text-shadow: 0 20px 54px rgba(0, 0, 0, 0.35);
}

body.farreach-child-active.home .fr-home h2 {
	margin-bottom: 14px;
	color: #10141b;
	font-size: 42px;
	line-height: 1.08;
	letter-spacing: -0.035em;
}

body.farreach-child-active.home .fr-home h3 {
	margin-bottom: 10px;
	color: #111827;
	font-size: 18px;
	line-height: 1.25;
}

body.farreach-child-active.home .fr-lead {
	max-width: 680px;
	color: #dce2ec;
	font-size: 19px;
	line-height: 1.72;
}

body.farreach-child-active.home .fr-sub {
	max-width: 720px;
	color: #697386;
	font-size: 17px;
	line-height: 1.7;
}

body.farreach-child-active.home .fr-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 34px;
}

body.farreach-child-active.home .fr-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 14px 22px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.01em;
	transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease;
}

body.farreach-child-active.home .fr-btn-primary {
	color: #fff;
	background: linear-gradient(135deg, #b63a3a, var(--fr-red-dark, #7e2424));
	box-shadow: 0 20px 42px rgba(118, 33, 33, 0.38), inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

body.farreach-child-active.home .fr-btn-primary:hover {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 24px 44px rgba(126, 36, 36, 0.34);
}

body.farreach-child-active.home .fr-btn-secondary {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.24);
	background: rgba(255, 255, 255, 0.105);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body.farreach-child-active.home .fr-btn-secondary:hover {
	color: #111827;
	background: #fff;
	transform: translateY(-2px);
}

body.farreach-child-active.home .fr-hero {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: flex-start;
	min-height: calc(100vh + 210px);
	padding: 0;
	background:
		radial-gradient(circle at 72% 20%, rgba(165, 176, 194, 0.34), transparent 31%),
		radial-gradient(circle at 18% 78%, rgba(160, 51, 51, 0.20), transparent 28%),
		linear-gradient(135deg, #05070a 0%, #111720 48%, #242c37 100%);
	overflow: clip;
}

body.farreach-child-active.home .fr-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.038) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px);
	background-size: 74px 74px;
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.78), transparent 88%);
	opacity: 0.72;
}

body.farreach-child-active.home .fr-hero::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	height: 250px;
	background: linear-gradient(180deg, transparent, rgba(5, 7, 10, 0.82));
}

body.farreach-child-active.home .fr-hero-grid {
	position: sticky;
	top: 88px;
	z-index: 2;
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	align-items: center;
	gap: 58px;
	min-height: calc(100vh - 88px);
	padding: 38px 0 138px;
}

body.farreach-child-active.home .fr-hero-copy {
	padding-top: 12px;
	transform: translateY(-12px);
}

body.farreach-child-active.home .fr-hero .fr-kicker {
	color: #dc6969;
	text-shadow: 0 8px 28px rgba(160, 51, 51, 0.30);
}

body.farreach-child-active.home .fr-hero-visual {
	position: relative;
	height: 580px;
	min-height: 470px;
	padding: 22px;
	border: 1px solid rgba(255, 255, 255, 0.20);
	border-radius: 40px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.045));
	box-shadow: 0 52px 116px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.16);
	isolation: isolate;
	overflow: hidden;
	transform: translateZ(0);
}

body.farreach-child-active.home .fr-hero-visual::before {
	content: "";
	position: absolute;
	inset: -2px;
	z-index: -1;
	background:
		radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.38), transparent 20%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 48%);
}

body.farreach-child-active.home .fr-hero-visual::after {
	content: "Product Development";
	position: absolute;
	top: 34px;
	left: 44px;
	padding: 13px 17px;
	border-radius: 999px;
	color: #fff;
	background: rgba(17, 24, 39, 0.88);
	font-size: 13px;
	font-weight: 950;
	letter-spacing: 0.02em;
	box-shadow: 0 18px 36px rgba(0, 0, 0, 0.24);
}

body.farreach-child-active.home .fr-device-card {
	position: absolute;
	inset: 42px 50px 118px;
	border-radius: 36px;
	background: linear-gradient(145deg, #fbfcfe, #c8d0dc);
	box-shadow: 0 36px 90px rgba(0, 0, 0, 0.30), inset 0 0 0 1px rgba(255, 255, 255, 0.82);
	animation: farreachHeroFloat 8s ease-in-out infinite;
}

body.farreach-child-active.home .fr-device-card::before {
	content: "";
	position: absolute;
	top: 50px;
	right: 52px;
	left: 52px;
	height: 170px;
	border-radius: 30px;
	background: linear-gradient(145deg, #161d27, #05070a);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 20px 42px rgba(0, 0, 0, 0.18);
}

body.farreach-child-active.home .fr-device-card::after {
	content: "Sample Review";
	position: absolute;
	bottom: 42px;
	left: 46px;
	max-width: 280px;
	overflow: hidden;
	color: #151b24;
	font-size: 23px;
	font-weight: 900;
	line-height: 1.18;
	letter-spacing: -0.035em;
	text-overflow: ellipsis;
	white-space: normal;
}

body.farreach-child-active.home .fr-orbit {
	position: absolute;
	top: 172px;
	right: 120px;
	width: 182px;
	height: 182px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 50%;
	background: radial-gradient(circle, #fff 0 14%, #d8dee8 15% 30%, rgba(104, 113, 128, 0.55) 31% 33%, transparent 34%);
	opacity: 0.78;
	filter: drop-shadow(0 24px 46px rgba(0, 0, 0, 0.22));
	animation: farreachHeroPulse 6s ease-in-out infinite;
}

body.farreach-child-active.home .fr-badge {
	position: absolute;
	z-index: 2;
	padding: 14px 18px;
	border-radius: 18px;
	color: #151a22;
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(10px);
	box-shadow: 0 20px 44px rgba(0, 0, 0, 0.20);
	font-weight: 900;
	animation: farreachBadgeDrift 9s ease-in-out infinite;
}

body.farreach-child-active.home .fr-badge span {
	display: block;
	margin-top: 4px;
	color: #697386;
	font-size: 12px;
	font-weight: 700;
}

body.farreach-child-active.home .fr-badge.one {
	top: 62px;
	right: 42px;
}

body.farreach-child-active.home .fr-badge.two {
	bottom: 146px;
	left: 42px;
	animation-delay: -2s;
}

body.farreach-child-active.home .fr-badge.three {
	right: 62px;
	bottom: 48px;
	animation-delay: -4s;
}

body.farreach-child-active.home .fr-metrics {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	max-width: 640px;
	margin-top: 30px;
	perspective: 900px;
}

body.farreach-child-active.home .fr-metric {
	padding: 15px;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 18px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.045));
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.08);
	transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

body.farreach-child-active.home .fr-metric:hover {
	border-color: rgba(255, 255, 255, 0.28);
	box-shadow: 0 26px 56px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.14);
	transform: translateY(-5px);
}

body.farreach-child-active.home .fr-metric strong {
	display: block;
	margin-bottom: 6px;
	font-size: 15px;
}

body.farreach-child-active.home .fr-metric span {
	color: #cbd2dc;
	font-size: 12px;
	line-height: 1.45;
}

body.farreach-child-active.home .fr-headrow {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 42px;
}

body.farreach-child-active.home .fr-headrow .fr-sub {
	margin-bottom: 0;
}

body.farreach-child-active.home .fr-capabilities {
	position: relative;
	z-index: 5;
	margin-top: -168px;
	border-radius: 46px 46px 0 0;
	background: linear-gradient(180deg, #fff, #fbfcfd);
	box-shadow: 0 -34px 86px rgba(0, 0, 0, 0.26);
}

body.farreach-child-active.home .fr-products,
body.farreach-child-active.home .fr-work,
body.farreach-child-active.home .fr-quality,
body.farreach-child-active.home .fr-cta {
	position: relative;
	z-index: 5;
}

body.farreach-child-active.home .fr-card-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px;
}

body.farreach-child-active.home .fr-card {
	position: relative;
	min-height: 260px;
	padding: 28px;
	overflow: hidden;
	border: 1px solid var(--fr-line, #e5e7eb);
	border-radius: 30px;
	background: linear-gradient(180deg, #fff, #fbfcfd);
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.07);
	transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease;
}

body.farreach-child-active.home .fr-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at top right, rgba(160, 51, 51, 0.09), transparent 34%);
	opacity: 0;
	transition: opacity 0.30s ease;
}

body.farreach-child-active.home .fr-card:hover {
	border-color: #d0d5dd;
	box-shadow: 0 30px 66px rgba(15, 23, 42, 0.15);
	transform: translateY(-8px);
}

body.farreach-child-active.home .fr-card:hover::before {
	opacity: 1;
}

body.farreach-child-active.home .fr-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin-bottom: 24px;
	color: #fff;
	border-radius: 15px;
	background: linear-gradient(135deg, #111827, #394150);
	font-weight: 900;
}

body.farreach-child-active.home .fr-card p {
	margin-bottom: 22px;
	color: #697386;
	font-size: 14px;
	line-height: 1.68;
}

body.farreach-child-active.home .fr-card a {
	position: absolute;
	bottom: 26px;
	left: 28px;
	color: #8f2a2a;
	font-size: 13px;
	font-weight: 900;
}

body.farreach-child-active.home .fr-products {
	background: linear-gradient(180deg, #f7f8fa, #eef1f5);
}

body.farreach-child-active.home .fr-product-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

body.farreach-child-active.home .fr-product {
	display: flex;
	flex-direction: column;
	min-height: 380px;
	overflow: hidden;
	border: 1px solid #e2e6ec;
	border-radius: 32px;
	background: #fff;
	box-shadow: 0 20px 44px rgba(15, 23, 42, 0.08);
	transition: transform 0.30s ease, box-shadow 0.30s ease;
}

body.farreach-child-active.home .fr-product:hover {
	box-shadow: 0 34px 70px rgba(15, 23, 42, 0.15);
	transform: translateY(-8px);
}

body.farreach-child-active.home .fr-product-img {
	position: relative;
	height: 188px;
	background: radial-gradient(circle at 72% 24%, #fff, transparent 28%), linear-gradient(135deg, #dbe1ea, #f8fafc);
}

body.farreach-child-active.home .fr-product-img::before {
	content: "";
	position: absolute;
	top: 54%;
	left: 50%;
	width: 190px;
	height: 106px;
	border-radius: 34px;
	background: linear-gradient(145deg, #252d38, #0c1016);
	box-shadow: 0 22px 44px rgba(0, 0, 0, 0.22);
	transform: translate(-50%, -50%);
	transition: transform 0.34s ease;
}

body.farreach-child-active.home .fr-product:hover .fr-product-img::before {
	transform: translate(-50%, -50%) scale(1.055);
}

body.farreach-child-active.home .fr-product-img::after {
	content: attr(data-label);
	position: absolute;
	bottom: 18px;
	left: 22px;
	color: #fff;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

body.farreach-child-active.home .fr-product-body {
	flex: 1;
	padding: 24px 24px 26px;
}

body.farreach-child-active.home .fr-product-body p {
	margin-bottom: 16px;
	color: #697386;
	font-size: 14px;
	line-height: 1.62;
}

body.farreach-child-active.home .fr-product-body a {
	color: #8f2a2a;
	font-size: 13px;
	font-weight: 900;
}

body.farreach-child-active.home .fr-work {
	background: #fff;
}

body.farreach-child-active.home .fr-timeline {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
}

body.farreach-child-active.home .fr-step {
	position: relative;
	min-height: 220px;
	padding: 26px 20px;
	overflow: hidden;
	color: #fff;
	border-radius: 24px;
	background: linear-gradient(145deg, #11161d, #222b36);
	box-shadow: 0 24px 48px rgba(17, 22, 29, 0.14);
	transition: transform 0.30s ease, box-shadow 0.30s ease;
}

body.farreach-child-active.home .fr-step::before {
	content: "";
	position: absolute;
	top: -38px;
	right: -38px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
}

body.farreach-child-active.home .fr-step:hover {
	box-shadow: 0 34px 68px rgba(17, 22, 29, 0.22);
	transform: translateY(-6px);
}

body.farreach-child-active.home .fr-step-num {
	margin-bottom: 28px;
	color: #cbd2dc;
	font-size: 34px;
	font-weight: 950;
	line-height: 1;
}

body.farreach-child-active.home .fr-step h3 {
	color: #fff;
	font-size: 16px;
}

body.farreach-child-active.home .fr-step p {
	margin: 0;
	color: #c9d0da;
	font-size: 13px;
	line-height: 1.58;
}

body.farreach-child-active.home .fr-quality {
	background: linear-gradient(180deg, #f8fafc, #eef2f7);
}

body.farreach-child-active.home .fr-quality-grid {
	display: grid;
	grid-template-columns: 0.95fr 1.05fr;
	align-items: center;
	gap: 68px;
}

body.farreach-child-active.home .fr-q-visual {
	position: relative;
	height: 460px;
	overflow: hidden;
	border-radius: 34px;
	background: linear-gradient(145deg, #151a21, #3a414c);
	box-shadow: 0 36px 86px rgba(15, 23, 42, 0.22);
}

body.farreach-child-active.home .fr-q-visual::before {
	content: "Quality Control\A Product Inspection";
	position: absolute;
	bottom: 42px;
	left: 42px;
	color: #fff;
	font-size: 30px;
	font-weight: 950;
	line-height: 1.15;
	letter-spacing: -0.03em;
	white-space: pre;
}

body.farreach-child-active.home .fr-q-visual::after {
	content: "";
	position: absolute;
	top: 54px;
	right: 44px;
	width: 190px;
	height: 190px;
	border-radius: 34px;
	background: linear-gradient(135deg, #f5f6f8, #aeb7c5);
	opacity: 0.90;
}

body.farreach-child-active.home .fr-checks {
	display: grid;
	gap: 14px;
	margin: 28px 0 32px;
}

body.farreach-child-active.home .fr-check {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 14px 16px;
	color: #202733;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(15, 23, 42, 0.055);
	font-weight: 850;
}

body.farreach-child-active.home .fr-check::before {
	content: "✓";
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	color: #fff;
	border-radius: 50%;
	background: #111827;
	font-size: 13px;
}

body.farreach-child-active.home .fr-quality .fr-btn-secondary {
	color: #111827;
	border-color: #d0d5dd;
	background: #fff;
}

body.farreach-child-active.home .fr-cta {
	padding: 92px 0;
	color: #fff;
	background: radial-gradient(circle at 78% 18%, rgba(160, 51, 51, 0.22), transparent 28%), linear-gradient(135deg, #070a0f, #1b222c);
}

body.farreach-child-active.home .fr-cta-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

body.farreach-child-active.home .fr-cta h2 {
	max-width: 690px;
	color: #fff;
}

body.farreach-child-active.home .fr-cta p {
	max-width: 680px;
	color: #cbd2dc;
	font-size: 17px;
	line-height: 1.7;
}

body.farreach-child-active.home .fr-cta .fr-btn-secondary {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.28);
	background: transparent;
}

@keyframes farreachHeroFloat {
	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
	}
}

@keyframes farreachHeroPulse {
	0%,
	100% {
		opacity: 0.72;
		transform: scale(1);
	}

	50% {
		opacity: 0.90;
		transform: scale(1.045);
	}
}

@keyframes farreachBadgeDrift {
	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(8px);
	}
}

/**
 * Stage 4: premium product-scene hero.
 *
 * Uses the existing Home markup only:
 * .fr-hero-visual, .fr-device-card, .fr-orbit and .fr-badge elements.
 * No Gutenberg / Home HTML edit is required.
 */

@media (min-width: 922px) {
	body.farreach-child-active.home .fr-hero {
		background:
			radial-gradient(circle at 78% 18%, rgba(125, 145, 172, 0.22), transparent 28%),
			radial-gradient(circle at 18% 86%, rgba(160, 51, 51, 0.20), transparent 30%),
			linear-gradient(135deg, #05070a 0%, #101720 48%, #222b36 100%) !important;
	}

	body.farreach-child-active.home .fr-hero-grid {
		grid-template-columns: minmax(470px, 0.92fr) minmax(620px, 1.18fr);
		gap: 34px;
	}

	body.farreach-child-active.home .fr-hero-copy {
		z-index: 8;
	}

	body.farreach-child-active.home .fr-hero-visual {
		--fr-scene-x: 0px;
		--fr-scene-y: 0px;
		--fr-scroll-lift: 0px;
		--fr-card-x: 0px;
		--fr-card-y: 0px;
		--fr-accent-x: 0px;
		--fr-accent-y: 0px;

		width: min(820px, 58vw);
		height: 670px;
		min-height: 670px;
		margin-left: -18px;
		border: 0;
		border-radius: 0;
		background-image:
			url("../images/home-hero/home-hero-smoothie-maker.png"),
			url("../images/home-hero/home-hero-electric-grill.png"),
			url("../images/home-hero/home-hero-sandwich-maker.png"),
			url("../images/home-hero/home-hero-pizza-maker.png"),
			url("../images/home-hero/home-hero-waffle-maker.png"),
			radial-gradient(circle at 54% 48%, rgba(255, 255, 255, 0.16), transparent 30%),
			radial-gradient(circle at 84% 22%, rgba(184, 204, 232, 0.18), transparent 34%),
			linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015));
		background-repeat: no-repeat;
		background-size:
			26% auto,
			36% auto,
			34% auto,
			31% auto,
			27% auto,
			100% 100%,
			100% 100%,
			100% 100%;
		background-position:
			96% 42%,
			68% 83%,
			27% 77%,
			13% 35%,
			86% 92%,
			center,
			center,
			center;
		box-shadow: none;
		overflow: visible !important;
		isolation: isolate;
		animation: farreachSceneBreath 18s ease-in-out infinite;
		transform:
			translate3d(var(--fr-scene-x), calc(var(--fr-scene-y) + var(--fr-scroll-lift)), 0)
			scale(var(--fr-scene-scale, 1));
		transition: transform 0.32s ease-out;
	}

	body.farreach-child-active.home .fr-hero-visual::before,
	body.farreach-child-active.home .fr-hero-visual::after,
	body.farreach-child-active.home .fr-device-card,
	body.farreach-child-active.home .fr-orbit {
		will-change: transform;
	}

	body.farreach-child-active.home .fr-hero-visual::before {
		content: "";
		position: absolute;
		inset: 2% 0 6% 10%;
		z-index: -2;
		border: 1px solid rgba(255, 255, 255, 0.13);
		border-radius: 42px;
		background:
			linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.035)),
			radial-gradient(circle at 62% 34%, rgba(255, 255, 255, 0.20), transparent 28%);
		box-shadow:
			0 48px 120px rgba(0, 0, 0, 0.46),
			inset 0 1px 0 rgba(255, 255, 255, 0.16);
		backdrop-filter: blur(12px);
		transform: translate3d(var(--fr-accent-x), var(--fr-accent-y), 0);
	}

	body.farreach-child-active.home .fr-hero-visual::after {
		content: "Product Development";
		position: absolute;
		top: 76px;
		left: 330px;
		z-index: 6;
		padding: 11px 16px;
		border: 1px solid rgba(255, 255, 255, 0.14);
		border-radius: 999px;
		color: #fff;
		background: rgba(12, 18, 27, 0.84);
		box-shadow: 0 18px 40px rgba(0, 0, 0, 0.26);
		font-size: 13px;
		font-weight: 950;
		letter-spacing: 0.01em;
		backdrop-filter: blur(12px);
	}

	body.farreach-child-active.home .fr-device-card {
		position: absolute;
		inset: auto auto 148px 246px;
		z-index: 4;
		width: 430px;
		height: 390px;
		border: 1px solid rgba(255, 255, 255, 0.16);
		border-radius: 40px;
		background:
			linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03)),
			url("../images/home-hero/home-hero-air-fryer.png") center 50% / 88% auto no-repeat;
		box-shadow:
			0 48px 110px rgba(0, 0, 0, 0.48),
			inset 0 1px 0 rgba(255, 255, 255, 0.14);
		backdrop-filter: blur(10px);
		animation: farreachProductFloat 9.5s ease-in-out infinite;
		transform: translate3d(var(--fr-card-x), var(--fr-card-y), 0);
	}

	body.farreach-child-active.home .fr-device-card::before {
		content: "";
		position: absolute;
		inset: auto 28px 24px 28px;
		height: 72px;
		border-radius: 999px;
		background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.42), transparent 70%);
		filter: blur(12px);
		transform: translateY(44px);
	}

	body.farreach-child-active.home .fr-device-card::after {
		content: "OEM / ODM\A Sample-ready support";
		position: absolute;
		right: -26px;
		bottom: 42px;
		max-width: 210px;
		padding: 14px 17px;
		border: 1px solid rgba(255, 255, 255, 0.14);
		border-radius: 20px;
		color: #f8fafc;
		background: rgba(15, 23, 34, 0.76);
		box-shadow: 0 20px 48px rgba(0, 0, 0, 0.30);
		font-size: 14px;
		font-weight: 900;
		line-height: 1.3;
		letter-spacing: 0;
		white-space: pre-line;
		backdrop-filter: blur(14px);
	}

	body.farreach-child-active.home .fr-orbit {
		position: absolute;
		right: -16px;
		top: 46px;
		z-index: 3;
		width: 260px;
		height: 300px;
		border: 1px solid rgba(255, 255, 255, 0.15);
		border-radius: 38px;
		background:
			linear-gradient(145deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.025)),
			url("../images/home-hero/home-hero-smoothie-maker.png") center 54% / 112% auto no-repeat;
		box-shadow: 0 36px 92px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.13);
		opacity: 0.96;
		filter: none;
		backdrop-filter: blur(10px);
		animation: farreachProductFloatSlow 12s ease-in-out infinite;
		transform: translate3d(var(--fr-accent-x), var(--fr-accent-y), 0);
	}

	body.farreach-child-active.home .fr-badge {
		z-index: 7;
		border: 1px solid rgba(255, 255, 255, 0.14);
		color: #111827;
		background: rgba(255, 255, 255, 0.88);
		box-shadow: 0 22px 52px rgba(0, 0, 0, 0.28);
		backdrop-filter: blur(14px);
	}

	body.farreach-child-active.home .fr-badge.one {
		top: 134px;
		right: 186px;
	}

	body.farreach-child-active.home .fr-badge.two {
		bottom: 144px;
		left: 112px;
	}

	body.farreach-child-active.home .fr-badge.three {
		right: 96px;
		bottom: 34px;
	}
}

@keyframes farreachSceneBreath {
	0%,
	100% {
		filter: saturate(1) contrast(1);
	}

	50% {
		filter: saturate(1.06) contrast(1.03);
	}
}

@keyframes farreachProductFloat {
	0%,
	100% {
		margin-top: 0;
	}

	50% {
		margin-top: -12px;
	}
}

@keyframes farreachProductFloatSlow {
	0%,
	100% {
		margin-top: 0;
	}

	50% {
		margin-top: 10px;
	}
}

/**
 * Home Hero V2: one cohesive premium product scene.
 *
 * This intentionally overrides the earlier separate product-card composition.
 * The hero now uses one strong integrated product-scene image as the main
 * visual asset, with only subtle glass/light layers and restrained B2B badges.
 */

@media (min-width: 922px) {
	body.farreach-child-active.home .fr-hero {
		min-height: calc(100vh + 170px);
		background:
			radial-gradient(circle at 78% 18%, rgba(126, 146, 174, 0.24), transparent 30%),
			radial-gradient(circle at 20% 88%, rgba(117, 36, 45, 0.22), transparent 28%),
			linear-gradient(135deg, #05070a 0%, #0e151d 45%, #1f2935 100%) !important;
	}

	body.farreach-child-active.home .fr-hero::before {
		background-image:
			linear-gradient(rgba(255, 255, 255, 0.032) 1px, transparent 1px),
			linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px);
		background-size: 86px 86px;
		opacity: 0.55;
	}

	body.farreach-child-active.home .fr-hero-grid {
		grid-template-columns: minmax(470px, 0.80fr) minmax(740px, 1.20fr);
		gap: 46px;
		padding-top: 34px;
		padding-bottom: 126px;
	}

	body.farreach-child-active.home .fr-hero-copy {
		z-index: 8;
		max-width: 620px;
	}

	body.farreach-child-active.home .fr-hero h1 {
		font-size: clamp(56px, 4.05vw, 74px);
		line-height: 0.985;
		letter-spacing: -0.058em;
	}

	body.farreach-child-active.home .fr-hero .fr-lead {
		max-width: 660px;
		color: rgba(236, 241, 248, 0.88);
	}

	body.farreach-child-active.home .fr-hero-visual {
		--fr-scene-x: 0px;
		--fr-scene-y: 0px;
		--fr-scroll-lift: 0px;
		--fr-accent-x: 0px;
		--fr-accent-y: 0px;

		width: min(1010px, 64vw);
		height: min(700px, calc(100vh - 142px));
		min-height: 630px;
		margin-left: 0;
		border: 0;
		border-radius: 42px;
		background-image:
			linear-gradient(90deg, rgba(5, 7, 10, 0.42), transparent 22%, rgba(5, 7, 10, 0.05) 70%),
			linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01)),
			image-set(
				url("../images/home/home-hero-product-scene.webp") type("image/webp"),
				url("../images/home/home-hero-product-scene.png") type("image/png")
			);
		background-repeat: no-repeat;
		background-size: 100% 100%, 100% 100%, cover;
		background-position: center, center, center;
		box-shadow:
			0 70px 150px rgba(0, 0, 0, 0.52),
			inset 0 1px 0 rgba(255, 255, 255, 0.12);
		overflow: visible !important;
		isolation: isolate;
		animation: farreachHeroSceneDrift 16s ease-in-out infinite;
		transform:
			translate3d(var(--fr-scene-x), calc(var(--fr-scene-y) + var(--fr-scroll-lift)), 0)
			scale(var(--fr-scene-scale, 1));
		transition: transform 0.36s ease-out;
	}

	body.farreach-child-active.home .fr-hero-visual::before {
		content: "";
		position: absolute;
		inset: -28px -34px -38px -44px;
		z-index: -2;
		border-radius: 58px;
		background:
			radial-gradient(circle at 64% 18%, rgba(186, 207, 236, 0.22), transparent 30%),
			radial-gradient(circle at 42% 78%, rgba(195, 130, 72, 0.18), transparent 25%),
			linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.018));
		filter: blur(0.2px);
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		box-shadow: 0 56px 138px rgba(0, 0, 0, 0.42);
		transform: translate3d(var(--fr-accent-x), var(--fr-accent-y), 0);
	}

	body.farreach-child-active.home .fr-hero-visual::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 2;
		border: 1px solid rgba(255, 255, 255, 0.15);
		border-radius: 42px;
		background:
			radial-gradient(circle at 82% 12%, rgba(255, 255, 255, 0.17), transparent 19%),
			linear-gradient(135deg, rgba(255, 255, 255, 0.09), transparent 34%, rgba(255, 255, 255, 0.05) 84%, transparent);
		padding: 0;
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		pointer-events: none;
	}

	body.farreach-child-active.home .fr-device-card {
		display: none !important;
	}

	body.farreach-child-active.home .fr-orbit {
		position: absolute;
		top: 56px;
		right: 118px;
		z-index: 3;
		width: 220px;
		height: 220px;
		border: 0;
		border-radius: 50%;
		background:
			radial-gradient(circle, rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.08) 28%, transparent 68%);
		opacity: 0.36;
		filter: blur(8px);
		animation: farreachHeroLightFloat 13s ease-in-out infinite;
		transform: translate3d(var(--fr-accent-x), var(--fr-accent-y), 0);
	}

	body.farreach-child-active.home .fr-badge {
		z-index: 5;
		padding: 12px 16px;
		border: 1px solid rgba(255, 255, 255, 0.16);
		border-radius: 18px;
		color: #f8fafc;
		background: rgba(8, 13, 21, 0.58);
		box-shadow: 0 22px 52px rgba(0, 0, 0, 0.28);
		backdrop-filter: blur(16px);
		animation: farreachBadgeDrift 10s ease-in-out infinite;
	}

	body.farreach-child-active.home .fr-badge span {
		color: rgba(226, 232, 240, 0.78);
	}

	body.farreach-child-active.home .fr-badge.one {
		top: 88px;
		right: 84px;
	}

	body.farreach-child-active.home .fr-badge.two {
		left: 42px;
		bottom: 120px;
		opacity: 0.86;
	}

	body.farreach-child-active.home .fr-badge.three {
		right: 52px;
		bottom: 44px;
		opacity: 0.88;
	}

	body.farreach-child-active.home .fr-capabilities {
		margin-top: -142px;
		border-radius: 42px 42px 0 0;
	}
}

@keyframes farreachHeroSceneDrift {
	0%,
	100% {
		background-position: center, center, 50% 50%;
		filter: saturate(1.02) contrast(1.02);
	}

	50% {
		background-position: center, center, 51.5% 49%;
		filter: saturate(1.07) contrast(1.04);
	}
}

@keyframes farreachHeroLightFloat {
	0%,
	100% {
		opacity: 0.30;
		margin-top: 0;
	}

	50% {
		opacity: 0.42;
		margin-top: 18px;
	}
}

/**
 * Home Hero V2.1: Premium Dark Editorial composition.
 *
 * This is a higher-priority composition layer over the previous V2.
 * Goal: make the hero feel like one integrated editorial scene instead of
 * two equal columns with a framed image card.
 */

@media (min-width: 922px) {
	body.farreach-child-active.home .fr-hero {
		min-height: calc(100vh + 210px);
		overflow: hidden;
		background:
			radial-gradient(circle at 88% 8%, rgba(142, 164, 196, 0.18), transparent 26%),
			radial-gradient(circle at 22% 84%, rgba(138, 40, 47, 0.20), transparent 30%),
			linear-gradient(115deg, #030508 0%, #071018 38%, #141d28 70%, #202a35 100%) !important;
	}

	body.farreach-child-active.home .fr-hero::before {
		z-index: 0;
		background-size: 92px 92px;
		opacity: 0.38;
	}

	body.farreach-child-active.home .fr-hero-grid {
		position: sticky;
		top: 72px;
		display: block;
		width: min(1540px, calc(100% - 88px));
		min-height: calc(100vh - 72px);
		padding-top: clamp(86px, 11vh, 136px);
		padding-bottom: 188px;
	}

	body.farreach-child-active.home .fr-hero-copy {
		position: relative;
		z-index: 6;
		width: min(820px, 58vw);
		max-width: none;
		padding-top: 0;
		transform: none;
	}

	body.farreach-child-active.home .fr-hero .fr-kicker {
		margin-bottom: 28px;
		letter-spacing: 0.20em;
	}

	body.farreach-child-active.home .fr-hero h1 {
		max-width: 860px;
		font-size: clamp(66px, 5.35vw, 104px);
		line-height: 0.90;
		letter-spacing: -0.078em;
		text-wrap: balance;
		text-shadow: 0 24px 78px rgba(0, 0, 0, 0.62);
	}

	body.farreach-child-active.home .fr-hero .fr-lead {
		max-width: 720px;
		margin-top: 26px;
		color: rgba(235, 241, 248, 0.88);
		font-size: 18px;
		line-height: 1.72;
		text-shadow: 0 18px 48px rgba(0, 0, 0, 0.70);
	}

	body.farreach-child-active.home .fr-hero .fr-btns {
		margin-top: 34px;
	}

	body.farreach-child-active.home .fr-hero .fr-metrics {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 13px;
		max-width: 735px;
		margin-top: 28px;
	}

	body.farreach-child-active.home .fr-hero .fr-metric {
		padding: 14px 15px;
		border-color: rgba(255, 255, 255, 0.12);
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035));
		box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.08);
		backdrop-filter: blur(14px);
	}

	body.farreach-child-active.home .fr-hero .fr-metric span {
		color: rgba(217, 225, 235, 0.82);
	}

	body.farreach-child-active.home .fr-hero-visual {
		--fr-scene-x: 0px;
		--fr-scene-y: 0px;
		--fr-scroll-lift: 0px;
		--fr-accent-x: 0px;
		--fr-accent-y: 0px;

		position: absolute;
		top: -72px;
		right: max(-210px, -10vw);
		z-index: 2;
		width: min(1320px, 76vw);
		height: min(940px, calc(100vh + 42px));
		min-height: 720px;
		margin: 0;
		border: 0;
		border-radius: 0;
		background-image:
			linear-gradient(90deg, rgba(3, 5, 8, 0.98) 0%, rgba(3, 5, 8, 0.78) 21%, rgba(3, 5, 8, 0.24) 43%, rgba(3, 5, 8, 0.03) 67%),
			radial-gradient(circle at 48% 54%, rgba(255, 255, 255, 0.08), transparent 42%),
			image-set(
				url("../images/home/home-hero-product-scene.webp") type("image/webp"),
				url("../images/home/home-hero-product-scene.png") type("image/png")
			);
		background-repeat: no-repeat;
		background-size: 100% 100%, 100% 100%, cover;
		background-position: center, center, 58% 46%;
		box-shadow: none;
		opacity: 0.98;
		overflow: visible !important;
		isolation: isolate;
		animation: farreachEditorialSceneDrift 18s ease-in-out infinite;
		transform:
			translate3d(var(--fr-scene-x), calc(var(--fr-scene-y) + var(--fr-scroll-lift)), 0)
			scale(var(--fr-scene-scale, 1));
		transition: transform 0.36s ease-out;
	}

	body.farreach-child-active.home .fr-hero-visual::before {
		content: "";
		position: absolute;
		inset: -9% -7% -12% -38%;
		z-index: 1;
		border: 0;
		border-radius: 0;
		background:
			linear-gradient(90deg, rgba(3, 5, 8, 0.96) 0%, rgba(3, 5, 8, 0.66) 30%, rgba(3, 5, 8, 0.12) 58%, transparent 82%),
			radial-gradient(circle at 72% 16%, rgba(181, 207, 239, 0.16), transparent 28%),
			radial-gradient(circle at 42% 86%, rgba(198, 87, 54, 0.12), transparent 25%);
		filter: none;
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		pointer-events: none;
		transform: translate3d(calc(var(--fr-accent-x) * 0.45), calc(var(--fr-accent-y) * 0.45), 0);
	}

	body.farreach-child-active.home .fr-hero-visual::after {
		content: "";
		position: absolute;
		inset: -1% -1% -1% 7%;
		z-index: 2;
		border: 0;
		border-radius: 0;
		background:
			linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 30%, rgba(0, 0, 0, 0.15) 100%),
			radial-gradient(circle at 78% 20%, rgba(255, 255, 255, 0.10), transparent 18%);
		padding: 0;
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		pointer-events: none;
	}

	body.farreach-child-active.home .fr-device-card {
		display: none !important;
	}

	body.farreach-child-active.home .fr-orbit {
		top: 7%;
		right: 18%;
		z-index: 3;
		width: 260px;
		height: 260px;
		border: 0;
		border-radius: 50%;
		background: radial-gradient(circle, rgba(236, 245, 255, 0.22), rgba(236, 245, 255, 0.07) 30%, transparent 70%);
		opacity: 0.24;
		filter: blur(12px);
		box-shadow: none;
		backdrop-filter: none;
		animation: farreachHeroLightFloat 14s ease-in-out infinite;
		transform: translate3d(var(--fr-accent-x), var(--fr-accent-y), 0);
	}

	body.farreach-child-active.home .fr-badge {
		z-index: 5;
		padding: 10px 14px;
		border: 1px solid rgba(255, 255, 255, 0.13);
		border-radius: 16px;
		color: rgba(250, 252, 255, 0.96);
		background: rgba(7, 12, 18, 0.42);
		box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
		backdrop-filter: blur(16px);
		opacity: 0.78;
	}

	body.farreach-child-active.home .fr-badge span {
		color: rgba(224, 231, 240, 0.70);
	}

	body.farreach-child-active.home .fr-badge.one {
		top: 19%;
		right: 19%;
	}

	body.farreach-child-active.home .fr-badge.two {
		left: auto;
		right: 62%;
		bottom: 20%;
		opacity: 0.68;
	}

	body.farreach-child-active.home .fr-badge.three {
		right: 14%;
		bottom: 12%;
		opacity: 0.70;
	}

	body.farreach-child-active.home .fr-capabilities {
		margin-top: -174px;
		border-radius: 48px 48px 0 0;
		box-shadow: 0 -34px 92px rgba(0, 0, 0, 0.30);
	}
}

@keyframes farreachEditorialSceneDrift {
	0%,
	100% {
		background-position: center, center, 58% 46%;
		filter: saturate(1.03) contrast(1.03);
	}

	50% {
		background-position: center, center, 56.5% 45%;
		filter: saturate(1.08) contrast(1.05);
	}
}

/**
 * Home finalization pass: product category images, quality-control visual,
 * product category images and quality-control visual integration.
 */

body.farreach-child-active.home .fr-products {
	background:
		radial-gradient(circle at 12% 8%, rgba(156, 163, 175, 0.14), transparent 28%),
		linear-gradient(180deg, #f7f8fa 0%, #eef2f6 100%);
}

body.farreach-child-active.home .fr-product-grid {
	gap: 26px;
}

body.farreach-child-active.home .fr-product {
	min-height: 430px;
	border-color: rgba(203, 213, 225, 0.88);
	border-radius: 34px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 24px 58px rgba(15, 23, 42, 0.10);
}

body.farreach-child-active.home .fr-product:hover {
	border-color: rgba(148, 163, 184, 0.86);
	box-shadow: 0 38px 82px rgba(15, 23, 42, 0.17);
}

body.farreach-child-active.home .fr-product-img {
	height: 228px;
	overflow: hidden;
	background-color: #eef2f6;
	background-repeat: no-repeat;
	background-size: 100% 100%, cover;
	background-position: center, center;
}

body.farreach-child-active.home .fr-product-img::before {
	display: none;
}

body.farreach-child-active.home .fr-product-img::after {
	right: 18px;
	bottom: 18px;
	left: auto;
	padding: 8px 11px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 999px;
	color: rgba(255, 255, 255, 0.94);
	background: rgba(7, 12, 18, 0.58);
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
	font-size: 11px;
	letter-spacing: 0.13em;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

body.farreach-child-active.home .fr-product:nth-child(1) .fr-product-img {
	background-image:
		linear-gradient(180deg, rgba(7, 12, 18, 0.03), rgba(7, 12, 18, 0.14)),
		image-set(
			url("../images/home/categories/air-fryers-photo.webp") type("image/webp"),
			url("../images/home/categories/air-fryers-photo.jpg") type("image/jpeg")
		);
}

body.farreach-child-active.home .fr-product:nth-child(2) .fr-product-img {
	background-image:
		linear-gradient(180deg, rgba(7, 12, 18, 0.03), rgba(7, 12, 18, 0.14)),
		image-set(
			url("../images/home/categories/electric-griddles-photo.webp") type("image/webp"),
			url("../images/home/categories/electric-griddles-photo.jpg") type("image/jpeg")
		);
}

body.farreach-child-active.home .fr-product:nth-child(3) .fr-product-img {
	background-image:
		linear-gradient(180deg, rgba(7, 12, 18, 0.03), rgba(7, 12, 18, 0.14)),
		image-set(
			url("../images/home/categories/sandwich-makers-photo.webp") type("image/webp"),
			url("../images/home/categories/sandwich-makers-photo.jpg") type("image/jpeg")
		);
}

body.farreach-child-active.home .fr-product:nth-child(4) .fr-product-img {
	background-image:
		linear-gradient(180deg, rgba(7, 12, 18, 0.03), rgba(7, 12, 18, 0.14)),
		image-set(
			url("../images/home/categories/pizza-makers-photo.webp") type("image/webp"),
			url("../images/home/categories/pizza-makers-photo.jpg") type("image/jpeg")
		);
}

body.farreach-child-active.home .fr-product:nth-child(5) .fr-product-img {
	background-image:
		linear-gradient(180deg, rgba(7, 12, 18, 0.03), rgba(7, 12, 18, 0.14)),
		image-set(
			url("../images/home/categories/waffle-makers-photo.webp") type("image/webp"),
			url("../images/home/categories/waffle-makers-photo.jpg") type("image/jpeg")
		);
}

body.farreach-child-active.home .fr-product:nth-child(6) .fr-product-img {
	background-image:
		linear-gradient(180deg, rgba(7, 12, 18, 0.03), rgba(7, 12, 18, 0.14)),
		image-set(
			url("../images/home/categories/multi-function-cooking-photo.webp") type("image/webp"),
			url("../images/home/categories/multi-function-cooking-photo.jpg") type("image/jpeg")
		);
}

body.farreach-child-active.home .fr-product-body {
	padding: 26px 26px 28px;
}

body.farreach-child-active.home .fr-product-body p {
	color: #667085;
}

body.farreach-child-active.home .fr-quality {
	background:
		radial-gradient(circle at 14% 22%, rgba(148, 163, 184, 0.18), transparent 28%),
		linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
}

body.farreach-child-active.home .fr-q-visual {
	height: 500px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 38px;
	background-image:
		linear-gradient(90deg, rgba(5, 8, 12, 0.38), rgba(5, 8, 12, 0.06) 46%, rgba(5, 8, 12, 0.30)),
		linear-gradient(180deg, rgba(5, 8, 12, 0.06), rgba(5, 8, 12, 0.44)),
		image-set(
			url("../images/home/quality/quality-control-inspection.webp") type("image/webp"),
			url("../images/home/quality/quality-control-inspection.jpg") type("image/jpeg")
		);
	background-repeat: no-repeat;
	background-size: 100% 100%, 100% 100%, cover;
	background-position: center, center, 48% 50%;
	box-shadow: 0 40px 96px rgba(15, 23, 42, 0.24);
}

body.farreach-child-active.home .fr-q-visual::before {
	z-index: 2;
	bottom: 34px;
	left: 34px;
	max-width: 390px;
	padding: 18px 20px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 24px;
	background: rgba(7, 12, 18, 0.56);
	box-shadow: 0 20px 52px rgba(0, 0, 0, 0.24);
	font-size: 25px;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

body.farreach-child-active.home .fr-q-visual::after {
	content: "Factory-side visibility";
	top: 28px;
	right: 28px;
	width: auto;
	height: auto;
	padding: 10px 14px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 999px;
	color: rgba(255, 255, 255, 0.94);
	background: rgba(7, 12, 18, 0.48);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.20);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

/**
 * Production patch 1.0.1: focused Home polish.
 *
 * This layer keeps the WordPress Home content unchanged while removing
 * obsolete interactions and replacing the Quality Control visual.
 */

body.farreach-child-active.home .fr-hero-visual .fr-badge {
	display: none !important;
}

body.farreach-child-active.home .fr-capabilities .fr-card {
	cursor: default;
}

body.farreach-child-active.home .fr-capabilities .fr-card:hover {
	transform: translateY(-3px);
}

body.farreach-child-active.home .fr-capabilities .fr-card a {
	display: none !important;
	pointer-events: none;
}

body.farreach-child-active.home .fr-capabilities .fr-card p {
	margin-bottom: 0;
}

body.farreach-child-active.home .fr-product-img {
	background-color: #eef2f6;
	background-size: 100% 100%, contain;
	background-position: center, center;
}

body.farreach-child-active.home .fr-q-visual {
	background-color: #151d26;
	background-image:
		linear-gradient(90deg, rgba(5, 8, 12, 0.34), rgba(5, 8, 12, 0.04) 48%, rgba(5, 8, 12, 0.24)),
		linear-gradient(180deg, rgba(5, 8, 12, 0.04), rgba(5, 8, 12, 0.38)),
		url("../images/home/quality/quality-control-production.png");
	background-size: 100% 100%, 100% 100%, contain;
	background-position: center, center, center;
}

@supports (aspect-ratio: 1 / 1) {
	body.farreach-child-active.home .fr-q-visual {
		height: auto;
		min-height: 0;
		aspect-ratio: 1130 / 779;
	}
}

body.farreach-child-active.home .fr-quality .fr-btn-secondary {
	display: none !important;
}

body.farreach-child-active.home .fr-quality .fr-checks {
	margin-bottom: 0;
}

@media (min-width: 922px) {
	body.farreach-child-active.home .fr-hero {
		min-height: calc(100vh + 280px);
	}

	body.farreach-child-active.home .fr-hero-grid {
		padding-bottom: 210px;
	}

	body.farreach-child-active.home .fr-hero .fr-metrics {
		margin-bottom: 48px;
	}

	body.farreach-child-active.home .fr-capabilities {
		margin-top: -112px;
	}
}

@media (max-width: 640px) {
	body.farreach-child-active.home .fr-q-visual::before {
		bottom: 18px;
		left: 18px;
		max-width: calc(100% - 36px);
		padding: 13px 15px;
		border-radius: 18px;
		font-size: 20px;
	}

	body.farreach-child-active.home .fr-q-visual::after {
		top: 16px;
		right: 16px;
		padding: 8px 10px;
		font-size: 10px;
	}
}