/*! Phox Framework 1.1.3 - generated file, do not edit.
    Edit your tokens at Phox Framework in wp-admin; this file is rewritten on save. */

@layer phox {
:root {
		--pxf-primary: #1c6fb5;
		--pxf-primary-ultra-light: #eef6ff;
		--pxf-primary-light: #c5e2ff;
		--pxf-primary-semi-light: #84c0fd;
		--pxf-primary-semi-dark: #0d66ab;
		--pxf-primary-dark: #004478;
		--pxf-primary-ultra-dark: #00203d;
		--pxf-primary-hover: #15588f;
		--pxf-on-primary: #ffffff;
		--pxf-secondary: #f7f2e7;
		--pxf-secondary-ultra-light: #f6f5f2;
		--pxf-secondary-light: #e0ded8;
		--pxf-secondary-semi-light: #bebab2;
		--pxf-secondary-semi-dark: #676359;
		--pxf-secondary-dark: #46423a;
		--pxf-secondary-ultra-dark: #211f19;
		--pxf-secondary-hover: #e0dbd0;
		--pxf-on-secondary: #000000;
		--pxf-accent: #f8f3ea;
		--pxf-accent-ultra-light: #f6f5f2;
		--pxf-accent-light: #e0ded9;
		--pxf-accent-semi-light: #bebab3;
		--pxf-accent-semi-dark: #67635b;
		--pxf-accent-dark: #46423b;
		--pxf-accent-ultra-dark: #211f1a;
		--pxf-accent-hover: #e1dcd3;
		--pxf-on-accent: #000000;
		--pxf-base: #faf8f3;
		--pxf-base-ultra-light: #faf8f3;
		--pxf-base-light: #dfdedb;
		--pxf-base-semi-light: #bcbab7;
		--pxf-base-semi-dark: #65635f;
		--pxf-base-dark: #44423f;
		--pxf-base-ultra-dark: #201f1d;
		--pxf-base-hover: #e3e1dc;
		--pxf-on-base: #000000;
		--pxf-neutral: #dfdbd2;
		--pxf-neutral-ultra-light: #f6f5f2;
		--pxf-neutral-light: #dfdbd2;
		--pxf-neutral-semi-light: #bdbab3;
		--pxf-neutral-semi-dark: #66635b;
		--pxf-neutral-dark: #45423b;
		--pxf-neutral-ultra-dark: #211f1a;
		--pxf-neutral-hover: #c8c4bc;
		--pxf-on-neutral: #000000;
		--pxf-surface-dark: #2f2e2b;
		--pxf-on-surface-dark: #f6f5f3;
		--pxf-surface-dark-accent: #4d9be4;
		--pxf-surface-light: #e9e8e6;
		--pxf-on-surface-light: #201f1d;
		--pxf-surface-light-accent: #156ab0;
		--pxf-heading: #333a3d;
		--pxf-text: #535957;
		--pxf-muted: #747773;
		--pxf-link: #333a3d;
		--pxf-link-hover: #15588f;
		--pxf-h6: clamp(1.2rem, 1.1549rem + 0.1925vw, 1.3281rem);
		--pxf-h5: clamp(1.44rem, 1.3625rem + 0.3308vw, 1.6602rem);
		--pxf-h4: clamp(1.728rem, 1.6057rem + 0.5216vw, 2.0752rem);
		--pxf-h3: clamp(1.5rem, 1.456rem + 0.1878vw, 1.625rem);
		--pxf-h2: clamp(2.4883rem, 2.2228rem + 1.133vw, 3.2425rem);
		--pxf-h1: clamp(3rem, 2.5158rem + 2.0657vw, 4.375rem);
		--pxf-text-xs: clamp(0.6875rem, 0.6655rem + 0.0939vw, 0.75rem);
		--pxf-text-s: clamp(0.8125rem, 0.7905rem + 0.0939vw, 0.875rem);
		--pxf-text-m: clamp(1rem, 0.978rem + 0.0939vw, 1.0625rem);
		--pxf-text-l: clamp(1.2rem, 1.1549rem + 0.1925vw, 1.3281rem);
		--pxf-text-xl: clamp(1.44rem, 1.3625rem + 0.3308vw, 1.6602rem);
		--pxf-text-2xl: clamp(1.728rem, 1.6057rem + 0.5216vw, 2.0752rem);
		--pxf-line-height-body: 1.55;
		--pxf-line-height-heading: 1.04;
		--pxf-line-height-compact: 1.3;
		--pxf-font-heading: "Brejku Cormorant", Georgia, serif;
		--pxf-font-body: "Brejku DM Sans", Arial, sans-serif;
		--pxf-space-xs: clamp(0.2963rem, 0.2717rem + 0.105vw, 0.3662rem);
		--pxf-space-s: clamp(0.4444rem, 0.3946rem + 0.2126vw, 0.5859rem);
		--pxf-space-m: clamp(1rem, 0.8239rem + 0.7512vw, 1.5rem);
		--pxf-space-l: clamp(1.5rem, 1.1831rem + 1.3521vw, 2.4rem);
		--pxf-space-xl: clamp(2.25rem, 1.6901rem + 2.3887vw, 3.84rem);
		--pxf-space-2xl: clamp(3.375rem, 2.4rem + 4.16vw, 6.144rem);
		--pxf-space-3xl: clamp(5.0625rem, 3.3837rem + 7.163vw, 9.8304rem);
		--pxf-section-space: clamp(3rem, 1.9437rem + 4.507vw, 6rem);
		--pxf-radius-s: 2px;
		--pxf-radius-m: 4px;
		--pxf-radius-l: 8px;
		--pxf-radius-full: 9999px;
		--pxf-content-width: 83.75rem;
		--pxf-text-width: 65ch;
		--pxf-border-width-hairline: 1px;
		--pxf-border-width-thin: 2px;
		--pxf-border-width-thick: 4px;
		--pxf-border-width: 1px;
		--pxf-border-style: solid;
		--pxf-border-color: var(--pxf-neutral-light, #dfdbd2);
		--pxf-border: var(--pxf-border-width, 1px) var(--pxf-border-style, solid) var(--pxf-border-color, #dfdbd2);
		--pxf-rule-thickness: 1px;
		--pxf-rule-color: var(--pxf-neutral-light, #dfdbd2);
		--pxf-rule-space-above: var(--pxf-space-l);
		--pxf-rule-space-below: var(--pxf-space-l);
		--pxf-rule-gap: var(--pxf-space-m);
		--pxf-content-space: var(--pxf-space-m);
		--pxf-container-space: var(--pxf-space-l);
		--pxf-grid-space: var(--pxf-space-l);
		--pxf-grid-min: 20rem;
		--pxf-flex-min: 16rem;
		--pxf-btn-padding-x-m: var(--pxf-space-m);
		--pxf-btn-padding-x-s: calc(var(--pxf-space-m) / 1.2);
		--pxf-btn-padding-x-l: calc(var(--pxf-space-m) * 1.2);
		--pxf-btn-padding-y-m: var(--pxf-space-s);
		--pxf-btn-padding-y-s: calc(var(--pxf-space-s) / 1.2);
		--pxf-btn-padding-y-l: calc(var(--pxf-space-s) * 1.2);
		--pxf-btn-text-s: var(--pxf-text-xs);
		--pxf-btn-text-m: var(--pxf-text-s);
		--pxf-btn-text-l: var(--pxf-text-m);
		--pxf-btn-weight: 600;
		--pxf-btn-radius: var(--pxf-radius-s);
		--pxf-btn-border-width: 1px;
		--pxf-btn-transition: 160ms;
		--pxf-btn-focus-width: 2px;
		--pxf-el-surface: var(--pxf-base-ultra-light);
		--pxf-el-base: var(--pxf-base);
		--pxf-el-primary: var(--pxf-primary);
		--pxf-el-neutral-light: var(--pxf-neutral-light);
		--pxf-el-ground: var(--pxf-base-ultra-light);
		--pxf-el-raised: var(--pxf-base-light);
		--pxf-el-text: var(--pxf-text);
		--pxf-el-heading: var(--pxf-heading);
		--pxf-el-muted: var(--pxf-muted);
		--pxf-el-on-base: var(--pxf-on-base);
		--pxf-el-on-primary: var(--pxf-on-primary);
	}

:root {
		--pxf-prose-space: var(--pxf-space-m, clamp(1rem, 0.8239rem + 0.7512vw, 1.5rem));
		--pxf-prose-heading: var(--pxf-space-l, clamp(1.5rem, 1.1831rem + 1.3521vw, 2.4rem));
		--pxf-prose-tight: var(--pxf-space-s, clamp(0.4444rem, 0.3946rem + 0.2126vw, 0.5859rem));
	}

	.breakdance-rich-text-styles > *,
	.entry-content > * {
		margin-block: 0;
	}

	.breakdance-rich-text-styles > * + *,
	.entry-content > * + * {
		margin-block-start: var(--pxf-prose-space);
	}

	.breakdance-rich-text-styles > * + :is(h1, h2, h3, h4, h5, h6),
	.entry-content > * + :is(h1, h2, h3, h4, h5, h6) {
		margin-block-start: var(--pxf-prose-heading);
	}

	.breakdance-rich-text-styles > :is(h1, h2, h3, h4, h5, h6) + *,
	.entry-content > :is(h1, h2, h3, h4, h5, h6) + * {
		margin-block-start: var(--pxf-prose-tight);
	}

.pxf-border {
		border: var(--pxf-border, var(--pxf-border-width, 1px) var(--pxf-border-style, solid) var(--pxf-border-color, #dfdbd2));
	}
	.pxf-border--top {
		border-block-start: var(--pxf-border, var(--pxf-border-width, 1px) var(--pxf-border-style, solid) var(--pxf-border-color, #dfdbd2));
	}
	.pxf-border--bottom {
		border-block-end: var(--pxf-border, var(--pxf-border-width, 1px) var(--pxf-border-style, solid) var(--pxf-border-color, #dfdbd2));
	}
	.pxf-border--start {
		border-inline-start: var(--pxf-border, var(--pxf-border-width, 1px) var(--pxf-border-style, solid) var(--pxf-border-color, #dfdbd2));
	}
	.pxf-border--end {
		border-inline-end: var(--pxf-border, var(--pxf-border-width, 1px) var(--pxf-border-style, solid) var(--pxf-border-color, #dfdbd2));
	}
	.pxf-border--hairline {
		border-width: var(--pxf-border-width-hairline, 1px);
	}
	.pxf-border--thin {
		border-width: var(--pxf-border-width-thin, 2px);
	}
	.pxf-border--thick {
		border-width: var(--pxf-border-width-thick, 4px);
	}
	.pxf-border--none {
		border: 0;
	}

.pxf-rule {
		border: 0;
		display: block;
		inline-size: 100%;
		block-size: var(--pxf-rule-thickness, 1px);
		background-color: var(--pxf-rule-color, var(--pxf-neutral-light, #dfdbd2));
		margin-block-start: var(--pxf-rule-space-above, var(--pxf-space-l));
		margin-block-end: var(--pxf-rule-space-below, var(--pxf-space-l));
	}
	.pxf-rule--text {
		display: flex;
		align-items: center;
		gap: var(--pxf-rule-gap, var(--pxf-space-m));
		block-size: auto;
		background-color: transparent;
		color: var(--pxf-muted, #747773);
	}
	.pxf-rule--text::before, .pxf-rule--text::after {
		content: "";
		flex: 1 1 0;
		block-size: var(--pxf-rule-thickness, 1px);
		background-color: var(--pxf-rule-color, var(--pxf-neutral-light, #dfdbd2));
	}
	.pxf-rule--fade {
		background-color: transparent;
		background-image: linear-gradient(to right, transparent, var(--pxf-rule-color, var(--pxf-neutral-light, #dfdbd2)), transparent);
	}
	.pxf-rule--tight {
		margin-block: 0;
	}

.pxf-flow > * {
		margin-block: 0;
	}

	.pxf-flow > * + * {
		margin-block-start: var(--pxf-flow-space, var(--pxf-content-space, var(--pxf-space-m, clamp(1rem, 0.8239rem + 0.7512vw, 1.5rem))));
	}

	.pxf-box {
		padding: var(--pxf-box-space, var(--pxf-container-space, var(--pxf-space-l, clamp(1.5rem, 1.1831rem + 1.3521vw, 2.4rem))));
	}

	.pxf-section {
		padding-block: var(--pxf-section-pad, var(--pxf-section-space, clamp(3rem, 1.9437rem + 4.507vw, 6rem)));
	}

.pxf-grid {
		--pxf-grid-track-min: var(--pxf-grid-item-min, var(--pxf-grid-min, 20rem));
		display: grid;
		gap: var(--pxf-grid-gap, var(--pxf-grid-space, var(--pxf-space-l, clamp(1.5rem, 1.1831rem + 1.3521vw, 2.4rem))));
		grid-template-columns: repeat(auto-fit, minmax(min(var(--pxf-grid-track-min), 100%), 1fr));
	}

	.pxf-grid--even:has(> :nth-child(4):last-child) {
		--pxf-grid-track-min: max(var(--pxf-grid-item-min, var(--pxf-grid-min, 20rem)), calc((100% - 2 * var(--pxf-grid-gap, var(--pxf-grid-space, var(--pxf-space-l, clamp(1.5rem, 1.1831rem + 1.3521vw, 2.4rem))))) / 3 + 1px));
	}

	.pxf-grid--even:has(> :nth-child(6):last-child) {
		--pxf-grid-track-min: max(var(--pxf-grid-item-min, var(--pxf-grid-min, 20rem)), calc((100% - 3 * var(--pxf-grid-gap, var(--pxf-grid-space, var(--pxf-space-l, clamp(1.5rem, 1.1831rem + 1.3521vw, 2.4rem))))) / 4 + 1px));
	}

	.pxf-grid--even:has(> :nth-child(8):last-child) {
		--pxf-grid-track-min: max(var(--pxf-grid-item-min, var(--pxf-grid-min, 20rem)), calc((100% - 4 * var(--pxf-grid-gap, var(--pxf-grid-space, var(--pxf-space-l, clamp(1.5rem, 1.1831rem + 1.3521vw, 2.4rem))))) / 5 + 1px));
	}

	.pxf-grid--even:has(> :nth-child(9):last-child) {
		--pxf-grid-track-min: max(var(--pxf-grid-item-min, var(--pxf-grid-min, 20rem)), calc((100% - 3 * var(--pxf-grid-gap, var(--pxf-grid-space, var(--pxf-space-l, clamp(1.5rem, 1.1831rem + 1.3521vw, 2.4rem))))) / 4 + 1px));
	}

	.pxf-flex-grid {
		display: flex;
		flex-wrap: wrap;
		gap: var(--pxf-grid-gap, var(--pxf-grid-space, var(--pxf-space-l, clamp(1.5rem, 1.1831rem + 1.3521vw, 2.4rem))));
	}

	.pxf-flex-grid > * {
		flex: 1 1 min(var(--pxf-flex-item-min, var(--pxf-flex-min, 16rem)), 100%);
	}

	.pxf-flex-grid--center {
		justify-content: center;
	}

	.pxf-flex-grid--center > * {
		flex-grow: 0;
	}

	.pxf-content-grid {
		display: grid;
		column-gap: 0;
		row-gap: var(--pxf-grid-gap, var(--pxf-grid-space, var(--pxf-space-l, clamp(1.5rem, 1.1831rem + 1.3521vw, 2.4rem))));
		grid-template-columns:
			[full-start] minmax(var(--pxf-container-space, var(--pxf-space-m, clamp(1rem, 0.8239rem + 0.7512vw, 1.5rem))), 1fr)
			[breakout-start] minmax(0px, max(0px, calc((var(--pxf-content-width, 83.75rem) - var(--pxf-text-width, 65ch)) / 2)))
			[content-start] min(100% - (var(--pxf-container-space, var(--pxf-space-m, clamp(1rem, 0.8239rem + 0.7512vw, 1.5rem))) * 2), var(--pxf-text-width, 65ch)) [content-end]
			minmax(0px, max(0px, calc((var(--pxf-content-width, 83.75rem) - var(--pxf-text-width, 65ch)) / 2))) [breakout-end]
			minmax(var(--pxf-container-space, var(--pxf-space-m, clamp(1rem, 0.8239rem + 0.7512vw, 1.5rem))), 1fr) [full-end];
	}

	.pxf-content-grid > *:not(.pxf-breakout):not(.pxf-full) {
		grid-column: content;
	}

	.pxf-content-grid > .pxf-breakout {
		grid-column: breakout;
	}

	.pxf-content-grid > .pxf-full {
		grid-column: full;
	}

.pxf-bg--primary {
		background-color: var(--pxf-primary);
		color: var(--pxf-on-primary);
		--pxf-heading: #f6f5f0;
		--pxf-text: #dedcd7;
		--pxf-muted: #aca9a0;
		--pxf-link: #61aef9;
		--pxf-link-hover: #90c7ff;
		color: var(--pxf-text);
	}
	.pxf-text--primary {
		color: var(--pxf-primary);
	}
	.pxf-bg--primary--ultra-light {
		background-color: var(--pxf-primary-ultra-light);
		color: var(--pxf-on-primary);
	}
	.pxf-text--primary--ultra-light {
		color: var(--pxf-primary-ultra-light);
	}
	.pxf-bg--primary--light {
		background-color: var(--pxf-primary-light);
		color: var(--pxf-on-primary);
	}
	.pxf-text--primary--light {
		color: var(--pxf-primary-light);
	}
	.pxf-bg--primary--semi-light {
		background-color: var(--pxf-primary-semi-light);
		color: var(--pxf-on-primary);
	}
	.pxf-text--primary--semi-light {
		color: var(--pxf-primary-semi-light);
	}
	.pxf-bg--primary--semi-dark {
		background-color: var(--pxf-primary-semi-dark);
		color: var(--pxf-on-primary);
		--pxf-heading: #f6f5f0;
		--pxf-text: #dedcd7;
		--pxf-muted: #aca9a0;
		--pxf-link: #61aef9;
		--pxf-link-hover: #90c7ff;
		color: var(--pxf-text);
	}
	.pxf-text--primary--semi-dark {
		color: var(--pxf-primary-semi-dark);
	}
	.pxf-bg--primary--dark {
		background-color: var(--pxf-primary-dark);
		color: var(--pxf-on-primary);
		--pxf-heading: #f6f5f0;
		--pxf-text: #dedcd7;
		--pxf-muted: #aca9a0;
		--pxf-link: #61aef9;
		--pxf-link-hover: #90c7ff;
		color: var(--pxf-text);
	}
	.pxf-text--primary--dark {
		color: var(--pxf-primary-dark);
	}
	.pxf-bg--primary--ultra-dark {
		background-color: var(--pxf-primary-ultra-dark);
		color: var(--pxf-on-primary);
		--pxf-heading: #f6f5f0;
		--pxf-text: #dedcd7;
		--pxf-muted: #aca9a0;
		--pxf-link: #61aef9;
		--pxf-link-hover: #90c7ff;
		color: var(--pxf-text);
	}
	.pxf-text--primary--ultra-dark {
		color: var(--pxf-primary-ultra-dark);
	}
	.pxf-bg--secondary {
		background-color: var(--pxf-secondary);
		color: var(--pxf-on-secondary);
	}
	.pxf-text--secondary {
		color: var(--pxf-secondary);
	}
	.pxf-bg--secondary--ultra-light {
		background-color: var(--pxf-secondary-ultra-light);
		color: var(--pxf-on-secondary);
	}
	.pxf-text--secondary--ultra-light {
		color: var(--pxf-secondary-ultra-light);
	}
	.pxf-bg--secondary--light {
		background-color: var(--pxf-secondary-light);
		color: var(--pxf-on-secondary);
	}
	.pxf-text--secondary--light {
		color: var(--pxf-secondary-light);
	}
	.pxf-bg--secondary--semi-light {
		background-color: var(--pxf-secondary-semi-light);
		color: var(--pxf-on-secondary);
	}
	.pxf-text--secondary--semi-light {
		color: var(--pxf-secondary-semi-light);
	}
	.pxf-bg--secondary--semi-dark {
		background-color: var(--pxf-secondary-semi-dark);
		color: var(--pxf-on-secondary);
		--pxf-heading: #f6f5f0;
		--pxf-text: #dedcd7;
		--pxf-muted: #aca9a0;
		--pxf-link: #61aef9;
		--pxf-link-hover: #90c7ff;
		color: var(--pxf-text);
	}
	.pxf-text--secondary--semi-dark {
		color: var(--pxf-secondary-semi-dark);
	}
	.pxf-bg--secondary--dark {
		background-color: var(--pxf-secondary-dark);
		color: var(--pxf-on-secondary);
		--pxf-heading: #f6f5f0;
		--pxf-text: #dedcd7;
		--pxf-muted: #aca9a0;
		--pxf-link: #61aef9;
		--pxf-link-hover: #90c7ff;
		color: var(--pxf-text);
	}
	.pxf-text--secondary--dark {
		color: var(--pxf-secondary-dark);
	}
	.pxf-bg--secondary--ultra-dark {
		background-color: var(--pxf-secondary-ultra-dark);
		color: var(--pxf-on-secondary);
		--pxf-heading: #f6f5f0;
		--pxf-text: #dedcd7;
		--pxf-muted: #aca9a0;
		--pxf-link: #61aef9;
		--pxf-link-hover: #90c7ff;
		color: var(--pxf-text);
	}
	.pxf-text--secondary--ultra-dark {
		color: var(--pxf-secondary-ultra-dark);
	}
	.pxf-bg--accent {
		background-color: var(--pxf-accent);
		color: var(--pxf-on-accent);
	}
	.pxf-text--accent {
		color: var(--pxf-accent);
	}
	.pxf-bg--accent--ultra-light {
		background-color: var(--pxf-accent-ultra-light);
		color: var(--pxf-on-accent);
	}
	.pxf-text--accent--ultra-light {
		color: var(--pxf-accent-ultra-light);
	}
	.pxf-bg--accent--light {
		background-color: var(--pxf-accent-light);
		color: var(--pxf-on-accent);
	}
	.pxf-text--accent--light {
		color: var(--pxf-accent-light);
	}
	.pxf-bg--accent--semi-light {
		background-color: var(--pxf-accent-semi-light);
		color: var(--pxf-on-accent);
	}
	.pxf-text--accent--semi-light {
		color: var(--pxf-accent-semi-light);
	}
	.pxf-bg--accent--semi-dark {
		background-color: var(--pxf-accent-semi-dark);
		color: var(--pxf-on-accent);
		--pxf-heading: #f6f5f0;
		--pxf-text: #dedcd7;
		--pxf-muted: #aca9a0;
		--pxf-link: #61aef9;
		--pxf-link-hover: #90c7ff;
		color: var(--pxf-text);
	}
	.pxf-text--accent--semi-dark {
		color: var(--pxf-accent-semi-dark);
	}
	.pxf-bg--accent--dark {
		background-color: var(--pxf-accent-dark);
		color: var(--pxf-on-accent);
		--pxf-heading: #f6f5f0;
		--pxf-text: #dedcd7;
		--pxf-muted: #aca9a0;
		--pxf-link: #61aef9;
		--pxf-link-hover: #90c7ff;
		color: var(--pxf-text);
	}
	.pxf-text--accent--dark {
		color: var(--pxf-accent-dark);
	}
	.pxf-bg--accent--ultra-dark {
		background-color: var(--pxf-accent-ultra-dark);
		color: var(--pxf-on-accent);
		--pxf-heading: #f6f5f0;
		--pxf-text: #dedcd7;
		--pxf-muted: #aca9a0;
		--pxf-link: #61aef9;
		--pxf-link-hover: #90c7ff;
		color: var(--pxf-text);
	}
	.pxf-text--accent--ultra-dark {
		color: var(--pxf-accent-ultra-dark);
	}
	.pxf-bg--base {
		background-color: var(--pxf-base);
		color: var(--pxf-on-base);
	}
	.pxf-text--base {
		color: var(--pxf-base);
	}
	.pxf-bg--base--ultra-light {
		background-color: var(--pxf-base-ultra-light);
		color: var(--pxf-on-base);
	}
	.pxf-text--base--ultra-light {
		color: var(--pxf-base-ultra-light);
	}
	.pxf-bg--base--light {
		background-color: var(--pxf-base-light);
		color: var(--pxf-on-base);
	}
	.pxf-text--base--light {
		color: var(--pxf-base-light);
	}
	.pxf-bg--base--semi-light {
		background-color: var(--pxf-base-semi-light);
		color: var(--pxf-on-base);
	}
	.pxf-text--base--semi-light {
		color: var(--pxf-base-semi-light);
	}
	.pxf-bg--base--semi-dark {
		background-color: var(--pxf-base-semi-dark);
		color: var(--pxf-on-base);
		--pxf-heading: #f6f5f0;
		--pxf-text: #dedcd7;
		--pxf-muted: #aca9a0;
		--pxf-link: #61aef9;
		--pxf-link-hover: #90c7ff;
		color: var(--pxf-text);
	}
	.pxf-text--base--semi-dark {
		color: var(--pxf-base-semi-dark);
	}
	.pxf-bg--base--dark {
		background-color: var(--pxf-base-dark);
		color: var(--pxf-on-base);
		--pxf-heading: #f6f5f0;
		--pxf-text: #dedcd7;
		--pxf-muted: #aca9a0;
		--pxf-link: #61aef9;
		--pxf-link-hover: #90c7ff;
		color: var(--pxf-text);
	}
	.pxf-text--base--dark {
		color: var(--pxf-base-dark);
	}
	.pxf-bg--base--ultra-dark {
		background-color: var(--pxf-base-ultra-dark);
		color: var(--pxf-on-base);
		--pxf-heading: #f6f5f0;
		--pxf-text: #dedcd7;
		--pxf-muted: #aca9a0;
		--pxf-link: #61aef9;
		--pxf-link-hover: #90c7ff;
		color: var(--pxf-text);
	}
	.pxf-text--base--ultra-dark {
		color: var(--pxf-base-ultra-dark);
	}
	.pxf-bg--neutral {
		background-color: var(--pxf-neutral);
		color: var(--pxf-on-neutral);
	}
	.pxf-text--neutral {
		color: var(--pxf-neutral);
	}
	.pxf-bg--neutral--ultra-light {
		background-color: var(--pxf-neutral-ultra-light);
		color: var(--pxf-on-neutral);
	}
	.pxf-text--neutral--ultra-light {
		color: var(--pxf-neutral-ultra-light);
	}
	.pxf-bg--neutral--light {
		background-color: var(--pxf-neutral-light);
		color: var(--pxf-on-neutral);
	}
	.pxf-text--neutral--light {
		color: var(--pxf-neutral-light);
	}
	.pxf-bg--neutral--semi-light {
		background-color: var(--pxf-neutral-semi-light);
		color: var(--pxf-on-neutral);
	}
	.pxf-text--neutral--semi-light {
		color: var(--pxf-neutral-semi-light);
	}
	.pxf-bg--neutral--semi-dark {
		background-color: var(--pxf-neutral-semi-dark);
		color: var(--pxf-on-neutral);
		--pxf-heading: #f6f5f0;
		--pxf-text: #dedcd7;
		--pxf-muted: #aca9a0;
		--pxf-link: #61aef9;
		--pxf-link-hover: #90c7ff;
		color: var(--pxf-text);
	}
	.pxf-text--neutral--semi-dark {
		color: var(--pxf-neutral-semi-dark);
	}
	.pxf-bg--neutral--dark {
		background-color: var(--pxf-neutral-dark);
		color: var(--pxf-on-neutral);
		--pxf-heading: #f6f5f0;
		--pxf-text: #dedcd7;
		--pxf-muted: #aca9a0;
		--pxf-link: #61aef9;
		--pxf-link-hover: #90c7ff;
		color: var(--pxf-text);
	}
	.pxf-text--neutral--dark {
		color: var(--pxf-neutral-dark);
	}
	.pxf-bg--neutral--ultra-dark {
		background-color: var(--pxf-neutral-ultra-dark);
		color: var(--pxf-on-neutral);
		--pxf-heading: #f6f5f0;
		--pxf-text: #dedcd7;
		--pxf-muted: #aca9a0;
		--pxf-link: #61aef9;
		--pxf-link-hover: #90c7ff;
		color: var(--pxf-text);
	}
	.pxf-text--neutral--ultra-dark {
		color: var(--pxf-neutral-ultra-dark);
	}
	.pxf-pad--xs {
		padding: var(--pxf-space-xs);
	}
	.pxf-gap--xs {
		gap: var(--pxf-space-xs);
	}
	.pxf-pad--s {
		padding: var(--pxf-space-s);
	}
	.pxf-gap--s {
		gap: var(--pxf-space-s);
	}
	.pxf-pad--m {
		padding: var(--pxf-space-m);
	}
	.pxf-gap--m {
		gap: var(--pxf-space-m);
	}
	.pxf-pad--l {
		padding: var(--pxf-space-l);
	}
	.pxf-gap--l {
		gap: var(--pxf-space-l);
	}
	.pxf-pad--xl {
		padding: var(--pxf-space-xl);
	}
	.pxf-gap--xl {
		gap: var(--pxf-space-xl);
	}
	.pxf-pad--2xl {
		padding: var(--pxf-space-2xl);
	}
	.pxf-gap--2xl {
		gap: var(--pxf-space-2xl);
	}
	.pxf-pad--3xl {
		padding: var(--pxf-space-3xl);
	}
	.pxf-gap--3xl {
		gap: var(--pxf-space-3xl);
	}
	.pxf-pad-section {
		padding-block: var(--pxf-section-space);
	}
	.pxf-text--xs {
		font-size: var(--pxf-text-xs);
	}
	.pxf-text--s {
		font-size: var(--pxf-text-s);
	}
	.pxf-text--m {
		font-size: var(--pxf-text-m);
	}
	.pxf-text--l {
		font-size: var(--pxf-text-l);
	}
	.pxf-text--xl {
		font-size: var(--pxf-text-xl);
	}
	.pxf-text--2xl {
		font-size: var(--pxf-text-2xl);
	}
	.pxf-container {
		width: min(100% - (var(--pxf-space-m) * 2), var(--pxf-content-width));
		margin-inline: auto;
	}
	.pxf-measure {
		max-width: var(--pxf-text-width);
	}
	.pxf-radius--s {
		border-radius: var(--pxf-radius-s);
	}
	.pxf-radius--m {
		border-radius: var(--pxf-radius-m);
	}
	.pxf-radius--l {
		border-radius: var(--pxf-radius-l);
	}

.pxf-border-color--primary {
		border-color: var(--pxf-primary, #1c6fb5);
	}
	.pxf-border-color--primary--ultra-light {
		border-color: var(--pxf-primary-ultra-light, #eef6ff);
	}
	.pxf-border-color--primary--light {
		border-color: var(--pxf-primary-light, #c5e2ff);
	}
	.pxf-border-color--primary--semi-light {
		border-color: var(--pxf-primary-semi-light, #84c0fd);
	}
	.pxf-border-color--primary--semi-dark {
		border-color: var(--pxf-primary-semi-dark, #0d66ab);
	}
	.pxf-border-color--primary--dark {
		border-color: var(--pxf-primary-dark, #004478);
	}
	.pxf-border-color--primary--ultra-dark {
		border-color: var(--pxf-primary-ultra-dark, #00203d);
	}
	.pxf-border-color--secondary {
		border-color: var(--pxf-secondary, #f7f2e7);
	}
	.pxf-border-color--secondary--ultra-light {
		border-color: var(--pxf-secondary-ultra-light, #f6f5f2);
	}
	.pxf-border-color--secondary--light {
		border-color: var(--pxf-secondary-light, #e0ded8);
	}
	.pxf-border-color--secondary--semi-light {
		border-color: var(--pxf-secondary-semi-light, #bebab2);
	}
	.pxf-border-color--secondary--semi-dark {
		border-color: var(--pxf-secondary-semi-dark, #676359);
	}
	.pxf-border-color--secondary--dark {
		border-color: var(--pxf-secondary-dark, #46423a);
	}
	.pxf-border-color--secondary--ultra-dark {
		border-color: var(--pxf-secondary-ultra-dark, #211f19);
	}
	.pxf-border-color--accent {
		border-color: var(--pxf-accent, #f8f3ea);
	}
	.pxf-border-color--accent--ultra-light {
		border-color: var(--pxf-accent-ultra-light, #f6f5f2);
	}
	.pxf-border-color--accent--light {
		border-color: var(--pxf-accent-light, #e0ded9);
	}
	.pxf-border-color--accent--semi-light {
		border-color: var(--pxf-accent-semi-light, #bebab3);
	}
	.pxf-border-color--accent--semi-dark {
		border-color: var(--pxf-accent-semi-dark, #67635b);
	}
	.pxf-border-color--accent--dark {
		border-color: var(--pxf-accent-dark, #46423b);
	}
	.pxf-border-color--accent--ultra-dark {
		border-color: var(--pxf-accent-ultra-dark, #211f1a);
	}
	.pxf-border-color--base {
		border-color: var(--pxf-base, #faf8f3);
	}
	.pxf-border-color--base--ultra-light {
		border-color: var(--pxf-base-ultra-light, #faf8f3);
	}
	.pxf-border-color--base--light {
		border-color: var(--pxf-base-light, #dfdedb);
	}
	.pxf-border-color--base--semi-light {
		border-color: var(--pxf-base-semi-light, #bcbab7);
	}
	.pxf-border-color--base--semi-dark {
		border-color: var(--pxf-base-semi-dark, #65635f);
	}
	.pxf-border-color--base--dark {
		border-color: var(--pxf-base-dark, #44423f);
	}
	.pxf-border-color--base--ultra-dark {
		border-color: var(--pxf-base-ultra-dark, #201f1d);
	}
	.pxf-border-color--neutral {
		border-color: var(--pxf-neutral, #dfdbd2);
	}
	.pxf-border-color--neutral--ultra-light {
		border-color: var(--pxf-neutral-ultra-light, #f6f5f2);
	}
	.pxf-border-color--neutral--light {
		border-color: var(--pxf-neutral-light, #dfdbd2);
	}
	.pxf-border-color--neutral--semi-light {
		border-color: var(--pxf-neutral-semi-light, #bdbab3);
	}
	.pxf-border-color--neutral--semi-dark {
		border-color: var(--pxf-neutral-semi-dark, #66635b);
	}
	.pxf-border-color--neutral--dark {
		border-color: var(--pxf-neutral-dark, #45423b);
	}
	.pxf-border-color--neutral--ultra-dark {
		border-color: var(--pxf-neutral-ultra-dark, #211f1a);
	}
}

.pxf-btn {
		appearance: none;
		box-sizing: border-box;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: var(--pxf-space-xs, clamp(0.2963rem, 0.2717rem + 0.105vw, 0.3662rem));
		margin: 0;
		padding: var(--pxf-btn-padding-y-m, var(--pxf-space-s)) var(--pxf-btn-padding-x-m, var(--pxf-space-m));
		border: var(--pxf-btn-border-width, 1px) solid var(--pxf-btn-border-color, var(--pxf-primary));
		border-radius: var(--pxf-btn-radius, var(--pxf-radius-s));
		background-color: var(--pxf-btn-bg, var(--pxf-primary));
		color: var(--pxf-btn-fg, var(--pxf-on-primary));
		font-family: inherit;
		font-size: var(--pxf-btn-text-m, var(--pxf-text-s));
		font-weight: var(--pxf-btn-weight, 600);
		line-height: var(--pxf-line-height-heading, 1.04);
		text-align: center;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		transition: background-color var(--pxf-btn-transition, 160ms) ease, border-color var(--pxf-btn-transition, 160ms) ease, color var(--pxf-btn-transition, 160ms) ease, outline-color var(--pxf-btn-transition, 160ms) ease;
	}

	.pxf-btn--s {
		padding: var(--pxf-btn-padding-y-s, calc(var(--pxf-space-s) / 1.2)) var(--pxf-btn-padding-x-s, calc(var(--pxf-space-m) / 1.2));
		font-size: var(--pxf-btn-text-s, var(--pxf-text-xs));
	}

	.pxf-btn--m {
		padding: var(--pxf-btn-padding-y-m, var(--pxf-space-s)) var(--pxf-btn-padding-x-m, var(--pxf-space-m));
		font-size: var(--pxf-btn-text-m, var(--pxf-text-s));
	}

	.pxf-btn--l {
		padding: var(--pxf-btn-padding-y-l, calc(var(--pxf-space-s) * 1.2)) var(--pxf-btn-padding-x-l, calc(var(--pxf-space-m) * 1.2));
		font-size: var(--pxf-btn-text-l, var(--pxf-text-m));
	}

	.pxf-btn--primary {
		--pxf-btn-bg: var(--pxf-primary);
		--pxf-btn-fg: var(--pxf-on-primary);
		--pxf-btn-border-color: var(--pxf-primary);
		--pxf-btn-ring: var(--pxf-primary);
		--pxf-btn-bg-hover: var(--pxf-primary-hover);
		--pxf-btn-border-hover: var(--pxf-primary-hover);
	}

	.pxf-btn--outline,
	.pxf-btn--outline--primary {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-primary);
		--pxf-btn-border-color: var(--pxf-primary);
		--pxf-btn-ring: var(--pxf-primary);
		--pxf-btn-bg-hover: var(--pxf-primary);
		--pxf-btn-fg-hover: var(--pxf-on-primary);
	}

	.pxf-btn--ghost,
	.pxf-btn--ghost--primary {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-primary);
		--pxf-btn-border-color: transparent;
		--pxf-btn-ring: var(--pxf-primary);
		--pxf-btn-bg-hover: var(--pxf-primary-ultra-light);
		--pxf-btn-fg-hover: var(--pxf-primary-dark);
	}

	.pxf-btn--link--primary {
		--pxf-btn-bg: transparent;
		--pxf-btn-border-color: transparent;
		--pxf-btn-fg: var(--pxf-primary);
		--pxf-btn-fg-hover: var(--pxf-primary-hover);
		--pxf-btn-ring: var(--pxf-primary);
	}

	.pxf-btn--secondary {
		--pxf-btn-bg: var(--pxf-secondary);
		--pxf-btn-fg: var(--pxf-on-secondary);
		--pxf-btn-border-color: var(--pxf-secondary);
		--pxf-btn-ring: var(--pxf-secondary);
		--pxf-btn-bg-hover: var(--pxf-secondary-hover);
		--pxf-btn-border-hover: var(--pxf-secondary-hover);
	}

	.pxf-btn--outline--secondary {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-secondary);
		--pxf-btn-border-color: var(--pxf-secondary);
		--pxf-btn-ring: var(--pxf-secondary);
		--pxf-btn-bg-hover: var(--pxf-secondary);
		--pxf-btn-fg-hover: var(--pxf-on-secondary);
	}

	.pxf-btn--ghost--secondary {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-secondary);
		--pxf-btn-border-color: transparent;
		--pxf-btn-ring: var(--pxf-secondary);
		--pxf-btn-bg-hover: var(--pxf-secondary-ultra-light);
		--pxf-btn-fg-hover: var(--pxf-secondary-dark);
	}

	.pxf-btn--link--secondary {
		--pxf-btn-bg: transparent;
		--pxf-btn-border-color: transparent;
		--pxf-btn-fg: var(--pxf-secondary);
		--pxf-btn-fg-hover: var(--pxf-secondary-hover);
		--pxf-btn-ring: var(--pxf-secondary);
	}

	.pxf-btn--accent {
		--pxf-btn-bg: var(--pxf-accent);
		--pxf-btn-fg: var(--pxf-on-accent);
		--pxf-btn-border-color: var(--pxf-accent);
		--pxf-btn-ring: var(--pxf-accent);
		--pxf-btn-bg-hover: var(--pxf-accent-hover);
		--pxf-btn-border-hover: var(--pxf-accent-hover);
	}

	.pxf-btn--outline--accent {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-accent);
		--pxf-btn-border-color: var(--pxf-accent);
		--pxf-btn-ring: var(--pxf-accent);
		--pxf-btn-bg-hover: var(--pxf-accent);
		--pxf-btn-fg-hover: var(--pxf-on-accent);
	}

	.pxf-btn--ghost--accent {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-accent);
		--pxf-btn-border-color: transparent;
		--pxf-btn-ring: var(--pxf-accent);
		--pxf-btn-bg-hover: var(--pxf-accent-ultra-light);
		--pxf-btn-fg-hover: var(--pxf-accent-dark);
	}

	.pxf-btn--link--accent {
		--pxf-btn-bg: transparent;
		--pxf-btn-border-color: transparent;
		--pxf-btn-fg: var(--pxf-accent);
		--pxf-btn-fg-hover: var(--pxf-accent-hover);
		--pxf-btn-ring: var(--pxf-accent);
	}

	.pxf-btn--base {
		--pxf-btn-bg: var(--pxf-base);
		--pxf-btn-fg: var(--pxf-on-base);
		--pxf-btn-border-color: var(--pxf-base);
		--pxf-btn-ring: var(--pxf-base);
		--pxf-btn-bg-hover: var(--pxf-base-hover);
		--pxf-btn-border-hover: var(--pxf-base-hover);
	}

	.pxf-btn--outline--base {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-base);
		--pxf-btn-border-color: var(--pxf-base);
		--pxf-btn-ring: var(--pxf-base);
		--pxf-btn-bg-hover: var(--pxf-base);
		--pxf-btn-fg-hover: var(--pxf-on-base);
	}

	.pxf-btn--ghost--base {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-base);
		--pxf-btn-border-color: transparent;
		--pxf-btn-ring: var(--pxf-base);
		--pxf-btn-bg-hover: var(--pxf-base-ultra-light);
		--pxf-btn-fg-hover: var(--pxf-base-dark);
	}

	.pxf-btn--link--base {
		--pxf-btn-bg: transparent;
		--pxf-btn-border-color: transparent;
		--pxf-btn-fg: var(--pxf-base);
		--pxf-btn-fg-hover: var(--pxf-base-hover);
		--pxf-btn-ring: var(--pxf-base);
	}

	.pxf-btn--neutral {
		--pxf-btn-bg: var(--pxf-neutral);
		--pxf-btn-fg: var(--pxf-on-neutral);
		--pxf-btn-border-color: var(--pxf-neutral);
		--pxf-btn-ring: var(--pxf-neutral);
		--pxf-btn-bg-hover: var(--pxf-neutral-hover);
		--pxf-btn-border-hover: var(--pxf-neutral-hover);
	}

	.pxf-btn--outline--neutral {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-neutral);
		--pxf-btn-border-color: var(--pxf-neutral);
		--pxf-btn-ring: var(--pxf-neutral);
		--pxf-btn-bg-hover: var(--pxf-neutral);
		--pxf-btn-fg-hover: var(--pxf-on-neutral);
	}

	.pxf-btn--ghost--neutral {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-neutral);
		--pxf-btn-border-color: transparent;
		--pxf-btn-ring: var(--pxf-neutral);
		--pxf-btn-bg-hover: var(--pxf-neutral-ultra-light);
		--pxf-btn-fg-hover: var(--pxf-neutral-dark);
	}

	.pxf-btn--link--neutral {
		--pxf-btn-bg: transparent;
		--pxf-btn-border-color: transparent;
		--pxf-btn-fg: var(--pxf-neutral);
		--pxf-btn-fg-hover: var(--pxf-neutral-hover);
		--pxf-btn-ring: var(--pxf-neutral);
	}

	.pxf-btn--link {
		--pxf-btn-bg: transparent;
		--pxf-btn-border-color: transparent;
		--pxf-btn-fg: var(--pxf-link);
		--pxf-btn-fg-hover: var(--pxf-link-hover);
		--pxf-btn-ring: var(--pxf-link);
	}

	.pxf-btn--link,
	.pxf-btn--link--primary,
	.pxf-btn--link--secondary,
	.pxf-btn--link--accent,
	.pxf-btn--link--base,
	.pxf-btn--link--neutral {
		padding: 0;
		border-width: 0;
		text-decoration: underline;
	}

	.pxf-btn:hover {
		background-color: var(--pxf-btn-bg-hover, var(--pxf-btn-bg, var(--pxf-primary-hover)));
		border-color: var(--pxf-btn-border-hover, var(--pxf-btn-border-color, var(--pxf-primary-hover)));
		color: var(--pxf-btn-fg-hover, var(--pxf-btn-fg, var(--pxf-on-primary)));
	}

	.pxf-btn:active {
		transform: translateY(1px);
	}

	.pxf-btn:disabled,
	.pxf-btn[disabled],
	.pxf-btn[aria-disabled="true"] {
		background-color: var(--pxf-btn-bg, var(--pxf-primary));
		border-color: var(--pxf-btn-border-color, var(--pxf-primary));
		color: var(--pxf-btn-fg, var(--pxf-on-primary));
		opacity: 0.55;
		cursor: not-allowed;
		transform: none;
	}

	.pxf-btn:focus-visible {
		outline: var(--pxf-btn-focus-width, 2px) solid var(--pxf-btn-ring, var(--pxf-primary));
		outline-offset: var(--pxf-btn-focus-width, 2px);
	}

	@media (prefers-reduced-motion: reduce) {
		.pxf-btn {
			transition: none;
		}
	}

html:root {
	--pxf-heading: light-dark(#333a3d, #f6f5f0);
	--pxf-text: light-dark(#535957, #dedcd7);
	--pxf-muted: light-dark(#747773, #aca9a0);
	--pxf-link: light-dark(#333a3d, #61aef9);
	--pxf-link-hover: light-dark(#15588f, #90c7ff);
}

/*! Phox Framework contextual ink - unlayered on purpose, see build(). */
[data-pxf-context="light"] {
	color-scheme: light;
	--pxf-heading: #333a3d;
	--pxf-text: #535957;
	--pxf-muted: #747773;
	--pxf-link: #333a3d;
	--pxf-link-hover: #15588f;
	color: var(--pxf-text);
}

[data-pxf-context="dark"] {
	color-scheme: dark;
	--pxf-heading: #f6f5f0;
	--pxf-text: #dedcd7;
	--pxf-muted: #aca9a0;
	--pxf-link: #61aef9;
	--pxf-link-hover: #90c7ff;
	color: var(--pxf-text);
}