/* PIXELFUX design system. Blocksy remains responsible for page structure. */
:root {
	--pfx-red: #ed0016;
	--pfx-black: #111111;
	--pfx-dark: #202020;
	--pfx-gray: #f3f3f3;
	--pfx-white: #ffffff;
	--pfx-muted: #595959;
	--pfx-border: #d8d8d8;
	--pfx-container: 1200px;
	--pfx-header-container: 1280px;
	--pfx-reading: 760px;
	--pfx-space-1: 0.5rem;
	--pfx-space-2: 1rem;
	--pfx-space-3: 1.5rem;
	--pfx-space-4: 2rem;
	--pfx-space-5: 3rem;
	--pfx-space-6: 5rem;
}

body {
	background: var(--pfx-white);
	color: var(--pfx-dark);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.65;
}

h1, h2, h3, h4, h5, h6 {
	color: var(--pfx-black);
	font-family: inherit;
	font-weight: 800;
	letter-spacing: -0.035em;
	line-height: 1.12;
}

h1 { font-size: clamp(2.5rem, 8vw, 5.5rem); }
h2 { font-size: clamp(2rem, 5vw, 3.5rem); }
h3 { font-size: clamp(1.4rem, 3vw, 2rem); }

p { margin-block: 0 var(--pfx-space-3); }

body a {
	color: var(--pfx-black);
	text-decoration-color: var(--pfx-red);
	text-underline-offset: 0.18em;
}

body a:hover { color: var(--pfx-red); }

:where(a, button, input, select, textarea):focus-visible {
	outline: 2px solid var(--pfx-red);
	outline-offset: 3px;
}

.pfx-container {
	width: min(100% - 2rem, var(--pfx-container));
	margin-inline: auto;
}

.pfx-container--reading { max-width: var(--pfx-reading); }

.pfx-section { padding-block: clamp(3rem, 8vw, 7rem); }

.pfx-stack > * + * { margin-block-start: var(--pfx-space-3); }

/* Buttons share one shape across custom content, blocks, and WooCommerce. */
.pfx-button,
.wp-block-button__link,
button[type="submit"],
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.75rem 1.4rem;
	border: 1px solid var(--pfx-black);
	border-radius: 0;
	background: var(--pfx-black);
	color: var(--pfx-white);
	font: inherit;
	font-size: 0.875rem;
	font-weight: 750;
	letter-spacing: 0.045em;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

.pfx-button:hover,
.wp-block-button__link:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover {
	border-color: var(--pfx-red);
	background: var(--pfx-red);
	color: var(--pfx-white);
}

.pfx-button--red,
.wp-block-button.pfx-button--red .wp-block-button__link,
.wp-block-button.is-style-pfx-red .wp-block-button__link,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	border-color: var(--pfx-red);
	background: var(--pfx-red);
	color: var(--pfx-white);
}

.pfx-button--red:hover,
.wp-block-button.pfx-button--red .wp-block-button__link:hover,
.wp-block-button.is-style-pfx-red .wp-block-button__link:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	border-color: var(--pfx-black);
	background: var(--pfx-black);
	color: var(--pfx-white);
}

.pfx-button--outline,
.wp-block-button.pfx-button--outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link {
	border-color: var(--pfx-black);
	background: transparent;
	color: var(--pfx-black);
}

.pfx-button--outline:hover,
.wp-block-button.pfx-button--outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	border-color: var(--pfx-black);
	background: var(--pfx-black);
	color: var(--pfx-white);
}

/* Cards and form controls are available for future shop sections. */
.pfx-card {
	padding: var(--pfx-space-3);
	border: 1px solid var(--pfx-border);
	background: var(--pfx-white);
}

.pfx-card__media {
	display: block;
	width: 100%;
	background: var(--pfx-gray);
	object-fit: cover;
}

.pfx-card__title { margin-block: var(--pfx-space-3) var(--pfx-space-1); }

:where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), select, textarea) {
	min-height: 48px;
	border: 1px solid var(--pfx-border);
	border-radius: 0;
	background: var(--pfx-white);
	color: var(--pfx-black);
	font: inherit;
}

:where(input, select, textarea)::placeholder { color: var(--pfx-muted); }

:where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), select, textarea):focus {
	border-color: var(--pfx-black);
}

/* Keep Blocksy's header builder, menu locations, and mobile drawer intact. */
#header {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 1000;
	background: var(--pfx-white);
}

#header [data-row] {
	background-color: var(--pfx-white);
}

#header [data-row="middle"] {
	border-bottom: 1px solid var(--pfx-border);
}

