:root {
	--wx-bg: #eeeae8;
	--wx-tint: #f9f7f7;
	--wx-bright: #fff;
	--wx-accent: #002bba;
	--wx-highlight: #819ffe;
	--wx-text: #121212;
	--wx-muted: #575960;
	--wx-line: rgba(18, 18, 18, 0.12);
	--wx-pad: 3rem;
	--wx-header: 4.5rem;
	--wx-ease: cubic-bezier(0.87, 0, 0.13, 1);
	--wx-font: "Manrope", system-ui, sans-serif;
	--wx-mono: "JetBrains Mono", ui-monospace, monospace;
	color-scheme: light;
}

html[data-theme="dark"] {
	--wx-bg: #0f0f0f;
	--wx-tint: #171719;
	--wx-bright: #000;
	--wx-highlight: #002bba;
	--wx-text: #fff;
	--wx-muted: #8e93a1;
	--wx-line: rgba(255, 255, 255, 0.14);
	color-scheme: dark;
}

*,
*::before,
*::after { box-sizing: border-box; }

html, body { margin: 0; padding: 0; }

html.lenis, html.lenis body { height: auto; }

body.wx-view {
	/* Beat Elementor kit `body.elementor-page-*` white backgrounds. */
	background: var(--wx-bg) !important;
	color: var(--wx-text) !important;
	font-family: var(--wx-font);
	font-size: 1.0625rem;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

img, video { max-width: 100%; display: block; }

a { color: inherit; text-decoration: none; }

button, input, select, textarea { font: inherit; color: inherit; }

.wx-wrap {
	width: min(1920px, calc(100% - (var(--wx-pad) * 2)));
	margin-inline: auto;
}

.wx-kicker {
	font-family: var(--wx-mono);
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wx-muted);
}

.wx-muted { color: var(--wx-muted); }

.wx-skip {
	position: absolute;
	left: 1rem;
	top: -4rem;
	background: var(--wx-accent);
	color: #fff;
	padding: 0.5rem 0.8rem;
	z-index: 100;
}

.wx-skip:focus { top: 1rem; }

@media (min-width: 768px) {
	:root { --wx-pad: 6rem; }

	body.wx-view {
		font-size: 1.125rem;
	}
}

@media (min-width: 1200px) {
	body.wx-view {
		font-size: 1.1875rem;
	}
}