#header [data-row] .ct-container {
	width: min(100% - 2rem, var(--pfx-header-container));
	max-width: var(--pfx-header-container);
	margin-inline: auto;
}

#header [data-device="desktop"] [data-row="middle"] {
	--height: 86px;
}

#header [data-device="desktop"] [data-row="middle"] .ct-container {
	--height: 86px;
	min-height: 86px;
}

#header.pfx-is-scrolled [data-device="desktop"] [data-row="middle"] {
	--height: 70px;
}

#header.pfx-is-scrolled [data-device="desktop"] [data-row="middle"] .ct-container {
	--height: 70px;
	min-height: 70px;
}

#header [data-device="mobile"] [data-row="middle"] {
	--height: 64px;
}

#header [data-device="mobile"] [data-row="middle"] .ct-container {
	--height: 64px;
	min-height: 64px;
}

#header a {
	color: var(--pfx-black);
}

#header a:hover,
#header a:focus-visible {
	color: var(--pfx-red);
}

/* The actual logo is supplied by Blocksy, including its link and image source. */
#header [data-row="middle"] .ct-container {
	align-items: center;
}

#header .site-logo-container {
	display: flex;
	min-width: 0;
	align-items: center;
	align-self: center;
}

#header .site-logo-container a {
	display: inline-flex;
	max-width: 100%;
	align-items: center;
}

#header .site-logo-container img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	object-fit: contain;
}

#header [data-device="desktop"] .site-logo-container {
	max-width: 160px;
}

#header [data-device="desktop"] .site-logo-container img {
	max-height: 56px;
}

#header.pfx-is-scrolled [data-device="desktop"] .site-logo-container img {
	max-height: 44px;
}

#header [data-device="mobile"] .site-logo-container {
	max-width: 135px;
}

#header [data-device="mobile"] .site-logo-container img {
	max-height: 44px;
}

/* Menu 1 keeps its items and labels in WordPress; Blocksy provides the markup. */
#header [data-device="desktop"] :is(.ct-header-menu, [class*="header-menu"], [id^="header-menu"]) > ul > li {
	margin-inline: clamp(0.35rem, 0.65vw, 0.7rem);
}

#header [data-device="desktop"] :is(.ct-header-menu, [class*="header-menu"], [id^="header-menu"]) > ul > li > a {
	color: var(--pfx-black);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: -0.01em;
	text-transform: none;
	box-shadow: inset 0 -2px 0 transparent;
}

#header [data-device="desktop"] :is(.ct-header-menu, [class*="header-menu"], [id^="header-menu"]) > ul > li > a:is(:hover, :focus-visible),
#header [data-device="desktop"] :is(.ct-header-menu, [class*="header-menu"], [id^="header-menu"]) > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
#header [data-device="desktop"] :is(.ct-header-menu, [class*="header-menu"], [id^="header-menu"]) > ul > li > a[aria-current="page"] {
	color: var(--pfx-black);
	box-shadow: inset 0 -2px 0 var(--pfx-red);
}

#header [data-device="desktop"] .ct-header-cta {
	margin-inline-start: 1rem;
	padding-inline-start: 1rem;
	border-inline-start: 1px solid var(--pfx-border);
}

#header [data-device="desktop"] .ct-header-cta a {
	border: 1px solid var(--pfx-black);
	background: var(--pfx-white);
	color: var(--pfx-black);
	font-size: 0.875rem;
	font-weight: 700;
	text-transform: none;
}

#header [data-device="desktop"] .ct-header-cta a:is(:hover, :focus-visible) {
	border-color: var(--pfx-black);
	background: var(--pfx-black);
	color: var(--pfx-white);
}

#header .ct-header-search,
#header .ct-header-account,
#header .ct-header-cart,
#header .ct-header-trigger {
	min-width: 48px;
	min-height: 48px;
}

#header .ct-header-trigger {
	text-transform: none;
}

#offcanvas .mobile-menu a {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 1.05rem;
	font-weight: 600;
	text-transform: none;
}

#offcanvas .mobile-menu a:is(:hover, :focus-visible),
#offcanvas .mobile-menu :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
#offcanvas .mobile-menu a[aria-current="page"] {
	color: var(--pfx-red);
}

/* Front page blocks remain editable in WordPress. */
.pfx-front-page {
	width: 100%;
	max-width: none;
	margin: 0;
}

.pfx-front-page > .wp-block-group {
	padding-inline: 1rem;
}

.pfx-front-page > .wp-block-group > .wp-block-group,
.pfx-process > h2,
.pfx-process > .wp-block-buttons {
	width: min(100%, var(--pfx-header-container));
	max-width: var(--pfx-header-container);
	margin-inline: auto;
}

.pfx-hero {
	display: grid;
	align-items: center;
	width: 100%;
	max-width: none;
	min-height: 70svh;
	padding-block: clamp(4rem, 8vw, 8rem);
	background: var(--pfx-white);
}

.pfx-hero__grid,
.pfx-shop-feature__grid {
	display: grid;
	align-items: center;
	gap: clamp(2.5rem, 6vw, 6rem);
}

.pfx-hero__copy {
	align-self: center;
}

.pfx-hero__title {
	max-width: 18ch;
	margin-block: 0 var(--pfx-space-3);
	font-size: clamp(1.9rem, 9vw, 3.4rem);
	line-height: 0.98;
	text-wrap: balance;
	text-transform: uppercase;
}

.pfx-hero__text {
	max-width: 55ch;
	margin-block: 0 var(--pfx-space-4);
	font-size: clamp(1.05rem, 1.6vw, 1.25rem);
}

.pfx-hero__actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--pfx-space-2);
}

.pfx-hero__actions .wp-block-button {
	width: 100%;
}

.pfx-hero__actions .wp-block-button__link {
	width: 100%;
	font-weight: 800;
}

.pfx-hero .pfx-hero__actions .wp-block-button.pfx-button--red .wp-block-button__link {
	border: 1px solid var(--pfx-red) !important;
	background: var(--pfx-red) !important;
	color: var(--pfx-white) !important;
}

.pfx-hero .pfx-hero__actions .wp-block-button.pfx-button--red .wp-block-button__link:hover {
	border-color: var(--pfx-black) !important;
	background: var(--pfx-black) !important;
	color: var(--pfx-white) !important;
}

.pfx-hero .pfx-hero__actions .wp-block-button.pfx-button--outline .wp-block-button__link,
.pfx-hero .pfx-hero__actions .wp-block-button.is-style-outline .wp-block-button__link {
	border: 1px solid var(--pfx-black) !important;
	background: var(--pfx-white) !important;
	box-shadow: none;
	color: var(--pfx-black) !important;
}

.pfx-hero .pfx-hero__actions .wp-block-button.pfx-button--outline .wp-block-button__link:hover,
.pfx-hero .pfx-hero__actions .wp-block-button.is-style-outline .wp-block-button__link:hover {
	border-color: var(--pfx-black) !important;
	background: var(--pfx-black) !important;
	color: var(--pfx-white) !important;
}

.pfx-hero__visual,
.pfx-shop-feature__visual {
	position: relative;
	min-height: clamp(320px, 46vw, 560px);
	overflow: hidden;
	background: var(--pfx-gray);
}

.pfx-hero__visual {
	display: grid;
	place-items: center;
	min-height: clamp(340px, 42vw, 600px);
	overflow: visible;
	background: transparent;
}

.pfx-hero__visual::before {
	content: "";
	position: absolute;
	inset: 8% 2% 0 12%;
	border: 1px solid var(--pfx-border);
	background: var(--pfx-white);
}

.pfx-hero__visual:empty::after {
	content: "";
	position: absolute;
	inset: 25%;
	border: 2px solid var(--pfx-border);
	border-radius: 20%;
	transform: rotate(-12deg);
}

.pfx-hero__image-stage {
	position: relative;
	z-index: 1;
	width: 84%;
	min-height: clamp(300px, 36vw, 530px);
	margin: 0 12% 5% 4%;
	border: 1px solid var(--pfx-border);
	background: var(--pfx-white);
	box-shadow: 16px 16px 0 var(--pfx-gray);
}

.pfx-hero__image-stage::before {
	content: "";
	position: absolute;
	inset: 22%;
	border: 2px solid var(--pfx-border);
	border-radius: 20%;
	transform: rotate(-12deg);
}

.pfx-hero__image-stage::after {
	content: "";
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 22%;
	height: 3px;
	background: var(--pfx-red);
}

.pfx-hero__image-stage .wp-block-image {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	margin: 0;
}

.pfx-hero__image-stage img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.pfx-shop-feature__visual::before {
	content: "";
	position: absolute;
	inset: 18%;
	border: 2px solid var(--pfx-border);
	border-radius: 18%;
	transform: rotate(-12deg);
}

.pfx-services {
	padding-block: clamp(4rem, 8vw, 7rem);
	background: var(--pfx-white);
}

.pfx-services__intro {
	margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

.pfx-services__eyebrow,
.pfx-services__label {
	margin: 0 0 1rem;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.16em;
}

.pfx-services__eyebrow { color: var(--pfx-red); }
.pfx-services__intro h2 { margin: 0; }

.pfx-services__grid {
	display: grid;
	gap: 1px;
	border: 1px solid var(--pfx-border);
	background: var(--pfx-border);
}

.pfx-services__card {
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: flex-start;
	padding: clamp(1.5rem, 3vw, 2.5rem);
	background: var(--pfx-white);
}

.pfx-services__card--graphics { border-top: 4px solid var(--pfx-black); }
.pfx-services__card--patch { border-top: 4px solid var(--pfx-red); }
.pfx-services__card--solutions { border-top: 4px solid var(--pfx-dark); }

.pfx-services__card h3 {
	min-height: 2.3em;
	margin: 0 0 1rem;
	font-size: clamp(1.45rem, 2vw, 1.85rem);
}

.pfx-services__card > p:not(.pfx-services__label):not(.pfx-services__secondary) {
	margin-bottom: 2rem;
}

.pfx-services__card .wp-block-buttons { margin-top: auto; }
.pfx-services__card .wp-block-button__link { text-transform: none; letter-spacing: 0; }

.pfx-services__secondary {
	margin: 1rem 0 0;
	font-size: 0.875rem;
	font-weight: 600;
}

.pfx-benefits {
	padding-block: var(--pfx-space-4);
	border-block: 1px solid var(--pfx-border);
}

.pfx-benefits__grid {
	display: grid;
	gap: var(--pfx-space-2);
}

.pfx-benefits__grid p {
	margin: 0;
	font-size: 0.9rem;
	font-weight: 700;
}

.pfx-benefits__grid p::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-inline-end: 0.75rem;
	background: var(--pfx-red);
	vertical-align: 0.1em;
}

.pfx-shop-feature,
.pfx-process {
	padding-block: clamp(4rem, 9vw, 8rem);
}

.pfx-shop-feature__visual {
	min-height: clamp(300px, 38vw, 480px);
}

.pfx-shop-feature__copy { order: -1; }

.pfx-shop-feature__visual::before {
	inset: 22%;
	border-radius: 0;
	transform: rotate(8deg);
}

.pfx-shop-feature__copy h2,
.pfx-process > h2 {
	max-width: 15ch;
	margin-block: 0 var(--pfx-space-3);
}

.pfx-shop-feature__copy p {
	max-width: 50ch;
	margin-block-end: var(--pfx-space-4);
}

.pfx-process {
	background: var(--pfx-gray);
}

.pfx-process__grid {
	display: grid;
	gap: 1px;
	margin-block: var(--pfx-space-5);
	background: var(--pfx-border);
}

.pfx-process__step {
	min-height: 180px;
	padding: var(--pfx-space-3);
	background: var(--pfx-white);
}

.pfx-process__number {
	margin-block: 0 var(--pfx-space-5);
	color: var(--pfx-red);
	font-size: 0.875rem;
	font-weight: 800;
}

.pfx-process__step h3 {
	margin: 0;
	font-size: clamp(1.25rem, 2vw, 1.6rem);
}

@media (min-width: 768px) {
	.pfx-container { width: min(100% - 4rem, var(--pfx-container)); }
	.pfx-card { padding: var(--pfx-space-4); }
	#header [data-row] .ct-container { width: min(100% - 4rem, var(--pfx-header-container)); }
	.pfx-front-page > .wp-block-group { padding-inline: 2rem; }
	.pfx-shop-feature__grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
	.pfx-hero__actions { flex-direction: row; align-items: center; flex-wrap: wrap; }
	.pfx-hero__actions .wp-block-button { width: auto; }
	.pfx-shop-feature__copy { order: 0; }
	.pfx-benefits__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.pfx-services__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.pfx-process__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
	.pfx-front-page .pfx-hero__grid {
		display: grid;
		width: 100%;
		max-width: var(--pfx-header-container);
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
		align-items: center;
	}

	.pfx-hero__title { font-size: clamp(3.5rem, 5.2vw, 5rem); }
}

@media (min-width: 1100px) {
	.pfx-process__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* About Pixelfux: brand, values, process, and direct contact. */
.pfx-about-page {
	width: 100%;
	max-width: none;
	margin: 0;
}

.pfx-about-page > .wp-block-group {
	width: 100%;
	max-width: none;
	padding-inline: 1rem;
}

.pfx-about-page > .wp-block-group > .wp-block-group {
	width: min(100%, var(--pfx-header-container));
	max-width: var(--pfx-header-container);
	margin-inline: auto;
}

.pfx-about__eyebrow {
	margin-block: 0 var(--pfx-space-3);
	color: var(--pfx-red);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.pfx-about-hero {
	display: grid;
	align-items: center;
	min-height: 65svh;
	padding-block: clamp(5rem, 10vw, 9rem);
}

.pfx-about-hero__grid,
.pfx-about-intro__grid {
	display: grid;
	align-items: center;
	gap: clamp(3rem, 7vw, 8rem);
}

.pfx-about-hero__title {
	max-width: 14ch;
	margin-block: 0 var(--pfx-space-4);
	font-size: clamp(2.7rem, 7vw, 6rem);
	line-height: 1.02;
}

.pfx-about-hero__text {
	max-width: 60ch;
	margin: 0;
	font-size: clamp(1.05rem, 1.5vw, 1.25rem);
}

.pfx-about-hero__brand {
	display: grid;
	min-height: 280px;
	align-items: center;
	padding: clamp(1.5rem, 4vw, 4rem);
	border: 1px solid var(--pfx-border);
	background: var(--pfx-white);
}

.pfx-about-hero__logo,
.pfx-about-hero__logo img {
	display: block;
	width: 100%;
	max-width: 520px;
	margin: auto;
}

.pfx-about-intro,
.pfx-about-process {
	padding-block: clamp(4rem, 8vw, 8rem);
}

.pfx-about-intro {
	border-top: 1px solid var(--pfx-border);
}

.pfx-about-intro h2,
.pfx-about-process h2,
.pfx-about-values__heading {
	margin-block: 0 var(--pfx-space-4);
	font-size: clamp(2rem, 4vw, 3.5rem);
}

.pfx-about-intro__copy {
	max-width: 62ch;
	font-size: 1.075rem;
}

.pfx-about-intro__copy p:last-child { margin-bottom: 0; }

.pfx-about-values {
	padding-block: clamp(4rem, 8vw, 8rem);
	background: var(--pfx-gray);
}

.pfx-about-values__heading { max-width: 15ch; }

.pfx-about-values__grid {
	display: grid;
	gap: 1px;
	background: var(--pfx-border);
}

.pfx-about-values__item {
	min-height: 270px;
	padding: clamp(1.5rem, 3vw, 2.5rem);
	background: var(--pfx-white);
}

.pfx-about-values__number {
	margin-block: 0 var(--pfx-space-6);
	color: var(--pfx-red);
	font-size: 0.8rem;
	font-weight: 800;
}

.pfx-about-values__item h3 {
	margin-block: 0 var(--pfx-space-2);
	font-size: clamp(1.35rem, 2vw, 1.8rem);
}

.pfx-about-values__item p:last-child {
	max-width: 34ch;
	margin-bottom: 0;
}

.pfx-about-process__steps {
	display: grid;
	gap: 0;
	margin-top: var(--pfx-space-5);
}

.pfx-about-process__steps p {
	position: relative;
	margin: 0;
	padding: 1.25rem 2rem 1.25rem 0;
	border-top: 1px solid var(--pfx-border);
	font-size: 1.05rem;
	font-weight: 750;
}

.pfx-about-process__steps p::after {
	content: "→";
	position: absolute;
	right: 0;
	color: var(--pfx-red);
}

.pfx-about-process__steps p:last-child::after { content: none; }

.pfx-about-cta {
	padding-block: clamp(4rem, 8vw, 8rem);
	background: var(--pfx-black);
}

.pfx-about-cta h2 {
	max-width: 14ch;
	margin-block: 0 var(--pfx-space-4);
	color: var(--pfx-white);
	font-size: clamp(2.5rem, 5vw, 4.5rem);
}

.pfx-about-cta .wp-block-button.pfx-button--red .wp-block-button__link {
	border-color: var(--pfx-red) !important;
	background: var(--pfx-red) !important;
	color: var(--pfx-white) !important;
}

.pfx-about-cta .wp-block-button.pfx-button--red .wp-block-button__link:hover {
	border-color: var(--pfx-white) !important;
	background: var(--pfx-white) !important;
	color: var(--pfx-black) !important;
}

@media (min-width: 768px) {
	.pfx-about-page > .wp-block-group { padding-inline: 2rem; }
	.pfx-about-hero__grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); }
	.pfx-about-intro__grid { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); }
	.pfx-about-values__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 900px) {
	.pfx-about-process__steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.pfx-about-process__steps p { padding-inline: 0 1.5rem; }
}