/* FONTS */

@font-face {
    font-family: 'Arizona Flare';
    src: url('../fonts/Arizona-Flare.woff2') format('woff2 supports variations'),
        url('../fonts/Arizona-Flare.woff2') format('woff2-variations');
    font-weight: 100 1000;
}

/* VARIABLES */

:root {
    --foreground: #1a1a1a;
    --link: #222222;
    --link-interaction: #303030;
    --background: #FFFFFF;
    --background-shaded: #F7F7F7;
    --primary: #0D00FF;
    --primary-contrast: #FFFFFF;
    --secondary: #BFFC00;
    --secondary-contrast: #080a03;
    --subtle: #787878;
	--dark-foreground: #eaeaf5;
	--dark-link: color-mix(in lab, var(--dark-foreground) 80%, #FFFFFF);
	--dark-link-interaction: color-mix(in lab, var(--dark-foreground) 60%, #FFFFFF);
	--dark-background: #07090c;
	--font-body: 'IBM Plex Sans', system-ui, Arial, Helvetica, sans-serif;
	--font-heading: 'Arizona Flare', 'Times New Roman', Times, serif;
    --fs-xxxl: clamp(3rem, 3.7vi + 3.27rem, 8rem);
    --fs-xxl: clamp(2.44rem, 2.38vi + 1.85rem, 3.75rem);
    --fs-xl: clamp(1.95rem, 1.56vi + 1.56rem, 2.81rem);
    --fs-lg: clamp(1.56rem, 1vi + 1.31rem, 2.11rem);
    --fs-md: clamp(1.25rem, 0.61vi + 1.1rem, 1.58rem);
    --fs-base: clamp(1.07rem, 0.34vi + 0.91rem, 1.19rem);
    --fs-sm: clamp(0.8rem, 0.17vi + 0.76rem, 0.89rem);
	--fw-xxxl: 200;
	--fw-xxl: 200;
	--fw-xl: 250;
	--fw-lg: 250;
	--fw-md: 300;
	--fw-base: 400;
	--fw-sm: 400;
	--font-spaced: 0.05em;
    --page-margin-inline: 1.8rem;
    --page-max-width: 1400px;
    --border-radius: 5px;
}

/* ANIMATIONS */

@keyframes triptych-words-even {
	0% {
		font-weight: inherit;
		inset-inline-start: 80%;
		clip-path: polygon(53% 21%, 76% 18%, 60% 80%, 36% 80%);
	}
	80% {
		inset-inline-start: -3%;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	100% {
		inset-inline-start: 0;
		font-weight: inherit;
	}
}

@keyframes triptych-words-odd {
	0% {
		font-weight: inherit;
		inset-inline-end: 80%;
		clip-path: polygon(53% 21%, 76% 18%, 60% 80%, 36% 80%);
	}
	80% {
		inset-inline-end: -3%;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	100% {
		inset-inline-end: 0;
		font-weight: inherit;
	}
}
@keyframes cortex-circles-1 {
	to {
		translate: 0 calc(1rem * (1 - var(--circles-1)) * 20);
		filter: blur(1.2px);
	}
}
@keyframes cortex-circles-2 {
	to {
		translate: 0 calc(1rem * (1 - var(--circles-2)) * 20);
		filter: blur(0.4px);
	}
}
@keyframes cortex-circles-3 {
	to {
		translate: 0 calc(1rem * (1 - var(--circles-3)) * 20);
		filter: blur(0.2px);
	}
}
@keyframes cortex-circles-4 {
	to {
		translate: 0 calc(1rem * (1 - var(--circles-4)) * 20);
		filter: blur(1.2px);
	}
}
@keyframes cortex-circles-5 {
	to {
		translate: 0 calc(1rem * (1 - var(--circles-5)) * 20);
		filter: blur(1px);
	}
}
@keyframes cortex-point {
	0%,30% {
		scale: 0;
		rotate: 0deg;
		filter: brightness(200%) invert(5%);
		translate: 10rem 0;
	}
	33% {
		scale: 1.4;
		rotate: -45deg;
		translate: 1.5rem 0;
	}
	36% {
		filter: none;
	}
	37% {
		rotate: -5deg;
		scale: 1;
	}
	39% {
		rotate: 0deg;
	}
	40% {
		translate: 0.2rem 0;
	}
	48%,100% {
		translate: 0 0;
	}
	45% {
		rotate: 90deg;
	}
	48% {
		rotate: 90deg;
	}
	55%,100% {
		rotate: 0deg;
		translate: 0 0;
	}
}
@keyframes cortex-line {
	0%,38% {
		opacity: 0;
		clip-path: inset(0% 100% 100% 0%);
		stroke-width: 1;
		stroke: var(--primary);
	}
	40% {
		opacity: 1;
		stroke-width: 2.5;
		stroke: var(--primary);
	}
	43%,100% {
		stroke-width: 1;
		clip-path: inset(0% 0% 0% 0%);
	}
	48% {
		stroke: var(--foreground);
	}
}
@keyframes cortex-point-data {
	0%,46% {
		opacity: 0;
		clip-path: inset(0% 50% 100% 50%);
		letter-spacing: 0.6em;
		color: var(--primary);
	}
	48.5% {
		color: var(--primary);
	}
	50% {
		opacity: 1;
	}
	53% {
		letter-spacing: 0.15em;
	}
	55% {
		color: var(--foreground);
		letter-spacing: 0;
	}
	57% {
		clip-path: inset(0% 0% 0% 0%);
	}
	100% {
		clip-path: inset(0% 0% 0% 0%);
		letter-spacing: 0;
		color: var(--foreground);
	}
}
@keyframes perspective-grid {
	to {
		scale: 1;
		translate: 0;
	}
}

/* GENERAL */

.page, 
.post,
.single-post,
.archive.category {
    --link-interaction: color-mix(in lab, var(--primary) 90%, var(--background));
    --secondary-interaction: color-mix(in lab, var(--secondary) 90%, var(--background));
}
.dark,
.x-section.dark,
.x-section.dark .x-text,
.dark .x-col,
.dark .x-text,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark .h1,
.dark .h2,
.dark .h3,
.dark .h4,
.dark .h5,
.dark .h6,
.dark blockquote {
    color: var(--dark-foreground);
    background-color: var(--dark-background);
	color-scheme: dark;
}
.dark {
    --foreground: var(--dark-foreground);
    --background: var(--dark-background);
}
.dark,
.cs-content .x-section,
.cs-content .x-section.dark,
.x-section .x-row,
.x-section .x-col,
.x-section .x-text {
	transition-duration: 0s;
}
.x-section.shaded,
.x-row.shaded {
    color: var(--foreground);
	background-color: var(--background-shaded);
}
.x-section.shaded.gradient,
.x-row.shaded.gradient {
	background-image: linear-gradient(0deg, var(--background), var(--background-shaded));
}
.page.secondary, 
.post.secondary,
.single-post.secondary,
.archive.category.secondary,
dialog.secondary {
	--color: var(--dark-background);
	--background: var(--secondary);
	color: var(--color);
	background-color: var(--background);
}
body,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
th,
td,
nav,
nav a,
#title .introduction {
    font-family: 'IBM Plex Sans', system-ui, Arial, Helvetica, sans-serif;
    font-family: var(--font-body);
    letter-spacing: normal;
}
h1,
.h1,
.masthead .x-brand,
#title h1,
#title .h1,
#title h2,
#title .h2,
.content .h1,
h1,
.h1,
h2,
.h2,
h1.heading,
.h1.heading,
h2.heading,
.h2.heading,
h3.heading,
.h3.heading,
h4.heading,
.h4.heading,
h5.heading,
.h5.heading,
h6.heading,
.h6.heading,
#contact-form h2,
#contact-form h3,
#contact-form .button,
#contact-form .instructions,
#contact-form ::placeholder {
	font-family: 'Arizona Flare', 'Times New Roman', Times, serif;
	font-family: var(--font-heading);
    text-wrap: balance;
    letter-spacing: normal;
}
body,
p,
li,
input,
select,
textarea,
th,
td,
.content h6,
.content h6 {
    font-size: var(--fs-base);
	font-weight: var(--fw-base);
}
body.page,
body.post,
body.archive {
	overflow-x: initial;
}
.content h1,
.content .h1,
.content h2,
.content .h2,
.content h3,
.content .h3 {
    font-weight: var(--fw-xxl);
}
.content body,
.content li,
.content p,
.content h4,
.content .h4,
.content h5,
.content .h5,
.content h6,
.content .h6,
th {
	font-weight: var(--fw-lg);
    line-height: 150%;
}
h2.primary.h4,
h3.primary.h4,
h4.primary {
	color: var(--primary);
	font-size: var(--fs-md);
	letter-spacing: var(--font-spaced);
	text-transform: uppercase;
	margin-block: 0 2.2rem;
	margin-inline: auto;
	text-align: center;
}
h1 {
    font-size: var(--fs-xxxl);
    line-height: 160%;
}
h2 {
    font-size: var(--fs-xxl);
    line-height: 160%;
}
h3 {
    font-size: var(--fs-xl);
}
h4 {
    font-size: var(--fs-lg);
}
h5,
h6
p.large,
.x-text.large,
span.large {
    font-size: var(--fs-md);
}
p.small,
.x-text.small,
span.small {
    font-size: var(--fs-sm);
}
a,
.content a,
.content h1 a,
.content h2 a,
.content h3 a,
.content h4 a,
.content h5 a,
.content h6 a,
.content .h1 a,
.content .h2 a,
.content .h3 a,
.content .h4 a,
.content .h5 a,
.content .h6 a {
    color: var(--link);
    transition: 0.3s color linear, 0.3s background-color linear;
}
a:hover,
.content a:hover,
.content h1 a:hover,
.content h2 a:hover,
.content h3 a:hover,
.content h4 a:hover,
.content h5 a:hover,
.content h6 a:hover,
.content .h1 a:hover,
.content .h2 a:hover,
.content .h3 a:hover,
.content .h4 a:hover,
.content .h5 a:hover,
.content .h6 a:hover {
    color: var(--link-interaction);
}
.dark a,
.dark h1 a,
.dark h2 a,
.dark h3 a,
.dark h4 a,
.dark h5 a,
.dark h6 a,
.dark .h1 a,
.dark .h2 a,
.dark .h3 a,
.dark .h4 a,
.dark .h5 a,
.dark .h6 a {
    color: var(--background);
}
.dark a:hover,
.dark h1 a:hover,
.dark h2 a:hover,
.dark h3 a:hover,
.dark h4 a:hover,
.dark h5 a:hover,
.dark h6 a:hover,
.dark .h1 a:hover,
.dark .h2 a:hover,
.dark .h3 a:hover,
.dark .h4 a:hover,
.dark .h5 a:hover,
.dark .h6 a:hover {
    color: color-mix(in lab, var(--primary) 20%, var(--link-interaction));
}
body,
.x-section {
    background-color: var(--background);
}
.x-section.center .x-text,
.x-row.center .x-text,
.x-col.center .x-text {
	text-align: center;
}
.x-section.center .x-text h2:first-child,
.x-section.center .x-text h3:first-child,
.x-row.center .x-text h2:first-child,
.x-row.center .x-text h3:first-child,
.x-col.center .x-text h2:first-child,
.x-col.center .x-text h3:first-child {
	text-transform: uppercase;
}
.x-main.full {
	min-height: calc(100dvh - 26.8rem);
}
.x-main.full.hide {
	visibility: hidden;
}
.single-post .x-container.width header,
.single-post .x-container.max.width header,
.single-post .x-container.width .entry-thumb,
.single-post .x-container.max.width .entry-thumb,
.single-post .x-container.width .entry-content,
.single-post .x-container.max.width .entry-content,
.single-post .x-container.width #social-share,
.single-post .x-container.max.width #social-share,
.single-post #more-insights .x-container {
    background-color: transparent;
	width: min(1400px, calc(100% - var(--page-margin-inline)));
	margin-inline: auto;
}
.single-post .x-container.width,
.single-post .x-container.max.width {
	width: auto;
    max-width: none;
	margin-block-end: 0;
}
.single-post .entry-wrap {
    background-color: transparent;
	border-radius: 0;
	padding: 0;
	box-shadow: none;
}
.dark .x-container.width,
.dark .x-container.max.width {
	width: 100%;
}
.content .x-btn,
.content button,
.content .button,
.content a.button,
.content [type="submit"],
.cs-content .x-btn,
.cs-content button,
.cs-content .button,
.cs-content a.button,
.cs-content [type="submit"],
.dark .content .x-btn,
.dark .content button,
.dark .content .button,
.dark .content a.button,
.dark .content [type="submit"],
.single-post .wp-block-button__link {
	color: var(--primary-contrast);
	background: var(--primary);
	font-family: var(--font-heading);
	font-weight: var(--fw-base);
	text-transform: uppercase;
	letter-spacing: var(--font-spaced);
	padding-block: 1.2em;
	padding-inline: 3em;
	text-shadow: none;
	border: 0 none;
	border-radius: 0;
}
.content .x-btn:hover,
.content .x-btn:focus-visible,
.content button:hover,
.content button:focus-visible,
.content .button:hover,
.content .button:focus-visible,
.content a.button:hover,
.content a.button:focus-visible,
.content [type="submit"]:hover,
.content [type="submit"]:focus-visible,
.cs-content .x-btn:hover,
.cs-content .x-btn:focus-visible,
.cs-content button:hover,
.cs-content button:focus-visible,
.cs-content .button:hover,
.cs-content .button:focus-visible,
.cs-content a.button:hover,
.cs-content a.button:focus-visible,
.cs-content [type="submit"]:hover,
.cs-content [type="submit"]:focus-visible,
.single-post .wp-block-button__link:hover,
.single-post .wp-block-button__link:focus-visible {
	border: 0 none;
	color: var(--primary-contrast);
	background: var(--primary) url("../assets/Cruxy-Abstract-Button.webp") scroll no-repeat 50% 50% / cover;
    text-shadow: 1px 1px 2px #000000ee;
	text-shadow: 0 1px 2px #000000ee, 0.35em 0.35em 0.125em color-mix(in lab, var(--primary), transparent), -0.35em 0.35em 0.125em color-mix(in lab, var(--primary), transparent), 0.35em -0.35em 0.125em color-mix(in lab, var(--primary), transparent), -0.35em -0.35em 0.125em color-mix(in lab, var(--primary), transparent), -0.35em 0 0.125em color-mix(in lab, var(--primary), transparent), 0.35em 0 0.125em color-mix(in lab, var(--primary), transparent), 0.7em 0.7em 0.25em color-mix(in lab, var(--primary), transparent), -0.7em 0.7em 0.25em color-mix(in lab, var(--primary), transparent), 0.7em -0.7em 0.25em color-mix(in lab, var(--primary), transparent), -0.7em -0.7em 0.25em color-mix(in lab, var(--primary), transparent), -0.7em 0 0.25em color-mix(in lab, var(--primary), transparent), 0.7em 0 0.25em color-mix(in lab, var(--primary), transparent);
}
.content .x-btn,
.content button,
.content .button,
.content a.button,
.content [type="submit"],
.dark .content .x-btn,
.dark .content button,
.dark .content .button,
.dark .content a.button,
.dark .content [type="submit"],
.content .x-btn:hover,
.content button:hover,
.content .button:hover,
.content a.button:hover,
.content [type="submit"],
.content .x-btn:hover,
.content .dark button:hover,
.content .dark .button:hover,
.content .dark a.button:hover,
.content .dark [type="submit"],
.cs-content .x-btn:hover,
.cs-content button:hover,
.cs-content .button:hover,
.cs-content a.button:hover,
.cs-content [type="submit"] {
    color: var(--dark-foreground);
}
.foreground-fill {
	fill: var(--foreground);
}
.primary {
	color: var(--primary);
}
.secondary {
	color: var(--secondary);
}
.primary-fill {
	fill: var(--primary);
}
.secondary-fill {
	fill: var(--secondary);
}
.foreground-stroke {
	stroke: var(--foreground);
}
.primary-stroke {
	stroke: var(--primary);
}
.secondary-stroke {
	stroke: var(--secondary);
}
.dt-gap {
	display: block;
	visibility: hidden;
}

@media (width > 768px) {
	.columns.two {
		column-count: 2;
	}
	.columns.three {
		column-count: 3;
	}
}

/* HEADER */

.masthead,
.masthead.masthead-inline {
	position: sticky;
	inset-block-start: -1px;
	margin-block-start: 0;
	z-index: 100;
}
.dark.admin-bar .masthead,
.dark.admin-bar .masthead.masthead-inline {
	inset-block-start: 32	px;
}
.masthead.masthead-inline.sticky {
	outline: 4px solid #ffffffb0;
}
.masthead .x-container.max.width {
	position: relative;
	padding-block: 1.1rem;
	transition: 0.3s padding-block ease;
	max-width: none;
}
.masthead.sticky .x-container.max.width {
	padding-block: 1rem 0.8rem;
}
.masthead .x-navbar {
	background-color: var(--background);
	border-block-end: 0 none;
	box-shadow: 0 -1rem 0 0 var(--background);
}
.masthead.dark  {
	--foreground: var(--dark-foreground);
	--link: var(--dark-link);
	--link-interaction: var(--dark-link-interaction);
	--background: var(--dark-background);
}
.masthead.secondary  {
	--background: var(--secondary);
}
.masthead .x-brand {
	position: absolute;
	z-index: 101;
	height: fit-content;
	width: min(9.9rem, 26%);
	margin-block: -0.2rem 0;
	margin-inline: auto;
	float: none;
	text-align: center;
	inset-inline-start: 50%;
	translate: -50% 0;
	transition: 0.6s width ease 0.2s, 0.6s margin-block ease 0.2s, 0.6s opacity linear;
}
.masthead.sticky .x-brand {
	width: min(7.5rem, 50%);
	margin-block-start: 0.3rem;
}
.masthead .x-brand.hide {
	opacity: 0;
	transition-duration: 0s;
}
.masthead .x-brand .foreground-fill {
	transition: 0.4s fill linear;
}
.masthead .x-brand:hover .foreground-fill {
	fill: var(--primary);
}
.masthead .x-navbar-inner {
	min-height: 0;
}
.masthead .x-brand svg,
.masthead .x-brand img {
	width: 100%;
	aspect-ratio: 99 / 20;
}
.masthead.masthead-inline .x-navbar .x-nav-wrap.desktop {
	display: block;
}
.masthead.masthead-inline .x-navbar .x-nav-wrap.mobile {
	display: none;
}
.masthead .x-navbar .desktop .x-nav > li > a:hover,
.masthead .x-navbar .desktop .x-nav > .x-active > a,
.masthead .x-navbar .desktop .x-nav > .current-menu-item > a,
.masthead .x-navbar .desktop .sub-menu a:hover,
.masthead .x-navbar .desktop .sub-menu .x-active > a,
.masthead .x-navbar .desktop .sub-menu .current-menu-item > a,
.masthead .x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a,
.masthead .x-navbar .mobile .x-nav li > a:hover,
.masthead .x-navbar .mobile .x-nav .x-active > a,
.masthead .x-navbar .mobile .x-nav .current-menu-item > a {
	color: var(--link-interaction);
}
.masthead .x-navbar .desktop .x-nav > .current-menu-item > a.primary {
	color: var(--primary);
}
.masthead .x-navbar .desktop .x-nav > .current-menu-item > a.secondary {
	color: var(--secondary);
}
.masthead .x-navbar .desktop .x-nav > li > a:hover,
.masthead .x-navbar .desktop .x-nav > .x-active > a,
.masthead .x-navbar .desktop .x-nav > .current-menu-item > a {
	box-shadow: none;
}
.masthead .desktop .x-nav,
.masthead.masthead-inline .desktop .x-nav {
	display: flex;
	float: none;
}
.masthead .x-navbar .desktop .x-nav > li > a,
.masthead .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocomme1rce) {
	font-size: var(--fs-base);
	letter-spacing: 0.03em;
	padding-inline: 2em;
	padding-block: 1.2em;
	height: auto;
	letter-spacing: var(--font-spaced);
}
.masthead .x-navbar .desktop .x-nav > li {
	float: none;
}
.masthead.masthead-inline .x-navbar .desktop .menu-item-has-children {
	position: initial;
}
.masthead.masthead-inline .x-navbar .desktop .sub-menu {
    position: absolute;
    background-color: var(--background);
    font-size: var(--fs-xl);
    height: calc(100dvh - 6.5rem);
    inset: 6.2rem calc(var(--page-margin-inline) * -1) 0;
    justify-content: center;
    align-content: center;
    text-align: center;
    flex-wrap: wrap;
    float: none;
    margin-block: 0;
    margin-inline: 0;
    padding-block: 0 var(--page-margin-inline);
    padding-inline: calc(var(--page-margin-inline) * 2);
    translate: none;
    transform: none;
    box-shadow: 0 1rem 0 var(--background);
    border-radius: 0;
}
.masthead.masthead-inline .x-navbar .desktop .sub-menu .menu-item {
	flex: 1 0 100%;
}
.masthead.masthead-inline .x-navbar .desktop .sub-menu .menu-item:not(:last-child) {
	border-block-end: 1px solid color-mix(in lab, var(--foreground), var(--background));
}
.masthead.masthead-inline .x-navbar .desktop .sub-menu .menu-item a,
.masthead.masthead-inline .x-navbar .mobile .menu-item a {
	color: var(--foreground);
	font-family: var(--font-heading);
	text-transform: uppercase;
	font-size: var(--fs-xl);
	font-weight: var(--fw-xl);
	padding-block: clamp(1.3rem, 3.1vh, 1.9rem);
	transition: 0.3s color linear;
	letter-spacing: var(--font-spaced);
}
.masthead.masthead-inline .x-navbar .desktop .menu-item.x-active .sub-menu {
	display: none;
}
.masthead.masthead-inline .x-navbar .desktop .menu-item.popup .sub-menu {
	display: flex;
}
.masthead.masthead-inline .x-navbar .desktop .sub-menu li,
.masthead .x-navbar .desktop .x-nav > li > a,
.masthead .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
	color: var(--foreground);
}
.masthead .x-brand:hover,
.masthead .x-brand:focus,
.masthead.masthead-inline .x-navbar .desktop .sub-menu li a:hover,
.masthead .x-navbar .desktop .x-nav > li > a:hover,
.masthead .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce):hover {
	color: var(--primary);
}
.masthead.masthead-inline .x-navbar .desktop .menu-item.popup > a,
.masthead.masthead-inline .x-navbar .desktop .menu-item.popup > a:hover,
.masthead.masthead-inline .x-navbar .desktop .menu-item.secondary > a,
.masthead.masthead-inline .x-navbar .desktop .menu-item.secondary > a:hover,
.masthead.masthead-inline .x-navbar .desktop .sub-menu .menu-item a.current-menu-item,
.masthead.masthead-inline .x-navbar .desktop .sub-menu .menu-item a:hover,
.dark .masthead .x-navbar .desktop .x-nav > li > a:hover,
.dark .masthead .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce):hover { 
	color: var(--secondary);
}
.masthead.masthead-inline .x-navbar .menu-item-has-children:first-child .x-icon {
	display: none;
}
#menu-main > li:last-child {
	position: absolute;
	inset-inline-end: 0;
}
#menu-main .close,
#x-btn-navbar .close {
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
	opacity: 1;
	float: none;
	margin-block: -0.3rem;
	margin-inline: 0 0.3em;
	padding: 0;
	background: transparent url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNCRkZDMDAiIHZpZXdCb3g9IjAgMCA0NC4wNiA0NC4wNiI+PHBhdGggZD0iTTI5LjU0IDIxLjQzYTEzIDEzIDAgMCAxIDIuMDItNi45OWwxMi4xLTEyLjFMNDEuNy40bC05Ljk2IDkuOTYtLjE3LjFjLTUuMjQgNS4xNy0xMy45MiA1LjMxLTE5LjE2LjE1bC0uMTItLjI1TDIuMzUuNC40IDIuMzVsMTIuMDkgMTIuMDlhMTIuOTggMTIuOTggMCAwIDEgMi4wMyA3YzAgMy41Mi0uODggNy4xMi0zLjQxIDkuNjFsLS4xNS4xTC40IDQxLjdsMS45NCAxLjk1IDEzLjEyLTEzLjEyYTEzLjY2IDEzLjY2IDAgMCAxIDEzLjE0IDBsMTMuMSAxMy4xNCAxLjk1LTEuOTVMMzMuMSAzMS4xNWMtMi41NC0yLjUtMy41Ni02LjE5LTMuNTYtOS43MnoiLz48L3N2Zz4=") no-repeat scroll 50% 50% / cover;
}
.secondary #menu-main > li:last-child a,
.secondary #menu-main .close,
.secondary #x-btn-navbar .close {
	color: var(--dark-background);
}
.secondary #menu-main .close {
	background-image: url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDQ0LjA2IDQ0LjA2Ij48cGF0aCBkPSJNMjkuNTQgMjEuNDNhMTMgMTMgMCAwIDEgMi4wMi02Ljk5bDEyLjEtMTIuMUw0MS43LjRsLTkuOTYgOS45Ni0uMTcuMWMtNS4yNCA1LjE3LTEzLjkyIDUuMzEtMTkuMTYuMTVsLS4xMi0uMjVMMi4zNS40LjQgMi4zNWwxMi4wOSAxMi4wOWExMi45OCAxMi45OCAwIDAgMSAyLjAzIDdjMCAzLjUyLS44OCA3LjEyLTMuNDEgOS42MWwtLjE1LjFMLjQgNDEuN2wxLjk0IDEuOTUgMTMuMTItMTMuMTJhMTMuNjYgMTMuNjYgMCAwIDEgMTMuMTQgMGwxMy4xIDEzLjE0IDEuOTUtMS45NUwzMy4xIDMxLjE1Yy0yLjU0LTIuNS0zLjU2LTYuMTktMy41Ni05LjcyeiIvPjwvc3ZnPg==");
}
.masthead.masthead-inline .x-btn-navbar .close + span {
	color: transparent;
	position: absolute;
	font-size: 0.05rem;
}
.masthead.masthead-inline .x-btn-navbar,
.masthead.masthead-inline .x-btn-navbar.collapsed {
	position: relative;
	display: none;
	width: 3.8rem;
	text-align: center;
	color: var(--foreground);
	background-color: transparent;
	inset-inline-start: calc(var(--page-margin-inline) * 0.5);
	margin-block: 0.5rem 0;
	margin-inline: 0;
	border-radius: 0;
	box-shadow: none;
	float: none;
}
.masthead .x-container.width,
.masthead .x-container.max.width {
	width: 100%;
}
.masthead .x-navbar .mobile .x-nav {
	margin-block: 3rem 0;
}
.masthead .x-container {
	margin-inline: 0;
}
.masthead .x-navbar .mobile .menu-item-has-children:first-child > a,
.masthead .x-navbar .mobile .menu-item-has-children:first-child > a + .x-collapsed li:first-child,
.masthead .x-navbar .mobile .menu-item-has-children:first-child > a + .x-collapsed li:last-child {
	display: none;
}
.masthead .x-navbar .mobile .menu-item-has-children:first-child > .x-collapsed {
	display: flex;
	margin-inline: 0;
	flex-wrap: wrap;
}
.masthead .x-navbar .mobile .x-collapsed .menu-item:nth-last-child(n+2) {
	border-block-end: 2px solid var(--foreground);
}
.masthead .x-navbar .mobile .menu-item {
	flex: 1 0 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}
.masthead .x-navbar .mobile .menu-item a,
.masthead .x-navbar .mobile .menu-item > a {
	display: block;
	padding: 1rem;
	letter-spacing: inherit;
	border: 0 none;
}
@media (width >= 768px) {
	.masthead .x-container.width,
	.masthead .x-container.max.width {
		width: calc(100% - var(--page-margin-inline));
		margin-inline: auto;
	}
	.masthead .x-navbar {
		border-block-end: 0 none;
	}
	.masthead .x-brand {
		margin-block-start: 0.5rem;
	}
}
@media (width >= 980px) {
	.masthead.masthead-inline .x-btn-navbar,
	.masthead.masthead-inline .x-btn-navbar.collapsed {
		display: none;
	}
}

/* FOOTER */

.x-colophon.bottom {
	background-color: var(--background-shaded);
	text-align: center;
	font-size: var(--fs-sm);
}
.secondary .x-colophon.bottom {
	background-color: var(--secondary);
}
footer.x-colophon.bottom {
	color: color-mix(in lab, var(--foreground) 80%, var(--background));
	margin-block: 0;
	padding-block: max(5rem, 13vh) 0;
}
.x-colophon.bottom .x-container.max.width {
	width: auto;
	max-width: none;
}
.x-colophon.bottom .x-container.max.width .x-colophon-content {
	letter-spacing: inherit;
	margin-block: 0;
}
.x-colophon.bottom a {
	display: block;
	color: color-mix(in lab, var(--foreground) 80%, var(--background));
}
.x-colophon.bottom a:hover {
	color: var(--primary);
}
.x-colophon.bottom ul {
	list-style: none;
	margin-block: 0;
	margin-inline: 0;
	padding-inline: 0;
}
.x-colophon.bottom li {
	margin-block: 0;
	margin-inline: 0;
	padding-inline: 0;
}
.x-colophon.bottom .company-name {
	margin-inline: auto;
	width: min(9rem, 30%);
	margin-block: 0 max(2rem, 3vh);
}
#menu-footer,
#menu-social-media,
.address-copyright-credit,
.x-colophon.bottom #menu-footer-additional {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	margin-inline: auto;
	width: min(calc(100% - var(--page-margin-inline)), var(--page-max-width));
}
#menu-footer li,
#menu-social-media li,
.address-copyright-credit p {
	flex: 1 0 100%;
}
#menu-footer {
	width: auto;
	position: relative;
	align-items: center;
	margin-inline: 4.5rem;
	z-index: 1;
}
#menu-footer li {
	position: relative;
	padding-block: 0;
	text-transform: uppercase;
	letter-spacing: var(--font-spaced);
	font-weight: 500;
}
#menu-footer li:nth-child(2)::after {
	position: absolute;
	display: none;
	content: '';
	width: 1.5rem;
	height: 1.5rem;
	background: transparent url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjMEYwMEZBIiBzdHJva2U9IiMwRjAwRkEiPjxwYXRoIGQ9Ik0xMiAwQzEyIDYuNjI3NzkgNi42Mjc3OSAxMiAwIDEyQzYuNjI3NzkgMTIgMTIgMTcuMzcyMiAxMiAyNEMxMiAxNy4zNzIyIDE3LjM3MjIgMTIgMjQgMTJDMTcuMzcyMiAxMiAxMiA2LjYyNzc5IDEyIDBaIj48L3BhdGg+PC9zdmc+") scroll no-repeat 0 0 / cover;
	inset-inline-end: calc(-0.75rem - 1px);
	inset-block-end: calc(-0.75rem - 0.5px);
}
#menu-footer a {
	padding: 0.8em;
}
#menu-social-media,
.address-copyright-credit {
	justify-content: space-between;
}
#menu-social-media {
	position: absolute;
	inset: auto var(--page-margin-inline) 5.4rem;
	margin-block: calc(max(3rem, 5vh) * -1 - 4.1rem) 0;
	width: auto;
	z-index: 0;
}
#menu-social-media li {
	flex: 1;
	padding-block-end: calc(max(3rem, 5vh) + 0.3rem);
}
#menu-social-media li:first-child {
	text-align: start;
}
#menu-social-media li:last-child {
	text-align: end;
}
#menu-social-media a,
.x-colophon.bottom .address-copyright-credit a,
.x-colophon.bottom #menu-footer-additional a {
	display: inline-block;
}
#menu-social-media .icon {
	color: transparent;
	aspect-ratio: 1;
	font-size: 1px;
	width: 2.7rem;
	height: auto;
	display: block;
	border-radius: 100%;
	border: 1px solid var(--foreground);
	text-align: center;
	background: transparent no-repeat scroll 50% 50% / 1.15rem;
}
#menu-social-media .icon.x {
	background-image: url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDExIDEwIj48ZyBjbGlwLXBhdGg9IiNtYXNrLWZvb3Rlci14Ij48cGF0aCBkPSJNOC42NTI2NSAwaDEuNjg2NjVMNi42MzU5OCA0LjI0MzU0IDEwLjk2MjcgMTBINy41NjczMkw0LjkwODk4IDYuNTAxODQgMS44NjU2NSAxMEguMTc4OThsMy45MjMzNC00LjUzODc1TC0uMDQxMDIgMGgzLjQ3OTY3bDIuNDAxNjcgMy4xOTU1N0w4LjY1MjY1IDBabS0uNTkwMzMgOS4wMDM2OWguOTM1bC02LjA1LTguMDQ0MjhIMS45NDI2NWw2LjExOTY3IDguMDQ0MjhaIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0ibWFzay1mb290ZXIteCI+PHBhdGggZD0iTTAgMGgxMXYxMEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==");
}
#menu-social-media .icon.linkedin {
	background-image: url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAzMTAgMzEwIj48cGF0aCBkPSJNNzIuMTYgOTkuNzNIOS45MjdhNSA1IDAgMCAwLTUgNXYxOTkuOTI4YTUgNSAwIDAgMCA1IDVINzIuMTZhNSA1IDAgMCAwIDUtNVYxMDQuNzNhNSA1IDAgMCAwLTUtNXpNNDEuMDY2LjM0MUMxOC40MjIuMzQxIDAgMTguNzQzIDAgNDEuMzYyIDAgNjMuOTkxIDE4LjQyMiA4Mi40IDQxLjA2NiA4Mi40YzIyLjYyNiAwIDQxLjAzMy0xOC40MSA0MS4wMzMtNDEuMDM4QzgyLjEgMTguNzQzIDYzLjY5Mi4zNDEgNDEuMDY2LjM0MXptMTg5LjM4OCA5NC40MmMtMjQuOTk1IDAtNDMuNDcyIDEwLjc0NS01NC42NzkgMjIuOTU0VjEwNC43M2E1IDUgMCAwIDAtNS01aC01OS41OTlhNSA1IDAgMCAwLTUgNXYxOTkuOTI4YTUgNSAwIDAgMCA1IDVoNjIuMDk3YTUgNSAwIDAgMCA1LTVWMjA1Ljc0YzAtMzMuMzMzIDkuMDU0LTQ2LjMxOSAzMi4yOS00Ni4zMTkgMjUuMzA2IDAgMjcuMzE3IDIwLjgxOCAyNy4zMTcgNDguMDM0djk3LjIwNGE1IDUgMCAwIDAgNSA1SDMwNWE1IDUgMCAwIDAgNS01VjE5NC45OTVjMC00OS41NjUtOS40NTEtMTAwLjIzNC03OS41NDYtMTAwLjIzNHoiLz48L3N2Zz4=");
}
.address-copyright-credit {
	margin-block: 2.8rem max(3.5rem, 6vh);
	gap: 1.5rem;
}
.address-copyright-credit p {
	margin-block: 0;
}
.address-copyright-credit .copyright {
	order: 1;
}
.address-copyright-credit .address {
	order: 2;
}
.address-copyright-credit .credit {
	order: 3;
}
.x-colophon.bottom .menu-footer-additional-container {
	color: var(--dark-foreground);
	background-color: var(--dark-background);
	padding-block: 0.6rem;
}
.x-colophon.bottom #menu-footer-additional {
	gap: 1.7rem;
}
.x-colophon.bottom #menu-footer-additional li {
	flex: 1 0 10rem;
}
.x-colophon.bottom #menu-footer-additional a {
	color: var(--dark-foreground);
	padding: 1.7rem;
}
.x-colophon.bottom #menu-footer-additional li:first-child {
	text-align: start;
}
.x-colophon.bottom #menu-footer-additional li:last-child {
	text-align: end;
}
.x-colophon.bottom #menu-footer-additional li:first-child a {
	padding-inline-start: 0;
}
.x-colophon.bottom #menu-footer-additional li:last-child a {
	padding-inline-end: 0;
}
@media (width >= 600px) {
	#menu-footer li,
	#menu-social-media li,
	.address-copyright-credit p {
		flex: 1 0 3rem;
	}
	.address-copyright-credit {
		margin-block-start: 1.5rem;
	}
	.address-copyright-credit p {
		flex-basis: 45%;
	}
	.address-copyright-credit {
		margin-block-start: 0;
		gap: 0;
	}
	#menu-social-media {
		position: relative;
		inset: auto;
		width: min(calc(100% - var(--page-margin-inline)), var(--page-max-width));
		margin-block: calc(max(3rem, 5vh) * -1 - 4.1rem) 0;
		z-index: 0;
	}
	#menu-social-media li:first-child,
	#menu-social-media li:last-child {
		text-align: center;
	}
	footer #menu-social-media li:first-child,
	.address-copyright-credit .copyright {
		text-align: start;
	}
	footer #menu-social-media li:last-child,
	.address-copyright-credit .credit {
		text-align: end;
	}
	#menu-footer li {
		padding-block: max(6rem, 10vh) max(3rem, 5vh);
	}
	#menu-footer li:nth-child(2) {
		padding-inline-end: 2rem;
		border-inline-end: 2px solid var(--primary);
	}
	#menu-footer li:nth-child(2)::after {
		display: block;
	}
	#menu-footer li:nth-child(3) {
		padding-inline-start: 2rem;
	}
	#menu-social-media {
		border-block-end: 2px solid var(--primary);
	}
	.address-copyright-credit .credit {
		order: 2;
	}
	.address-copyright-credit .address {
		order: 3;
	}
}
@media (width >= 768px) {
	.address-copyright-credit .copyright,
	.address-copyright-credit .credit {
		padding-block: max(3rem, 5vh) 0;
	}
	.address-copyright-credit .copyright {
		order: 1;
		border-inline-end: 2px solid var(--primary);
	}
	.address-copyright-credit .credit {
		order: 2;
		text-align: end;
	}
	.address-copyright-credit .address {
		order: 3;
		text-align: center;
		padding-block: max(1.5rem, 2.5vh) 0;
	}
}
@media (width >= 1200px) {
	#menu-footer {
		width: min(calc(var(--page-max-width) * 0.7), calc(100% - 4rem));
		margin-inline: auto;
	}
}

/* PAGES */

#title {
	text-transform: uppercase;
	text-align: center;
}
#title h1,
#title .h1 {
	color: var(--primary);
	line-height: 82%;
	font-weight: var(--fs-xl);
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	text-transform: uppercase;
	justify-content: center;
	align-items: center;
	gap: 0;
}
#title span {
	flex: 1;
}
#title .introduction {
	flex: 0 1 1em;
	font-size: var(--fs-md);
	padding-block-end: 1.3em;
	letter-spacing: var(--font-spaced);
}
.horizontal-divider {
	content: '';
	width: min(1400px, 100%);
	height: calc(var(--fs-sm) * 0.5);
	background: var(--primary) url("../assets/Cruxy-Abstract-Horizontal-Divider.webp") scroll no-repeat 50% 50% / auto 100%;
	margin-inline: auto;
	margin-block: 6rem;
}
.vertical-divider {
	content: '';
	width: 1px;
	height: clamp(9.6rem, calc(32dvh - 7.9rem), 14rem);
	background-image: linear-gradient(0deg, var(--background), var(--primary));
	margin-inline: auto;
	margin-block: clamp(3rem, calc(14dvh - 5rem), 6rem);
}
.vertical-divider.start {
	background-image: linear-gradient(180deg, var(--background), var(--primary));
}

/* HOME */

.home #hero .x-row-inner,
.home #cortex .x-row-inner,
.home #cta .x-row-inner,
.home #extract-value .x-row-inner,
.home #cta .x-col,
.home #extract-value .x-col {
	flex-basis: 100%;
	margin-inline: 0;
	padding-inline: 0;
}
.home #hero .x-row,
.home #extract-value .x-row {
	margin-inline: auto;
	width: 100%;
	max-width: none;
}
.home #hero.ios .hero-background-wrapper,
.home #hero.ios .hero-content-inner,
.home #hero .hero-static {
	display: none;
}
.home #hero.ios .hero-static {
	display: block;
}
.home #hero .x-container.max {
    max-width: 100%;
    width: 100%;
    max-width: none;
}
.home .masthead.hero-visible {
    transition: background-color 0.5s ease;
}
.home .masthead.hero-visible.hero-transparent .x-navbar {
    background-color: rgba(255, 255, 255, 0);
}
.home .masthead.hero-visible .x-navbar {
    transition: background-color 0.5s ease;
}
.home.dark .masthead.hero-visible .x-navbar {
    transition: background-color 0s ease;
    background-color: var(--background);
}
.home #hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-block-start: -100px;
    opacity: 0;
    padding: 0;
    overflow: hidden;
}
.home #hero.ios {
	opacity: 1;
}
.home #hero .hero-video,
.home #hero .hero-animation {
	position: absolute;
	pointer-events: none;
	user-select: none;
}
.home #hero .hero-animation {
	inset: 0;
	display: flex;
	align-content: center;
	justify-content: center;
	overflow: clip;
}
.home #hero .hero-animation img {
	aspect-ratio: 1.775147928994083;
	object-fit: cover;
	display: block;
	height: 100dvh;
	width: auto;
	flex: 1;
	align-self: center;
}
.home #hero .hero-content {
    text-align: center;
    min-height: 100vh;
    min-width: 100vw;
    margin-block-start: 0px;
    position: relative;
    overflow: hidden;
}
.home #hero .hero-content h1 {
    font-family: var(--font-heading);
    font-size: clamp(1rem, 2.5vw, 4.5rem);
	font-weight: var(--fw-xl);
    text-transform: uppercase;
    text-align: center;
    letter-spacing: var(--font-spaced);
    margin: 0;
}
.home #hero .hero-background {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 1920 / 3240;
    width: 100%;
}
.home #hero .hero-x .hero-background {
    background-color: #000;
}
@media (aspect-ratio >= 16/9) {
    .home #hero .hero-background {
        width: 100%;
    }
}
@media (aspect-ratio < 16/9) {
    .home #hero .hero-background {
        width: auto;
        height: 100%;
    }
}
.home #hero .hero-x {
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 300%;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
}
.home #hero .hero-x-wrapper {
    position: absolute;
    background-color: #fff;
    width: calc(100vw + 4px);
    height: calc(100vh + 4px);
    inset-inline-start: 50%;
    inset-block-start: 50%;
    transform: translate(-50%, -50%);
    mix-blend-mode: screen;
    overflow: hidden;
}
.home #hero .hero-video {
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    background-image: url("../assets/cruxy-x-first-frame.webp");
    background-size: cover;
    background-position: 50% 50%;
}
.home #hero video {
	position: absolute;
	inset-block-start: 50%;
	inset-inline-start: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}
.home #hero .hero-background-wrapper {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
.home #hero-background-1,
.home #hero-background-2,
.home #hero-background-3 {
    mask-mode: alpha;
    mask-size: cover;
    -webkit-mask-mode: alpha;
    -webkit-mask-size: cover;
}
.home #hero-background-1 {
    mask-image: url("../assets/cruxy-x-1.webp");
    -webkit-mask-image: url("../assets/cruxy-x-1.webp");
    opacity: 1;
}
.home #hero-background-1.animation-done {
    display: none;
}
.home #hero-background-2 {
    mask-image: url("../assets/cruxy-x-2.webp");
    -webkit-mask-image: url("../assets/cruxy-x-2.webp");
    opacity: 1;
}
.home #hero-background-2.animation-done {
    display: none;
}
.home #hero-background-3 {
    mask-image: url("../assets/cruxy-x-3.webp");
    -webkit-mask-image: url("../assets/cruxy-x-3.webp");
    opacity: 0;
}
.home #hero-background-3.animation-done {
    opacity: 1;
}
.home #hero .hero-background-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.home #hero-background-1 .hero-background-overlay {
    width: 100%;
    inset-block-end: 4%;
    inset-inline-start: 0%;
    transform-origin: center bottom;
    transform: rotate(29deg);
    background-image: linear-gradient(0deg, var(--background) 90%, transparent 100%);
}
.home #hero-background-2 .hero-background-overlay {
    width: 100%;
    inset-block-start: 17%;
    inset-inline-start: 0%;
    transform: rotate(-28.5deg);
    transform-origin: center top;
    background-image: linear-gradient(0deg, var(--background) 90%, transparent 100%);
}
.home #hero .hero-content-inner {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 4;
}
#hero .hero-center {
    position: absolute;
    z-index: 4;
    content: '';
    inset-inline-start: 50%;
    inset-block-start: 50%;
    transform: translate(-50%, -50%);
    width: clamp(0.5rem, 2vw, 1.5rem);
    height: clamp(0.5rem, 2vw, 1.5rem);
    color: var(--primary);
}
.home #hero .hero-center svg {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}
.home #hero .hero-text-part-1,
.home #hero .hero-text-part-2 {
    color: var(--foreground);
    display: inline-block;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
}
.home #hero .hero-static {
	position: relative;
	width: 100vw;
	height: 100vh;
}
.home #hero .hero-static .abstract,
.home #hero .hero-static .text {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.home #hero .hero-static .abstract img {
	aspect-ratio: 1.775147928994083;
	mask-image: url("/wp-content/uploads/Cruxy-Hero-Cross.svg");
	mask-repeat: no-repeat;
	mask-position: 50% 50%;
	mask-size: auto;
	-webkit-mask-image: url("/wp-content/uploads/Cruxy-Hero-Cross.svg");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 50% 50%;
	-webkit-mask-size: auto;
	object-fit: cover;
	margin-inline: auto;
	width: auto;
	height: 100vh;
	max-width: none;
}
@media (aspect-ratio >= 30 / 17) {
	.home #hero .hero-static .abstract img {
		width: 100vw;
		height: auto;
	}
}
@media (aspect-ratio < 30 / 17) {
	.home #hero .hero-static .abstract img {
		width: auto;
		height: 100vh;
	}
}
.home #hero .hero-static .text {
	font-size: clamp(1.2rem, 5.6vw, 3rem);
	font-family: var(--font-heading);
	font-weight: var(--fw-xl);
	letter-spacing: var(--font-spaced);
	text-transform: uppercase;
	margin-block-end: 1em;
}
.home #hero .hero-static .words {
	margin-inline: 0.25em 0;
}
.home #hero .hero-static .words:last-child {
	margin-inline: 4.2em 0;
}
.home #hero .x-row,
.home #hero .x-row-inner {
	margin: 0;
	padding: 0;
}
.home #hero .hero-content h1 {
    position: relative;
	font-weight: var(--fw-xl);
    height: 1.6em;
}
.home #cortex h2 + p,
.home #what-we-do p {
	margin-inline: auto;
	text-align: center;
	text-wrap: balance;
}
.home #what-we-do p,
.home #cortex h2 + p {
	font-family: var(--font-heading);
	font-size: var(--fs-xl);
	font-weight: var(--fw-xl);
	width: min(100%, 18em);
	line-height: 110%;
}
.home #what-we-do .vertical-divider {
	margin-block: 5rem 4rem;
}
.home #what-we-do {
	background: var(--background) linear-gradient(180deg, var(--background-shaded), var(--background)) scroll no-repeat 0 0;
}
.home #extract-value .x-row:first-child .x-text {
	overflow: clip;
}
.home #extract-value ul {
	list-style: none;
	margin-block: 0;
	margin-inline: 0;
	padding-inline: 0;
	margin: 0;
}
.home #extract-value li {
	font-family: var(--font-heading);
	color: var(--primary);
	font-size: var(--fs-xl);
	text-transform: uppercase;
	margin-block: 0;
	margin-inline: 0;
	padding-inline: 0;
}
.home #extract-value ul ul {
	display: flex;
	gap: 2rem;
	overflow: scroll;
	white-space: nowrap;
	scrollbar-width: none;
	-ms-overflow-style: none;
	pointer-events: none;
	margin-block-end: 1.125rem;
}
.home #extract-value ul ul::-webkit-scrollbar {
	display: none;
}
.home #extract-value ul ul li {
	display: flex;
	align-items: center;
	gap: 2rem;
	white-space: nowrap;
}
.home #extract-value ul ul li:after {
	vertical-align: middle;
	display: inline-block;
	content: "";
	width: 1.125rem;
	height: 1.125rem;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjU3NTIgOS40Nzk5OUMxMy42MDQ0IDkuNDc5OTkgOS41NzUyIDUuNDUwODIgOS41NzUyIDAuNDc5OThDOS41NzUyIDUuNDUwODIgNS41NDYwNCA5LjQ3OTk5IDAuNTc1MTk1IDkuNDc5OTlDNS41NDYwNCA5LjQ3OTk5IDkuNTc1MTkgMTMuNTA5MiA5LjU3NTE5IDE4LjQ4QzkuNTc1MTkgMTMuNTA5MiAxMy42MDQ0IDkuNDc5OTkgMTguNTc1MiA5LjQ3OTk5WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.home #extract-value .x-btn {
	display: block;
	margin-inline: auto;
	max-width: fit-content;
}
.home #cortex {
	background: var(--background) linear-gradient(0deg, var(--background-shaded), var(--background)) scroll no-repeat 0 0;
}
.home #featured {
	background: var(--background) linear-gradient(180deg, var(--background-shaded) 0%, var(--background-shaded) 65%, var(--background) 100%) scroll no-repeat 0 0;
}
.home #featured h2 {
	margin-block-end: 1.5rem;
}
@media (width < 600px) {
	.home #hero .x-row,
	.home #track-record .x-row,
	.home #hero .x-row-inner,
	.home #track-record .x-row-inner,
	.home #hero .x-col,
	.home #track-record .x-coll {
		flex-basis: 100%;
		margin-inline: auto;
		padding-inline: 0;
	}
}
@media (width >= 768px) {
	#hero .vertical-divider {
		margin-block-end: 3rem;
	}
	#what-we-do .vertical-divider {
		margin-block: 6rem;
	}
	#extract-value {
		padding-block: 0 8rem;
	}
	.home .recent-posts .title {
		font-size: var(--fs-lg);
	}
	.home #testimonial {
		padding-block-start: 8rem;
	}
}

/* US */

.us #title .x-row.x-container.width {
	width: 100%;
}
.us #title h1 {
	position: relative;
	font-size: clamp(5.8ch, 11.5vi, 20ch);
	font-weight: var(--fw-xl);
	line-height: 86%;
	padding-block-end: 0.6rem;
}
.us #title .words {
	position: relative;
	color: var(--primary);
}
.us #title .word {
	position: relative;
}
.us #title .h2 {
	font-size: var(--fs-xxl);
	font-weight: var(--fw-xl);
	line-height: 120%;
}
.us #cta h2 {
	font-family: var(--font-heading);
	font-weight: var(--fw-xxxl);
	text-transform: inherit;
	background-color: transparent;
	box-shadow: none;
	margin-block-end: 1rem;
}
.us #cortex .vertical-divider {
	height: max(calc(20dvh - 7rem), 4rem);
}
.us #cta {
	padding-block-end: 4rem;
}
.us #cta .x-text {
	aspect-ratio: inherit;
}
.us #cta .ellipse-motif + .cta {
	inset: auto;
	margin-block: 3rem 0;
}
.us #cta .x-row.perspective-grid {
	display: block;
}
.us #specialists .x-row .vertical-divider {
	margin-block: clamp(1rem, calc(14dvh - 6rem), 2.5rem) clamp(2rem, calc(14dvh - 8rem), 4rem);
}
.us #specialists #carousel-row ul {
	text-align: center;
}
.us #specialists #carousel-row + .x-row .vertical-divider {
	margin-block: clamp(2rem, calc(14dvh - 8rem), 4rem) clamp(1.7rem, calc(14dvh - 6rem), 4.7rem);
}
@media (prefers-reduced-motion: no-preference) {
	 .us #title .words {
		width: 100%;
		color: transparent;
		background: var(--primary) url("../assets/Cruxy-Abstract-Hero-Text.webp") scroll no-repeat 50% 50% / min(calc(100% - var(--page-margin-inline)), var(--page-max-width)) auto;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
		transition: 0.3s opacity linear;
		overflow: clip;
	}
	.us #title .words.chrome,
	.us #title .words.safari {
		background: transparent;
		background-clip: none;
		-webkit-background-clip: none;
	}
	.us #title .words.chrome .word,
	.us #title .words.safari .word {
		color: transparent;
		background: var(--primary) url("../assets/Cruxy-Abstract-Hero-Text.webp") scroll no-repeat 50% 50% / min(calc(100% - var(--page-margin-inline)), var(--page-max-width)) auto;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
	}
	.us #title .words .word {
		animation-direction: reverse;
		animation-duration: 0s;
	}
	.us #title .words.play .word {
		animation-delay: 0s;
	}
	/* .us #title .words.play {
		opacity: 1;
	}
	.us #title .words.play .word:nth-of-type(2n) {
		animation: 0.75s triptych-words-even ease-in-out 0.12s both;
	}
	.us #title .words.play .word:nth-of-type(2n-1) {
		animation: 0.75s triptych-words-odd ease-in-out 0.12s both;
	} */
	.us #title .words.play .word:nth-of-type(2) {
		animation-delay: 0.45s;
	}
	.us #title .words.play .word:nth-of-type(3) {
		animation-delay: 0.95s;
	}
	.us #title .words.chrome .word:nth-of-type(1) {
		background-position: 50% 20%;
	}
	.us #title .words.chrome .word:nth-of-type(3) {
		background-position: 50% 80%;
	}
}
@media (width < 600px) {
	.us #title .x-row,
	.us #track-record .x-row,
	.us #specialists .x-row,
	.us #title .x-row-inner,
	.us #track-record .x-row-inner,
	.us #specialists .x-row-inner,
	.us #title .x-col,
	.us #track-record .x-col,
	.us #specialists .x-col {
		flex-basis: 100%;
		margin-inline: auto;
		padding-inline: 0;
	}
}
@media (width >= 600px) {
	.us #title h1,
	.us #title .h1 {
		font-weight: var(--fw-xxxl);
		line-height: 82%;
		margin-block: clamp(2rem, 1vi + 2rem, 4rem);
	}
	.us #track-record {
		padding-block: 8rem;
	}
	.us #specialists {
		padding-block: 2rem 2rem;
	}
	.us #specialists .x-row:first-child {
		margin-block-end: 3rem;
	}
	.us #cta {
		padding-block-end: 0;
	}
}
@media (width >= 1200px) {
	.us #title .words {
		mask-image: linear-gradient(90deg, #0000 0%, #000 3%, #000 97%, #0000 100%);
	}
	.us #cta {
		padding-block-end: 11px;
	}
}

/* WHAT */

.what #title .x-row:first-child {
	overflow: hidden;
	margin-inline: 0;
	padding-inline: 0;
}
.what #title .x-row:first-child .x-col {
	margin-inline: 0;
	padding-inline: 0;
	flex-basis: 100%;
}
.what #title .x-row:first-child {
	margin-block: 0 3rem;
	margin-inline: auto;
	width: min(100%, 140rem);
}
.what #title .x-row:first-child .x-text {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	justify-content: center;
}
.what #title .x-row:first-child .x-text > * {
	flex: 1 0 100%;
}
.what #title ul {
	list-style: none;
	position: relative;
	min-height: 4em;
	font-size: var(--fs-xxxl);
	margin-block: 0 -2.1em;
}
.what #title .slide {
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	color: var(--foreground);
	background-color: transparent;
	font-family: var(--font-heading);
	font-size: clamp(4.6rem, 9vw + 0.4rem, 13.1rem);
	margin-block: clamp(1rem, 3vw + 1rem, 12rem) calc(clamp(1rem, 4.3vw + 1rem, 6.5rem) * -0.5);
	margin-inline: auto;
	width: fit-content;
	font-weight: var(--fw-xxxl);
	line-height: 100%;
	box-shadow: 8rem 0 1.5rem 0 var(--background), -8rem 0 1.5rem 0 var(--background);
	letter-spacing: 0.08em;
	gap: 0;
	clip-path: inset(0% 0% 0% 0%);
	overflow: clip;
	transition: 0.2s margin linear, 0.15s opacity linear, 0.15s background-color linear, 0.15s clip-path ease-in-out;
	z-index: 2;
}
.what #title .slide .reduce {
	font-size: max(0.25em, var(--fs-sm));
	line-height: 170%;
	font-weight: var(--fw-md);
	letter-spacing: normal;
	transition: 0.3s opacity linear, 0.3s translate ease-in-out, 0.3s scale ease-in-out;
}
.what #title .slide.hide {
	opacity: 0;
	clip-path: inset(0% 50% 0% 50%);
	z-index: 1;
}
.what #title .slide span {
	flex: 1 0 100%;
	position: relative;
	z-index: 13;
}
#title .slide .emphasise::before,
#title .slide .emphasise::after {
	box-shadow: 0 0 0 0.2em var(--background) inset;
	content: '';
	position: absolute;
	height: 0.3em;
	width: calc(100% - 1em);
	inset: auto 0.5em 0.15em 0.5em;
	transition: 0.3s opacity linear;
	filter: blur(0.1em);
	z-index: -1;
}
#title .slide .emphasise::after {
	filter: blur(0.15em);
}
.what #title .slide.hide .emphasise::before,
.what #title .slide.hide .emphasise::after {
	opacity: 0;
}
.what #title .video {
	position: relative;
	display: flex;
	align-content: center;
	justify-content: center;
	margin: 0;
	height: calc(9vw + 12.3rem);
	translate: 0 max(-8vh, -8vw);
	overflow: clip;
}
.what #title video {
	position: relative;
	aspect-ratio: 5.613793103448276;
	flex: 1 0 clamp(50rem, 100vw + 7.5rem, 120rem);
	min-width: clamp(50rem, 100vw + 7.5rem, 120rem);
	margin-inline: auto;
	pointer-events: none;
	z-index: 1;
}
.what #title .h2 {
	width: min(90%, 14.7em);
	font-size: clamp(2.2rem, 10.3vw, var(--fs-xl));
	font-weight: var(--fw-xl);
	line-height: 110%;
	margin-inline: auto;
	text-wrap: auto;
}
.what #title .vertical-divider {
	margin-block-end: 2rem;
}
#distinctly-different {
	--foreground: #FFF;
	--background: #000;
	color: var(--foreground);
	background: var(--primary) url("/wp-content/uploads/Abstract-Distinctly-Different.jpg") scroll no-repeat 0% 50% / cover;
}
#distinctly-different h2,
#distinctly-different .h2,
#distinctly-different p,
#distinctly-different li {
	text-align: center;
}
#distinctly-different h2,
#distinctly-different .h2 {
	font-size: min(13.3vw, var(--fs-xxxl));
	text-transform: uppercase;
	color: var(--foreground);
	font-family: var(--font-heading);
	font-weight: var(--fw-xxxl);
	margin-block: 0;
	letter-spacing: 0.06em;
}
#distinctly-different .x-row + .x-row {
	position: relative;
	transition: 0.2s linear margin;
}
#distinctly-different .x-row.distinctly {
	margin-block-end: -2.2rem;
	z-index: 3;
}
#distinctly-different .x-row.points {
	box-shadow: 0 2.5vw 4.1vw 0 var(--primary), 0 -2.5vw 4.1vw 0 var(--primary);
	z-index: 1;
}
#distinctly-different .x-row.points .x-col {
	background-color: var(--background);
	padding-block: clamp(6.9rem, 10vw, 13rem);
	padding-inline: clamp(3rem, 7vw, 9rem);
}
#distinctly-different .x-row.different {
	margin-block-start: -3.1rem;
	z-index: 2;
}
#distinctly-different .small {
	position: relative;
	display: block;
	font-size: 0.25em;
	font-family: var(--font-body);
	margin-block: 0 0.7em;
	letter-spacing: 0.1em;
	z-index: 3;
}
#distinctly-different .small::after {
	position: absolute;
	content: '';
	box-shadow: 0 0 3vw color-mix(in lab, var(--primary) 90%, #0000);
	width: 4.5em;
	height: 1.2em;
	background-color: color-mix(in lab, var(--primary) 90%, #0000);
	display: block;
	inset: auto auto 0 50%;
	translate: -50% 0;
	filter: blur(0.4em);
	z-index: -1;
}
#distinctly-different .panels {
	color: var(--foreground);
	background-color: var(--background);
	list-style: none;
	margin-block: 0;
	margin-inline: auto;
	padding-block: 0;
	padding-inline: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: center;
	width: min(100%, 36ch);
}
#distinctly-different .panels li {
	flex: 1 0 100%;
	margin-inline: 0;
	padding-inline: 0;
}
#distinctly-different h3 {
	color: var(--secondary);
	font-family: var(--font-heading);
	line-height: 110%;
	margin-block: 0 1.8rem;
	text-wrap: balance;
}
#distinctly-different p:last-child {
	margin-block-end: 0;
}
#distinctly-different .carousel-navigation {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	justify-content: center;
	width: min(10em, 44%);
	margin-block: 3.3rem 0;
	margin-inline: auto;
	padding-inline: 0;
}
#distinctly-different .carousel-navigation li {
	flex: 1 0 1em;
	text-align: center;
	color: var(--dark-foreground);
}
#distinctly-different .carousel-navigation .current {
	background: transparent url("/wp-content/uploads/Diamond-Motif.svg") no-repeat scroll 0 0 / 100%;
}
#distinctly-different .carousel-navigation li a {
	color: var(--dark-foreground);
}
#distinctly-different .carousel-navigation .current a {
	color: var(--secondary);
}
#distinctly-different .carousel-navigation .icon {
	width: 0.9em;
	height: 0.9em;
	background-color: var(--dark-foreground);
	border-radius: 50%;
	scale: 0.5;
	transition: 0.2s scale linear, 0.2s border-radius linear, 0.2s background-color linear;
}
#distinctly-different .carousel-navigation .current .icon {
	background-color: transparent;
	border-radius: 0;
	scale: 1;
}
.what #cortex {
	padding-block: 7rem 4rem;
}
.what #cortex h3 {
	font-size: calc(var(--fs-xxl) * 0.95);
}
@media (width >= 600px) {
	.what #title h1,
	.what #title .slide {
		margin-block: clamp(1rem, 3vw + 1rem, 12rem) calc(1vw - 5rem);
	}
	.what #title h1 {
		margin-block-end: calc(clamp(1rem, 4.3vw + 1rem, 6.5rem) * -1);
	}
	.what #title .h2 {
		width: min(90%, 17.3em);
		text-wrap: balance;
	}
	.what #title .x-row:first-child {
		margin-block: 0 6rem;
	}
	.what #title .video {
		translate: max(0rem, -2.4vw) 0;
	}
	#distinctly-different {
		background-position-x: 50%;
	}
	#distinctly-different .x-row:first-child {
		margin-block-end: -3.3rem;
	}
	#distinctly-different .x-row.points {
		box-shadow: 0 4rem 7rem 0 var(--primary), 0 -4rem 7rem 0 var(--primary);
	}
	#distinctly-different .x-row:last-child {
		margin-block-start: -4.6rem;
	}
	#distinctly-different .small::after {
		box-shadow: 0 0 4rem color-mix(in lab, var(--primary) 90%, #0000);
		width: 7.4em;
		height: 1.1em;
		filter: blur(0.5em);
	}
	#distinctly-different .panels {
		gap: 2.5rem;
	}
	.what #cortex {
		padding-block: 9rem 6rem;
	}
	.what #cortex h3 {
		font-size: var(--fs-xxl);
	}
}
@media (width >= 768px) {
	#distinctly-different .carousel-navigation {
		display: none;
	}
	.what #title .x-row:first-child {
		margin-block-end: 5rem;
	}
}
@media (width >= 800px) {
	.what #title .slide {
		margin-block-end: calc(1vw + -1.1rem);
	}
	#distinctly-different .x-row.distinctly {
		margin-block-end: calc(-1.3vw - 3rem);
	}
	#distinctly-different .x-row.different {
		margin-block-start: calc(-2.3vw - 3.5rem);
	}
	#distinctly-different .panels li {
		flex-basis: 10rem;	
	}
	#distinctly-different .panels {
		gap: clamp(5rem, 5vw, 8rem);
		width: auto;
	}
}
@media (width >= 1400px) {
	.what #title .slide {
		margin-block-end: 5rem;
	}
	.what #title video {
		clip-path: inset(0 5px 0 5px);
	}
}
@media (width >= 1600px) {
	.what #title .slide {
		margin-block-end: 8rem;
	}
	.what #title video {
		clip-path: inset(0 6px 0 6px);
	}
}

/* POSTS/INSIGHTS */

.h-landmark,
.x-header-landmark {
	font-size: var(--fs-xxl);
	font-family: var(--font-heading);
	text-transform: uppercase;
	font-weight: var(--fw-xxxl);
}
.p-landmark-sub {
	font-family: var(--font-body);
	text-transform: none;
	font-weight: var(--fw-base);
}
.h-landmark {
	overflow: inherit;
	margin-block: 0;
	padding-block: 0;
	letter-spacing: inherit;
	line-height: inherit;
}
.x-header-landmark {
	text-align: center;
	margin-block: 0;
	margin-inline: auto;
}
.h-landmark span::before,
.h-landmark span::after,
.x-header-landmark::before,
.x-header-landmark::after {
	display: none;
	visibility: hidden;
}
.blog .entry-thumb img,
.blog .entry-thumb a:empty,
.search-results .entry-thumb img,
.search-results .entry-thumb a:empty,
.recent-posts .image img,
.recent-posts .image:empty {
	position: relative;
	aspect-ratio: 3 / 2;
	width: 100%;
	object-fit: cover;
}
.blog .entry-thumb a:empty,
.search-results .entry-thumb a:empty,
.recent-posts .image:empty {
	content: '';
	background-image: linear-gradient(163deg, color-mix(in lab, var(--subtle) 40%, var(--background-shaded)), var(--background-shaded) 80%);
}
.blog .entry-thumb a::before,
.blog .entry-thumb a::after,
.search-results .entry-thumb a::before,
.search-results .entry-thumb a::after,
.recent-posts .image::before,
.recent-posts .image::after {
	position: absolute;
	content: '';
	inset: auto 0 0 0;
	height: 8px;
	transition: 0.4s background-color ease-in, 0.4s height ease-out, 0.4s opacity linear;
}
.blog .entry-thumb a::before,
.search-results .entry-thumb a::before,
.recent-posts .image::before {
	background-color: var(--secondary);
	z-index: 2;
}
.blog .entry-thumb a::after,
.search-results .entry-thumb a::after,
.featured .recent-posts .image::after {
	height: 8px;
	opacity: 0;
	z-index: 1;
}
.blog .entry-thumb a:hover::before,
.search-results .entry-thumb a:hover::before,
.recent-posts a:hover .image::before {
	height: 16px;
	background: var(--primary) url("../assets/Cruxy-Abstract-CTA-Cross.webp") scroll no-repeat 50% 0 / cover;
}
.blog .entry-thumb a:hover::before,
.search-results .entry-thumb a:hover::before,
.recent-posts a:hover .image::after,
.featured .recent-posts a:hover .image::after {
	height: 16px;
}
.recent-posts {
	justify-content: center;
	gap: 4.7rem 2.7rem;
}
.recent-posts li {
	flex: 1 0 20.3rem;
	max-width: 30rem;
}
.recent-posts li .title a {
	justify-content: start;
}
.recent-posts li > a {
	align-content: flex-start;
	gap: 0.4rem 0.2rem;
}
.recent-posts .image {
	position: relative;
	overflow: hidden;
	order: 1;
	margin-block: 0 0.6rem;
}
.recent-posts .image img {
	transition: 1.5s filter linear, 1.5s transform ease-in-out;
	background-color: var(--background-shaded);
	margin: 0;
}
.recent-posts .title {
	font-family: var(--font-heading);
	font-size: var(--fs-xl);
	font-weight: var(--fw-md);
	line-height: 120%;
	margin-block: 0 0.4rem;
}
.recent-posts .date,
.recent-posts .title {
	flex: 1 0 100%;
}
.recent-posts .date,
.recent-posts .author,
.recent-posts .reading-time,
.single-post .post-meta li {
	color: var(--subtle);
	font-size: var(--fs-sm);
	text-transform: uppercase;
}
.recent-posts .author,
.recent-posts .reading-time {
	flex: 2 0 min-content;
	align-items: start;
	align-self: start;
	margin-inline: 0;
	display: inline-flex;
	letter-spacing: var(--font-spaced);
}
.recent-posts .author .name,
.recent-posts .reading-time {
	margin-block-start: 0.1em;
}
.recent-posts .reading-time {
	flex: 1.8 0 min-content;
	text-align: start;
	justify-content: start;
}
.recent-posts .author .reading-time {
	margin-inline-start: 2.4em;
}
.recent-posts .reading-time .icon {
	display: none;
}
.recent-posts .reading-time::before {
	position: absolute;
	content: '•';
	margin-inline: -1.2rem 0;
	z-index: 0;
}
.recent-posts .date {
	font-weight: var(--fw-base);
}
.recent-posts .avatar,
.single-post .avatar {
	display: inline-block;
	width: min(2em, 100%);
	aspect-ratio: 1;
	height: auto;
	border-radius: 50%;
	margin-inline-end: 0.8rem;
	filter: grayscale(100%);
}
.insights #title h1 {
	width: min(100%, 15em);
	font-size: calc(var(--fs-xxxl) * 0.85);
	line-height: 90%;
	color: var(--foreground);
	text-transform: uppercase;
	text-wrap: balance;
	margin-inline: auto;
	font-weight: var(--fw-xxxl);
}
.insights .featured .image::after {
	display: none;
}
.insights .featured .image img {
	position: relative;
	aspect-ratio: 5 / 3;
	object-fit: cover;
	transition: 1.5s filter linear, 1.5s transform ease-in-out;
	width: 100%;
}
.insights .featured .recent-posts .image img {
	aspect-ratio: 5 / 3;
}
.insights .featured ul.excerpt {
	display: block;
	list-style: square;
	margin-inline: 1.05em;
}
.insights .featured .excerpt li {
	display: list-item;
}
.insights #featured::after,
#cortex-snapshot::before,
#cortex-snapshot::after {
	content: '';
	position: absolute;
	width: 80%;
	inset: 0 auto auto 10%;
	height: 1px;
	background: transparent linear-gradient(90deg, var(--background), var(--foreground) 40%, var(--foreground) 60%, var(--background)) scroll no-repeat 0 0;
	z-index: 42;
}
.insights #featured::after,
#cortex-snapshot::after {
	inset-block: auto 1.3rem;
}
#cortex-snapshot .image {
	padding: 1.1rem 2rem;
	background-color: var(--background-shaded);
}
#cortex-snapshot .image img {
	object-position: 10% 50%;
}
#cortex-snapshot .recent-posts .image::before {
	display: none;
}
#cortex-snapshot .recent-posts .image img[src$=".jpg"] {
	mix-blend-mode: overlay;
}
.insights input[type="search"],
.insights input[type="search"]::placeholder,
.insights #cortex-snapshot h2 {
	text-align: start;
}
#post-search-form {
	position: relative;
	display: flex;
	gap: 0.7rem;
	width: min(45rem, 100%);
	flex-wrap: wrap;
	margin-inline: auto;
}
#post-search-form input[type="search"],
#post-search-form button {
	font-size: var(--fs-base);
	height: auto;
	min-height: 0;
	line-height: 140%;
	margin-block: 0;
	padding-block: 0.5rem;
	padding-inline: 0.4rem;
}
#post-search-form input[type="search"] {
	flex: 1 0 100%;
	border: 0 none;
	box-shadow: 0 2px 0 0 color-mix(in lab, var(--background), var(--subtle));
	border-radius: 0;
}
#post-search-form input[type="search"]:hover {
	background: transparent;
	text-shadow: none;
}
#post-search-form button {
	position: absolute;
	width: 1.5em;
	height: auto;
	aspect-ratio: 1;
	inset-inline-end: 0;
	background-color: var(--background);
	color: var(--foreground);
}
#post-search-form button:hover {
	color: var(--primary);
	background: transparent;
	text-shadow: none;
}
#post-search-form button .icon {
	width: 100%;
	height: auto;
	rotate: -45deg;
}
#post-search-form button:hover .foreground-stroke {
	stroke: var(--primary);
}
.single-post .x-container.max.width .entry-content,
.single-post .x-container.max.width .entry-header,
.single-post .x-container .post-meta,
.single-post .x-container .entry-footer,
.single-post .x-container .post-tags,
.single-post .x-container .x-author-box {
	width: min(calc(100% - var(--page-margin-inline) * 2), calc(var(--page-max-width) * 0.66666667));
	margin-inline: auto;
}
.single-post .entry-title {
	font-size: var(--fs-xxxl);
	font-family: var(--font-heading);
	margin-block: 0;
	padding-block: 0.9em 1em;
	font-weight: var(--fw-xxxl);
}
.single-post .x-container .post-meta {
	margin-block: 0 3.8rem;
}
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5 {
	margin-block: 1.2em 1.1em;
}
.single-post .entry-content h2 {
	font-size: var(--fs-xl);
}
.single-post .entry-content h3 {
	font-size: var(--fs-lg);
}
.single-post .entry-content h4,
.single-post .entry-content h5 {
	font-size: var(--fs-base);
	font-weight: 600;
}
.single-post .entry-content p,
.single-post .entry-content li {
	font-size: var(--fs-base);
}
.single-post .entry-content > p:first-child,
.single-post .entry-content > h2:first-child + p {
	font-size: var(--fs-md);
}
.single-post .entry-content > h2:first-child + p + h2,
.single-post .entry-content > h2:first-child + p + h3,
.single-post .entry-content > h2:first-child + p + h4 {
	margin-block-start: 2em;
}
.single-post .entry-content p {
	margin-block: 1.2em 1.1em;
}
.single-post .entry-content li {
	margin-block: 0.8em 0.7em;
}
.single-post .post-meta ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	list-style: none;
	margin-inline: 0;
	padding-inline: 0;
	margin-block: 0;
	gap: 1.5rem 1rem;
}
.single-post .post-meta li {
	flex: 0 1 content;
	margin-block: 0;
	margin-inline: 0;
	padding-inline: 0;
}
.single-post .post-meta .date {
	position: absolute;
	font-size: var(--fs-base);
	color: var(--foreground);
	inset-block-start: 0;
}
.single-post .post-meta .avatar {
	flex: 0 1 1.9rem;
	margin-inline: -0.5rem 0;
}
.single-post .post-meta .avatar img {
	width: 100%;
	height: auto;
}
.single-post .post-meta .name {
	margin-inline-end: 1.2em;
}
.single-post .post-meta .reading-time::before {
	position: absolute;
	content: '•';
	translate: calc(var(--fs-md) * -1 - -0.4em);
}
.single-post .post-meta .social {
	flex: 1 0 100%;
	align-self: flex-start;
	justify-content: start;
	align-content: start;
	margin: 0;
}
.single-post .post-meta .social ul {
	display: flex;
	gap: 1rem;
	align-self: flex-start;
	justify-content: start;
	align-content: start;
	margin: 0;
}
.single-post .entry-thumb {
	position: relative;
}
.single-post .entry-thumb img {
	position: relative;
	z-index: 1;
}
.single-post.cortex .entry-thumb {
	display: none;
}
.single-post .entry-thumb::after {
	position: absolute;
	content: '';
	display: block;
	height: 16px;
	background: var(--primary) url("../assets/Cruxy-Abstract-Hero-Text.webp") scroll no-repeat 50% 0 / 100% auto;
	inset: auto 0 0;
	z-index: 10;
}
.single-post .wp-block-quote {
	margin-block: 6rem;
	border-block: 2px solid var(--primary);
	border-inline: 0 none;
	padding-block: 0.7rem;
}
.single-post .wp-block-quote p {
	font-size: var(--fs-xl);
	text-align: center;
	margin-inline: auto;
	width: min(calc(100% - var(--page-margin-inline) * 2), calc(var(--page-max-width) * 0.5));
	text-wrap: pretty;
}
.single-post .post-tags {
	font-size: var(--fs-base);
	margin-block: 7rem 4rem;
	color: var(--subtle)
}
.single-post .primary p,
.single-post .primary li,
.single-post .primary a {
	color: var(--primary);
}
.single-post .wp-block-buttons {
	margin-block: 4rem 2rem;
}
.single-post .tag-heading {
	font-weight: 600;
	margin-inline-end: 1.2em;
}
.single-post .post-tags a {
	color: var(--primary);
	display: inline-block;
}
.single-post .post-tags a + a {
	margin-inline-start: 1.55em;
}
.single-post .post-tags a + a::before {
	position: absolute;
	content: '•';
	translate: calc(var(--fs-md) * -1 - -0.4em);
}
.single-post .x-author-box {
	margin-block: 4rem 0;
	padding-block: 6rem 0;
	border-block-start: 1px solid color-mix(in lab, var(--foreground), var(--background));
}
.single-post .h-about-the-author {
	display: none;
}
.single-post .x-author-box .avatar {
	display: block;
	border-radius: 50%;
	float: none;
	width: 5rem;
}
.single-post .x-author-box .x-author-info {
	margin-block: 2rem 0;
	margin-inline: 0;
	color: var(--subtle);
}
.single-post .x-author-box .h-author,
.single-post .x-author-box .p-author {
	font-size: var(--fs-base);
}
.single-post .x-author-box .h-author {
	text-transform: uppercase;
	letter-spacing: inherit;
	margin-block: 1.1em;
}
.single-post .social {
	list-style: none;
	margin-inline: 0;
	padding-inline: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1.3rem;
	margin-block: 1.5rem 0;
}
.single-post .social li {
	padding-inline: 0;
	margin-inline: 0;
	display: inline-block;
	flex: 0 1 2.6rem;
	aspect-ratio: 1;
}
.single-post .social a {
	display: flex;
	align-content: center;
	justify-content: center;
	color: var(--subtle);
	border: 1px solid var(--subtle);
	border-radius: 50%;
	aspect-ratio: 1;
}
.single-post .social .icon {
	--foreground: var(--subtle);
	color: transparent;
	aspect-ratio: 1;
	width: 40%;
	height: auto;
	display: block;
	margin-inline: auto;
}
@media (width >= 600px) {
	.insights #title h1 {
		font-size: calc(var(--fs-xxxl) * 0.9);
	}
	.recent-posts {
		gap: 2.4rem;
		justify-content: center;
	}
	.recent-posts .date {
		flex: 40 0 1rem;
	}
	.insights .featured li {
		flex: 1 0 100%;
		display: grid;
		grid-template-columns: 1fr 0.5fr;
		grid-template-rows: 0.1fr 0.1fr 0.7fr .1fr;
		grid-auto-flow: row;
		gap: 1.5rem 3rem;
		max-width: none;
	}
	.recent-posts li .title a {
		justify-content: center;
	}
	.insights .featured a {
		display: block;
	}
	.insights .featured li > * {
		order: unset;
		justify-content: start;
	}
	.insights .featured .image {
		grid-area: 1 / 1 / 5 / 2;
		margin-block: 0;
	}
	.insights .featured .date {
		grid-area: 1 / 2 / 2 / 3;
		margin-block: 0;
	}
	.insights .featured .title {
		grid-area: 2 / 2 / 3 / 3;
		margin-block: 0;
	}
	.insights .featured .excerpt {
		grid-area: 3 / 2 / 4 / 3;
	}
	.insights .featured .author {
		grid-area: 4 / 2 / 5 / 3;
		margin-block: 0;
	}
	.insights .featured .recent-posts .image img {
		aspect-ratio: 2 / 3;
	}
	#recent .title,
	#more .title {
		font-size: var(--fs-md);
	}
	.insights #featured::after,
	#cortex-snapshot::before,
	#cortex-snapshot::after {
		display: none;
	}
	.single-post .post-meta .name {
		margin-inline-end: 1.2em;
	}
	.single-post .post-meta .social {
		flex: 10 0 content;
		align-self: flex-start;
		justify-content: start;
		align-content: start;
	}
	.single-post .post-meta .social ul {
		align-self: flex-start;
		justify-content: start;
		align-content: start;
	}
}
@media (width >= 850px) {
	.insights .featured .recent-posts .image img {
		aspect-ratio: 1;
	}
}
@media (width >= 950px) {
	.single-post .post-meta .social ul {
		justify-content: end;
	}
}
@media (width >= 1000px) {
	.single-post .wp-post-image {
		aspect-ratio: 5 / 2;
		object-fit: cover;
	}
}
@media (width >= 1050px) {
	.insights .featured .recent-posts .image img {
		aspect-ratio: 1.1;
	}
}
@media (width >= 1400px) {
	.insights .featured .recent-posts .image img {
		aspect-ratio: 5 / 3;
	}
	#cortex-snapshot .image img {
		object-position: 50% 50%;
	}
}

/* SOCIAL SHARE */

#social-share .x-row {
	width: auto;
	padding-block-start: 3rem;
	border-block-start: 1px solid color-mix(in lab, var(--foreground) 40%, var(--background-shaded));
}
#social-share p {
	font-size: var(--fs-sm);
}
#social-share ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-inline: 0;
	padding-inline: 0;
	gap: 0.8rem;
}
#social-share li {
	flex: 0 1 auto;
	margin-inline: 0;
	padding-inline: 0;
	line-height: 160%;
}
#social-share a {
	border: 1px solid var(--secondary);
	width: 2rem;
	display: block;
	aspect-ratio: 1;
	text-align: center;
}
#social-share a svg {
	position: relative;
	width: 0.8em;
	height: auto;
}
#social-share .email a svg {
	translate: 0 0.1em;
}
#social-share svg .primary-fill,
#social-share svg .foreground-fill {
	transition: 0.3s fill linear;
}
#social-share a:hover svg .primary-fill,
#social-share a:hover svg .foreground-fill {
	fill: var(--secondary);
}

/* BLOG/SEARCH RESULTS */

.blog .x-main.full,
.search-results .x-main.full,
.blog .x-main.full article,
.search-results .x-main.full article {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	gap: 3.2rem 2rem;
}
.blog .x-main.full .x-pagination,
.search-results .x-main.full .x-pagination {
	flex: 1 0 100%;
}
.blog .x-main.full article,
.search-results .x-main.full article {
	flex: 1 0 20rem;
	margin: 0;
	max-width: min(100%, var(--page-max-width) / 3.67);
	gap: 1.5rem;
}
.blog .entry-thumb,
.search-results .entry-thumb {
	order: 1;
}
.blog .entry-header,
.search-results .entry-header {
	order: 2;
	width: 100%;
}
.blog .entry-content,
.search-results .entry-content {
	order: 3;
	font-size: var(--fs-sm);
}
.blog .entry-footer,
.search-results .entry-footer {
	order: 4;
	font-size: var(--fs-sm);
}
.blog .entry-header h2,
.search-results .entry-header h2 {
	font-size: var(--fs-md);
}
.blog .entry-thumb,
.search-results .entry-thumb {
	margin-block-end: 2rem;
}
.blog .entry-thumb img,
.search-results .entry-thumb img {
	display: block;
	aspect-ratio: 5 / 3;
	object-fit: cover;
	width: 100%;
	height: auto;
	margin: 0;
	min-width: 0;
	max-width: none;
}
.blog article:not(:has(.entry-thumb)) .entry-header:first-child::before,
.search-results article:not(:has(.entry-thumb)) .entry-header:first-child::before {
	position: relative;
	aspect-ratio: 5 / 3;
	content: '';
	background-image: linear-gradient(35deg, var(--subtle), var(--background-shaded));
	width: 100%;
	height: auto;
	display: block;
	margin-block-end: 1.5rem;
}
.blog .more-link,
.search-results .more-link {
	display: inline-block;
	font-weight: inherit;
	font-size: var(--fs-sm);
	text-transform: uppercase;
}

/* CONTACT FORM */

.dark input[type="text"],
.dark input[type="email"],
.dark input[type="tel"],
.dark textarea {
	color: var(--dark-foreground);
	accent-color: var(--primary);
	background-color: var(--dark-background);
}
.dark button,
.dark button[type="submit"],
.dark input[type="submit"],
.dark .button,
.dark .x-btn {
	color: var(--dark-background);
	background-color: var(--dark-foreground);
}
body.home.no-scroll,
body.page.no-scroll,
body.post.no-scroll,
body.archive.no-scroll {
	overflow: hidden;
	height: 100dvh;
}
body.home.admin-bar.no-scroll,
body.page.admin-bar.no-scroll,
body.post.admin-bar.no-scroll,
body.archive.admin-bar.no-scroll {
	height: calc(100dvh - 32px);
}
#contact-form {
	text-align: center;
	min-height: calc(100dvh - 10rem);
	inset: 10.1rem auto auto auto;
	border: 0 none;
	width: 100vw;
	display: flex;
	max-width: none;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	flex-direction: column;
	transition: none;
	visibility: hidden;
	z-index: -1;
}
#contact-form::backdrop {
	opacity: 0;
	background-color: var(--dark-background);
	transition: none;
}
#contact-form[open] {
	position: fixed;
	visibility: visible;
	z-index: 300;
}
#contact-form.safari {
	min-height: calc(100vh - 30rem);
}
#contact-form .wpcf7,
#contact-form footer,
#contact-form .wpcf7-form,
#contact-form .wpcf7-form .view,
#contact-form .social-media,
#contact-form .buttons
#contact-form .wpcf7-form .sent,
#contact-form .sent .buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 1.2rem;
}
#contact-form .wpcf7,
#contact-form footer {
	flex: 1 0 min(var(--page-max-width), calc(100% - var(--page-margin-inline)));
}
#contact-form .wpcf7 {
	flex: 20 0 calc(100% - 3rem);
}
#contact-form .wpcf7-form {
	flex: 1 0 100%;
	align-content: center;
}
#contact-form .wpcf7-form > .previous {
	position: relative;
	flex: 1;
	justify-content: center;
	display: flex;
	translate: 0 -6.3vh;
	transition: 0.3s filter linear, 0.3s translate ease;
}
#contact-form .wpcf7-form > .previous.hide {
	pointer-events: none;
	visibility: hidden;
	translate: none;
	filter: opacity(0%);
}
#contact-form .wpcf7-form .view,
#contact-form .wpcf7-form .instructions,
#contact-form .wpcf7-form .sent,
#contact-form .wpcf7-form .view p {
	flex: 1 0 100%;
	position: relative;
	transition: 0.3s height linear, 0.3s translate ease;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	height: fit-content;
	gap: 2.7rem;
}
#contact-form h2,
#contact-form .button,
#contact-form .instructions,
#contact-form input::placeholder {
	text-transform: uppercase;
}
#contact-form input::placeholder {
	font-size: var(--fs-lg);
}
#contact-form .wpcf7-form.sent .hide,
#contact-form .wpcf7-form.sent .previous,
#contact-form .wpcf7-form.sent .view,
#contact-form .wpcf7-form.sent .instructions {
	display: none;
}
#contact-form .wpcf7-form .hide {
	position: relative;
	display: inherit;
	pointer-events: none;
	translate: 0 -3rem;
	height: 7rem;
	overflow: hidden;
	margin-block-end: -7rem;
	filter: opacity(0%);
	z-index: -1;
}
#contact-form .wpcf7-form.sent .hide {
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
}
#contact-form .wpcf7-form p label,
#contact-form .wpcf7-form p button,
#contact-form .wpcf7-form p .wpcf7-form-control-wrap {
	flex: 1 0 100%;
}
.contact-form label,
.contact-form .label {
	position: relative;
}
.contact-form .required {
	position: absolute;
	font-size: var(--fs-sm);
	color: var(--secondary);
	inset-block-start: -0.5em;
	margin-inline-start: 0.4em;
}
#contact-form .required {
	display: none;
}
#contact-form input::placeholder {
	opacity: 1;
	color: color-mix(in lab, var(--dark-foreground) 50%, var(--dark-background));
}
#contact-form .wpcf7-form-control-wrap::after {
	position: absolute;
	content: '';
	width: 90%;
	height: 3px;
	inset-inline-start: 5%;
	inset-block-end: 0;
	background: linear-gradient(90deg, var(--dark-background) 0%, #0000 15%, #0000 85%, var(--dark-background) 100%), url("../assets/Cruxy-Abstract-Hero-Cross.webp");
	z-index: 1;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form textarea {
	position: relative;
	display: block;
	text-align: center;
	border: 0 none;
	font-size: var(--fs-xl);
	padding-block: 0.4em;
	padding-inline: 0.6em;
	transition: 0.3s scale ease;
	max-height: 5.9em;
	width: 100%;
	margin-inline: auto;
}
#contact-form .hide input[type="text"],
#contact-form .hide input[type="email"],
#contact-form .hide input[type="tel"],
#contact-form .hide textarea {
	color: var(--dark-background);
	scale: 0 1;
	transform-origin: 0 0;
}
#contact-form textarea {
	font-size: var(--fs-md);
}
#contact-form #contact-message {
	height: 5.9em;
	max-height: 8.6em;
}
#contact-form .wpcf7 p {
	margin: 0;
}
.contact-form .recaptcha {
	visibility: hidden;
}
.contact-form .privacy {
	float: inline-end;
}
#contact-form .social-media,
#contact-form .buttons {
	justify-content: center;
	flex: 1 0 100%;
}
#contact-form .wpcf7-form .instructions a {
	color: var(--dark-foreground);
}
#contact-form .view .buttons {
	padding-block-start: 3.4rem;
}
#contact-form .buttons #contact-submit,
#contact-form .sent .button {
	display: block;
	flex: 0 0 min(100%, 13.8em);
	padding-block: 1.2em;
	font-size: var(--fs-base);
	text-shadow: none;
}
#contact-form .wpcf7-character-count,
#contact-form .wpcf7-not-valid-tip {
	position: absolute;
	font-size: var(--fs-sm);
}
#contact-form .wpcf7-character-count {
	color: color-mix(in lab, var(--dark-foreground) 50%, var(--dark-background));
	inset-block-end: -2.5rem;
	z-index: 10;
}
#contact-form .wpcf7-not-valid-tip {
	background-color: var(--dark-background);
	translate: -50% 50%;
	inset-inline-start: 50%;
	z-index: 11;
}
#contact-form .x-alert-success,
#contact-form .wpcf7-mail-sent-ok,
#contact-form .wpcf7-form.sent .wpcf7-response-output {
	border-color: var(--secondary);
	color: var(--dark-background);
	background-color: var(--secondary);
	border-color: var(--secondary);
	flex: 1 0 100%;
	border-radius: 0;
}
#contact-form .sent .wpcf7-mail-sent-ok {
	display: none;
}
#contact-form .wpcf7-form .sent {
	color: var(--dark-background);
	background-color: var(--secondary);
	justify-content: center;
	align-content: center;
	flex: 1 0 100%;
	flex-direction: column;
}
#contact-form footer {
	position: relative;
	align-content: end;
}
#contact-form .social-media {
	display: none;
}
#contact-form .social-media ul {
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-block: 0;
	margin-inline: auto;
	padding-block: 0;
	padding-inline: 0;
	width: min(100%, var(--page-max-width));
}
#contact-form .social-media li {
	flex: 1;
	margin-block: 0;
	padding-block: 0;
	padding-inline: 0;
}
#contact-form .social-media li:first-child {
	text-align: start;
}
#contact-form .social-media li:last-child {
	text-align: end;
}
#contact-form .social-media a {
	display: inline-block;
}
#contact-form .icon {
	color: transparent;
	aspect-ratio: 1;
	font-size: 1px;
	width: 2.7rem;
	height: auto;
	display: block;
	text-align: center;
	background: transparent no-repeat scroll 50% 50% / 1.15rem;
}
#contact-form .social-media .icon {
	border-radius: 100%;
	border: 1px solid var(--dark-foreground);
} 
#contact-form .previous.icon {
	width: 2.1rem;
	background-image: url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMSAyLjIwNiA0Ljc2NSA5LjczNCA0IDkuMDg5bDcuNTIxLTkgNy40NzkgOS0uNzY0LjY0NkwxMiAyLjIwNXYyMS44ODRoLTFWMi4yMDZ6Ii8+PC9zdmc+");
	background-size: cover;
}
#contact-form .icon.x {
	background-image: url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDExIDEwIiBmaWxsPSIjRkZGIj48ZyBjbGlwLXBhdGg9IiNtYXNrLWNvbnRhY3QtZm9ybS14Ij48cGF0aCBkPSJNOC42NTI2NSAwaDEuNjg2NjVMNi42MzU5OCA0LjI0MzU0IDEwLjk2MjcgMTBINy41NjczMkw0LjkwODk4IDYuNTAxODQgMS44NjU2NSAxMEguMTc4OThsMy45MjMzNC00LjUzODc1TC0uMDQxMDIgMGgzLjQ3OTY3bDIuNDAxNjcgMy4xOTU1N0w4LjY1MjY1IDBabS0uNTkwMzMgOS4wMDM2OWguOTM1bC02LjA1LTguMDQ0MjhIMS45NDI2NWw2LjExOTY3IDguMDQ0MjhaIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0ibWFzay1jb250YWN0LWZvcm0teCI+PHBhdGggZD0iTTAgMGgxMXYxMEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==");
}
#contact-form .icon.linkedin {
	background-image: url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAzMTAgMzEwIiBmaWxsPSIjRkZGIj48cGF0aCBkPSJNNzIuMTYgOTkuNzNIOS45MjdhNSA1IDAgMCAwLTUgNXYxOTkuOTI4YTUgNSAwIDAgMCA1IDVINzIuMTZhNSA1IDAgMCAwIDUtNVYxMDQuNzNhNSA1IDAgMCAwLTUtNXpNNDEuMDY2LjM0MUMxOC40MjIuMzQxIDAgMTguNzQzIDAgNDEuMzYyIDAgNjMuOTkxIDE4LjQyMiA4Mi40IDQxLjA2NiA4Mi40YzIyLjYyNiAwIDQxLjAzMy0xOC40MSA0MS4wMzMtNDEuMDM4QzgyLjEgMTguNzQzIDYzLjY5Mi4zNDEgNDEuMDY2LjM0MXptMTg5LjM4OCA5NC40MmMtMjQuOTk1IDAtNDMuNDcyIDEwLjc0NS01NC42NzkgMjIuOTU0VjEwNC43M2E1IDUgMCAwIDAtNS01aC01OS41OTlhNSA1IDAgMCAwLTUgNXYxOTkuOTI4YTUgNSAwIDAgMCA1IDVoNjIuMDk3YTUgNSAwIDAgMCA1LTVWMjA1Ljc0YzAtMzMuMzMzIDkuMDU0LTQ2LjMxOSAzMi4yOS00Ni4zMTkgMjUuMzA2IDAgMjcuMzE3IDIwLjgxOCAyNy4zMTcgNDguMDM0djk3LjIwNGE1IDUgMCAwIDAgNSA1SDMwNWE1IDUgMCAwIDAgNS01VjE5NC45OTVjMC00OS41NjUtOS40NTEtMTAwLjIzNC03OS41NDYtMTAwLjIzNHoiLz48L3N2Zz4=");
}
#contact-form.secondary .icon.x {
	border: 1px solid var(--dark-background);
	background-image: url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDExIDEwIj4KICA8ZyBjbGlwLXBhdGg9InVybCgnI2NvbnRhY3QtZm9ybS14LW1hc2stMiI+Cgk8cGF0aCBkPSJNOC42NTI2NSAwaDEuNjg2NjVMNi42MzU5OCA0LjI0MzU0IDEwLjk2MjcgMTBINy41NjczMkw0LjkwODk4IDYuNTAxODQgMS44NjU2NSAxMEguMTc4OThsMy45MjMzNC00LjUzODc1TC0uMDQxMDIgMGgzLjQ3OTY3bDIuNDAxNjcgMy4xOTU1N0w4LjY1MjY1IDBabS0uNTkwMzMgOS4wMDM2OWguOTM1bC02LjA1LTguMDQ0MjhIMS45NDI2NWw2LjExOTY3IDguMDQ0MjhaIi8+CiAgPC9nPgogIDxkZWZzPgoJPGNsaXBQYXRoIGlkPSJjb250YWN0LWZvcm0teC1tYXNrLTIiPgoJICA8cGF0aCBkPSJNMCAwaDExdjEwSDB6Ii8+Cgk8L2NsaXBQYXRoPgogIDwvZGVmcz4KPC9zdmc+");
}
#contact-form.secondary .icon.linkedin {
	border: 1px solid var(--dark-background);
	background-image: url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48cGF0aCBkPSJNMi43IDEySC4xNVYzLjk3NUgyLjdWMTJaTTEuNDI1IDIuODVDLjYgMi44NSAwIDIuMjUgMCAxLjQyNSAwIC42LjY3NSAwIDEuNDI1IDAgMi4yNSAwIDIuODUuNiAyLjg1IDEuNDI1YzAgLjgyNS0uNiAxLjQyNS0xLjQyNSAxLjQyNVpNMTIgMTJIOS40NVY3LjY1QzkuNDUgNi4zNzUgOC45MjUgNiA4LjE3NSA2Yy0uNzUgMC0xLjUuNi0xLjUgMS43MjVWMTJoLTIuNTVWMy45NzVoMi40VjUuMWMuMjI1LS41MjUgMS4xMjUtMS4zNSAyLjQtMS4zNSAxLjQyNSAwIDIuOTI1LjgyNSAyLjkyNSAzLjNWMTJIMTJaIi8+PC9zdmc+");
}
#contact-form .address {
	position: absolute;
	display: none;
	color: color-mix(in lab, var(--foreground) 80%, var(--background));
	text-align: center;
	width: calc(100% - var(--page-margin-inline));
	margin-block: 0;
	inset-block-end: 0.5rem;
	z-index: -1;
}
#contact-form .sent h3,
#contact-form .sent p {
	background: transparent;
	color: var(--dark-background);
}
#contact-form .sent h3 {
	font-size: var(--fs-xxxl);
	text-transform: uppercase;
	margin-block: 0;
}
#contact-form .sent .buttons {
	margin-block-start: 3rem;
}
#contact-form .sent .button {
	color: var(--dark-background);
	background-color: #FFF;
	opacity: 1;
	border: 0 none;
	font-weight: var(--fw-base);
}
@media (width >= 768px) {
	#contact-form {
		width: 100%;
	}
	#contact-form input[type="text"],
	#contact-form input[type="email"],
	#contact-form input[type="tel"],
	#contact-form textarea {
		width: min(calc(100% - var(--page-margin-inline)), 60rem);
	}
	#contact-form input::placeholder {
		font-size: var(--fs-md);
	}
	#contact-form .social-media {
		display: flex;
		flex-wrap: wrap;
		flex: 1 0 100%;
	}
	#contact-form .address {
		display: block;
		z-index: -1;
	}
}

/* CORTEX */

#cortex {
	--scroll: 0;
	--circles-1: 0.12;
	--circles-2: 0.4;
	--circles-3: 0.8;
	--circles-4: 0.2;
	--circles-5: 0.4;
}
#cortex .h1 {
	color: var(--primary);
	font-size: var(--fs-xxxl);
	line-height: 120%;
	margin-block-end: 0;
}
#cortex .h1 {
	color: var(--primary);
	font-size: var(--fs-xxxl);
	line-height: 120%;
	margin-block: 0.7em 0;
}
#cortex .h1 + p {
	width: min(100%, calc(var(--page-max-width) * 0.35));
	margin-inline: auto;
	text-wrap: balance;
}
#cortex .small {
	font-size: 0.5em;
	margin-inline-start: 0.1em;
	font-weight: var(--fw-md);
}
#cortex .x-row-inner {
	margin: 0;
	padding: 0;
}
#cortex h3,
#cortex p {
	text-align: center;
}
#cortex h3 {
	text-wrap: balance;
}
#cortex h2 + p {
	line-height: 120%;
}
#cortex h3,
#cortex h3 + p,
#cortex .x-row:last-child p {
	margin-inline: auto;
}
#cortex h3 {
	font-size: var(--fs-xxl);
	font-family: var(--font-heading);
	font-weight: var(--fw-xl);
	text-transform: uppercase;
	width: min(100%, 22ch);
	margin-block: 0 2rem;
	line-height: 110%;
}
#cortex h3 + p,
#cortex .x-row:last-child p {
	width: min(100%, calc(var(--page-max-width) * 0.35));
}
#cortex .x-row:last-child p:first-child {
	margin-block-end: 2.5rem;
}
#cortex .x-row:has(.illustration) .x-col {
	margin: 0;
	padding: 0;
	flex-basis: 100%;
}
#cortex .illustration {
	position: relative;
	margin-inline: 0;
	aspect-ratio: 1.45;
	overflow: clip;
	padding-block-start: 2.7rem;
}
#cortex .illustration .laptop,
#cortex .illustration .grid,
#cortex .illustration .x-axis {
	position: absolute;
}
#cortex .illustration .laptop img,
#cortex .illustration .circles svg {
	width: min(40rem, 100%);
	margin-inline: auto;
	max-width: none;
	scale: 1.05;
}
#cortex .illustration .laptop {
	z-index: 20;
}
#cortex .illustration .laptop img,
#cortex .illustration .circles svg {
	width: min(40rem, 100%);
	margin-inline: auto;
	max-width: none;
}
#cortex .illustration img,
#cortex .illustration svg {
	width: 100vw;
	margin-inline: 0;
	display: block;
	height: auto;
}
#cortex .illustration .circles {
	position: relative;
	text-align: center;
	width: min(100vw, 1400px);
	margin-inline: auto;
	scale: 1.3;
	translate: 0.4rem -0.3rem;
	z-index: 10;
}
#cortex .point,
#cortex .point::before {
	position: absolute;
	border-radius: 50%;
}
#cortex .point {
	inset: 37% auto auto 46.2%;
	display: flex;
	align-content: center;
	justify-content: center;
	background: var(--background) url("../assets/Cruxy-Abstract-Cortex-Point.webp") scroll no-repeat 0 0 / cover;
	width: 2.1rem;
	aspect-ratio: 1;
	animation: 1s cortex-point linear calc(var(--scroll) * -1.2s) 1 both paused;
	z-index: 40;
}
#cortex .point::before {
	content: '';
	width: 1.6rem;
	height: 1.6rem;
	inset-block-start: 0.25rem;
	background-color: var(--background);
	z-index: 41;
}
#cortex .point .icon {
	position: relative;
	flex: 0 1 0.7rem;
	fill: var(--primary);
	z-index: 42;
}
#cortex .point-line {
	position: absolute;
	inset: 37% auto auto calc(46.2% - 1rem);
	opacity: 0;
	animation: 1s cortex-line linear calc(0.5 * -1.2s) 1 both paused;
	width: 8rem;
	z-index: 39;
}
#cortex .point-line svg {
	aspect-ratio: 2.53490336888795;
	width: 100%;
	height: auto;
	stroke-width: 2.5px;
	clip-path: inset(30% -8.75% -32.58% 21.54%);
}
#cortex .point-data {
	position: absolute;
	inset: calc(37% + 2.8rem) auto auto calc(46.2% + 4.2rem);
	font-size: calc(var(--fs-sm) * 0.35);
	line-height: 130%;
	padding-block: 2em 0.3em;
	padding-inline: 2px;
	border-radius: 0 0 11px 0;
	animation: 1s cortex-point-data linear calc(0.5 * -1.4s) 1 both paused;
	z-index: 38;
}
#cortex .point-data .data-point,
#cortex .point-data .median {
	display: block;
}
#cortex .point-data .value,
#cortex .point-data .median {
	font-weight: 600;
}
#cortex .point-data .median {
	margin-block: 1.2em 0;
	font-size: 0.9em;
	text-transform: uppercase;
}
#cortex .svg-circles {
	mask-image: linear-gradient(0deg, #000 0%, #000 1%, #000 99%, #000 100%);
	-webkit-mask-image: linear-gradient(0deg, #000 0%, #000 1%, #000 99%, #000 100%);
}
#cortex .svg-circles .circles-1,
#cortex .svg-circles .circles-3,
#cortex .svg-circles .circles-4,
#cortex .svg-circles .circles-5 {
	position: relative;
	stroke-miterlimit: 10;
	stroke-width: 1px;
	animation-play-state: paused;
	animation-delay: calc(0.5 * -1s);
	animation-timing-function: linear;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	stroke: var(--primary);
}
#cortex .svg-circles .circles-1 {
	opacity: var(--circles-1);
	animation: cortex-circles-1;
	translate: 0 calc(1rem * (1 - var(--circles-1)) * -19);
	filter: blur(0.3px);
}
#cortex .svg-circles .circles-2 {
	opacity: var(--circles-2);
	stroke-width: 0.66px;
	stroke-miterlimit: 10;
	translate: 0 calc(1rem * (1 - var(--circles-2)) * -19);
	animation-name: cortex-circles-2;
	filter: blur(0.25px);
}
#cortex .svg-circles .circles-3 {
	opacity: var(--circles-3);
	animation-name: cortex-circles-3;
	translate: 0 calc(1rem * (1 - var(--circles-3)) * -19);
	filter: blur(0px);
}
#cortex .svg-circles .circles-4 {
	opacity: var(--circles-4);
	animation-name: cortex-circles-4;
	translate: 0 calc(1rem * (1 - var(--circles-4)) * -19);
	filter: blur(0.6px);
}
#cortex .svg-circles .circles-5 {
	opacity: var(--circles-5);
	animation-name: cortex-circles-5;
	translate: 0 calc(1rem * (1 - var(--circles-5)) * -20);
	filter: blur(0.3px);
}
#cortex .illustration .grid {
	display: flex;
	align-content: flex-end;
	justify-content: center;
	flex-wrap: wrap;
	inset: clamp(10rem, 37vw, 33rem) auto auto;
	padding-block-end: var(--fs-lg);
	transform-origin: 50% 100%;
	scale: 1;
	translate: 0 3.2vw;
	mask-image: linear-gradient(#0000 0%, #00000043 92%, #000000FF 92%, #000000FF 100%);
	-webkit-mask-image: linear-gradient(#0000 0%, #00000043 92%, #000000FF 92%, #000000FF 100%);
	animation: 1s perspective-grid linear calc(0.5 * -1s) paused both;
	z-index: 1;
}
#cortex .illustration .grid svg {
	width: 150vw;
	margin-inline: -25vw;
	aspect-ratio: 12.03100775193798;
}
#cortex .illustration .grid svg {
	width: 150vw;
	margin-inline: -25vw;
	aspect-ratio: 12.03100775193798;
}
#cortex .illustration .grid path {
	fill: var(--subtle);
}
#cortex .illustration .x-axis {
	display: none;
	flex-wrap: wrap;
	margin-block: 0;
	padding: 0;
	list-style: none;
	width: min(68rem, 100vw);
	text-align: center;
	margin-inline: auto;
	inset: auto auto 0;
}
#cortex .illustration .x-axis li {
	flex: 1 0 30%;
	font-size: calc(var(--fs-sm) * 0.8);
	color: var(--subtle);
	margin: 0;
	padding: 0;
}
@media (width >= 600px) {
	#cortex .illustration {
		padding-block: 0;
	}
	#cortex .illustration .laptop img,
	#cortex .illustration .circles svg {
		scale: inherit;
	}
	#cortex .illustration .circles {
		scale: 1;
	}
	#cortex .point {
		inset: 29.5% auto auto 31%;
	}
	#cortex .point-line {
		inset: 37% auto auto calc(45% - 1rem);
	}
	#cortex .point::before {
		width: 1.5rem;
		height: 1.5rem;
		inset-block-start: 0.3rem;
	}
	#cortex .point {
		inset: 35.5% auto auto 36%;
	}
	#cortex .point-line {
		inset: calc(34.5% + 1.7rem) auto auto calc(36% + 2rem);
		width: 16rem;
	}
	#cortex .point .icon {
		flex-basis: 0.8rem;
	}
	#cortex .point-line svg {
		clip-path: none;
		stroke-width: 1px;
	}
	#cortex .point-data {
		inset: calc(34.5% + 7.6rem) auto auto calc(36% + 12.9rem);
		font-size: calc(var(--fs-sm) * 0.6);
	}
}
@media (width >= 40rem) {
	#cortex .illustration {
		width: 100vw;
		aspect-ratio: 16 / 9;
	}
	#cortex .illustration .laptop {
		inset-block: 2rem 0;
	}
	#cortex .illustration .laptop img {
		width: min(100%, var(--page-max-width));
		margin-inline: auto;
	}
	#cortex .illustration .circles svg {
		margin-inline: auto;
		display: block;
		width: 100%;
	}
	#cortex .illustration .circles {
		scale: 1.05;
		translate: 0.4rem 2.5rem;
	}
	#cortex .svg-circles .circles-1,
	#cortex .svg-circles .circles-3,
	#cortex .svg-circles .circles-4,
	#cortex .svg-circles .circles-5 {
		stroke-width: 0.75px;
	}
	#cortex .svg-circles .circles-2 {
		stroke-width: 0.33px;
	}
	#cortex .illustration .x-axis {
		display: inline-flex;
	}
	#cortex .illustration .grid {
		translate: 0 max(-14.8vw, -18rem);
	}
}
@media (width >= 960px) {
	#cortex .point {
		inset: 34.5% auto auto 54%;
		width: 4rem;
	}
	#cortex .point::before {
		width: 3.1rem;
		height: 3.1rem;
		inset-block-start: 0.45rem;
	}
	#cortex .point .icon {
		flex-basis: 1.4rem;
	}
	#cortex .point-line {
		inset: calc(37% + 1rem) auto auto calc(54% + 2rem);
		width: 21.2rem;
	}
	#cortex .point-data {
		position: absolute;
		inset: calc(34.5% + 10.2rem) auto auto calc(54% + 16.1rem);
		font-size: calc(var(--fs-sm) * 0.8);
	}
}
@media (width >= 1400px) {
	#cortex .x-row:last-child p:first-child {
		margin-block-end: 3rem;
	}
	#cortex .illustration {
		aspect-ratio: inherit;
		height: 800px;
	}
	#cortex .illustration .grid {
		translate: 0 calc(-25vw - 600px + 62rem);
	}
}
@media (prefers-reduced-motion: no-preference) {
	#cortex .point {
		animation: 1s cortex-point linear calc(var(--scroll) * -1.2s) 1 both paused;
	}
	#cortex .point-line {
		animation: 1s cortex-line linear calc(var(--scroll) * -1.2s) 1 both paused;
	}
	#cortex .point-data {
		animation: 1s cortex-point-data linear calc(var(--scroll) * -1.4s) 1 both paused;
	}
	#cortex .svg-circles .circles-1,
	#cortex .svg-circles .circles-3,
	#cortex .svg-circles .circles-4,
	#cortex .svg-circles .circles-5 {
		animation-play-state: paused;
		animation-delay: calc(var(--scroll) * -1s);
		animation-timing-function: linear;
		animation-duration: 1s;
		animation-iteration-count: 1;
		animation-fill-mode: both;
	}
	#cortex .svg-circles .circles-1 {
		animation-name: cortex-circles-1;
	}
	#cortex .svg-circles .circles-2 {
		animation-name: cortex-circles-2;
	}
	#cortex .svg-circles .circles-3 {
		animation-name: cortex-circles-3;
	}
	#cortex .svg-circles .circles-4 {
		animation-name: cortex-circles-4;
	}
	#cortex .svg-circles .circles-5 {
		animation-name: cortex-circles-5;
	}
	#cortex .illustration .grid {
		animation: 1s perspective-grid linear calc(var(--scroll) * -1s) paused both;
	}
	/* @media (width > 1200px) {
		#cortex .svg-circles {
			mask-image: linear-gradient(0deg, #0000 10%, #000 20%, #000 80%, #0000 100%);
		}
	}
	@media (width > 1400px) {
		#cortex .svg-circles {
			mask-image: linear-gradient(0deg, #0000 20%, #000 40%, #000 80%, #0000 100%);
		}
	} */
	@media (height > 1000px) {
		#cortex .point,
		#cortex .point-line,
		#cortex .point-data {
			animation-delay: calc(var(--scroll) * -1.4s);
		}
	}
	@media (height > 1200px) {
		#cortex .point,
		#cortex .point-line,
		#cortex .point-data {
			animation-delay: calc(var(--scroll) * -1.4s);
		}
	}
}

/* TESTIMONIAL */

.testimonial .secondary {
	--background: var(--secondary);
	background-color: var(--background);
}
.testimonial .x-col .x-text,
.testimonial .carousel,
.testimonial blockquote {
	display: flex;
	flex-wrap: wrap;
}
.testimonial .x-col .x-text {
	gap: 0;
	align-items: center;
}
.testimonial blockquote,
.testimonial .carousel,
.testimonial .side {
	flex: 1 0 100%;
	align-content: center;
	justify-content: center;
	text-align: center;
	border-block: 0 none;
}
.testimonial blockquote,
.testimonial .carousel {
	flex: 50 0 10em;
	margin-block: 0;
	margin-inline: auto;
}
.testimonial blockquote {
	padding-block: 5.4rem;
	padding-inline: max(3rem, 6vw);
	gap: clamp(4rem, 15vw, 6.9rem);
	align-content: center;
	justify-content: center;
	align-items: center;
}
.testimonial .carousel {
	list-style: none;
	padding-block: 0;
	padding-inline: 0;
	gap: 0;
}
.testimonial .carousel li {
	padding-inline: 0;	
	margin-inline: 0;	
}
.testimonial .carousel blockquote {
	flex: 1 0 100%;
	margin-inline: auto;
}
.testimonial blockquote::before,
.testimonial blockquote::after {
	display: none;
}
.testimonial .company img {
	display: block;
	width: min(100%, 9rem);
	height: auto;
	margin-inline: auto;
}
.testimonial .company::after {
	position: absolute;
	content: '';
	display: none;
	width: 0.9rem;
	aspect-ratio: 1;
	inset-inline-start: 50%;
	translate: -50% 3.1rem;
	background: transparent url("/wp-content/uploads/Diamond-Motif.svg") no-repeat scroll 0 0 / 100%;
}
.testimonial .large-text .company::after {
	visibility: hidden;
}
.testimonial .side {
	position: relative;
	flex: 1 0 100%;
	height: 5.3rem;
	text-transform: uppercase;
	font-size: var(--fs-sm);
	font-family: var(--font-heading);
	transition: 0.2s flex-basis linear;
}
.testimonial .side:first-child {
	border-block-end: 1px solid var(--primary);
}
.testimonial .side:last-child {
	border-block-start: 1px solid var(--primary);
}
.testimonial .side .bar {
	position: absolute;
	content: '';
	display: block;
	width: 11rem;
	height: calc(var(--fs-sm) * 0.7);
	inset: auto calc(50% - 5.5rem) calc(var(--fs-sm) * -0.35);
	font-size: 2px;
	color: transparent;
	background: var(--primary) url("../assets/Cruxy-Abstract-Horizontal-Divider.webp") scroll no-repeat 50% 50% / auto 100%;
	transition: 0.2s inset ease-in-out;
}
.testimonial .side:last-child .bar {
	inset: calc(var(--fs-sm) * -0.35) calc(50% - 5.5rem) auto;
}
.testimonial blockquote > *,
.testimonial .carousel > * {
	flex: 1 0 100%;
	margin-block: 0;
}
.testimonial p {
	font-size: var(--fs-md);
}
.testimonial .author,
.testimonial .credit {
	margin-block: 0.1rem 0;
	font-size: var(--fs-base);
	text-transform: uppercase;
}
.testimonial blockquote img,
.testimonial blockquote svg {
	display: block;
	width: min(50%, 9rem);
	height: auto;
	margin-block: 0;
	margin-inline: auto;
}
.testimonial .large-text blockquote .quote {
	font-size: var(--fs-xl);
	text-transform: uppercase;
	font-family: var(--font-heading);
	text-wrap: balance;
}
.testimonial .anon .quote {
	padding-block-start: 3rem;
}
.testimonial .vertical-text {
	position: absolute;
	display: none;
	height: 2em;
	width: 20ch;
	z-index: 10;
}
.testimonial .side:first-child .vertical-text {
	rotate: -90deg;
	inset-inline-start: 0;
	translate: -16% -47%;
}
.testimonial .side:last-child .vertical-text {
	rotate: 90deg;
	inset-inline-end: 20%;
	translate: -12% 300%;
	transform-origin: 100% 0%;
}
@media (width >= 500px) {
	.testimonial .side {
		flex-basis: 3.5em;
		height: auto;
	}
	.testimonial .side:first-child,
	.testimonial .side:last-child {
		border-block: 0 none;
	}
	.testimonial .side .bar {
		width: var(--fs-sm);
		height: 11rem;
		inset: auto 0 auto auto;
		translate: 50% -50%;
		background: var(--primary) url("../assets/Cruxy-Abstract-Testimonial-First-Bar.webp") scroll no-repeat 50% 50% / 100% auto;
	}
	.testimonial .side:last-child .bar {
		inset: auto auto auto 0;
		translate: -50% -50%;
		background-image: url("../assets/Cruxy-Abstract-Testimonial-Second-Bar.webp");
	}
	.testimonial blockquote {
		border-inline: 1px solid var(--primary);
		padding-block: clamp(3.5rem, 8.6vh, 7.2rem);
	}
}
@media (width >= 600px) {
	.testimonial .vertical-text {
		display: block;
	}
	.testimonial .side {
		flex-basis: 6.5em;
	}
	.testimonial .company::after {
		width: 1.7rem;
	}
}

/* VALUES */

#values {
	--image-ratio: 0.7579529737206086;
}
#values .x-row.x-container.max.width {
	width: 100%;
}
#values .x-row,
#values .x-row-inner > .x-col {
	flex-basis: 100%;
	padding-inline: 0;
	margin-inline: auto;
}
#values .word {
	display: inline-block;
	width: 100%;
}
#values ul {
	list-style: none;
	margin-block: 0;
	margin-inline: auto;
	padding-inline: 0;
}
#values li {
	margin-block: 0;
	margin-inline: auto;
	padding-inline: 0;
	display: block;
}
#values .carousel {
	display: flex;
	justify-content: center;
	list-style: none;
	margin-block: 0;
	margin-inline: auto;
	padding-inline: 0;
}
#values .carousel .slide {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex: 1 0 calc(100% - var(--page-margin-inline) * 2);
	transition: 0.3s filter linear, 0.3s scale ease-in-out;
	margin: 0;
	gap: 3rem;
}
#values .carousel .slide.hide {
	display: none;
}
#values .h2,
#values .image,
#values .points {
	position: relative;
	flex: 1 0 calc(100% - var(--page-margin-inline) * 2);
}
#values .h2 {
	position: absolute;
	color: var(--primary);
	width: min(100% - var(--page-margin-inline), 1400px);
	inset: calc(71.2vw - var(--page-margin-inline) - 1.15em) auto auto calc(var(--page-margin-inline) * 0.5);
	font-family: var(--font-heading);
	font-size: clamp(3rem, 14.5vw, 14.4rem);
	line-height: 87%;
	letter-spacing: 0;
	margin-block: 0;
	padding-block: 0.2em;
	font-weight: var(--fw-md);
	text-transform: uppercase;
	font-kerning: auto;
	transition: 0.3s filter linear, 0.3s margin linear, 0.3s clip-path linear;
}
#values .kinetic-precision .h2 {
	font-size: clamp(3rem, 14.5vw, 15.3rem);
}
#values .always-ahead .h2 {
	font-size: clamp(3rem, 14.5vw, 13.3rem);
	letter-spacing: 0.08em;
	padding-inline-start: 0.08em;
}
#values .kinetic-precision .h2 {
	font-size: clamp(3rem, 14.5vw, 15.3rem);
}
#values .exquisite-alignment .h2 {
	font-size: clamp(3rem, 14.5vw, 14.32rem);
	letter-spacing: 0.02em;
	padding-inline-start: 0.02em;
}
#values h3.h2 {
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	filter: contrast(0%) brightness(1000%) hue-rotate(-80deg) drop-shadow(0 0 1.1rem #00000045);
	clip-path: inset(0 calc(0% - var(--page-margin-inline)) 0 calc(0% - - var(--page-margin-inline)));
	z-index: 4;
}
#values .h2.replicated {
	color: var(--background);
	filter: opacity(0%);
	z-index: 1;
}
#values .carousel .image {
	flex: 0 1 min(calc(100% - calc(var(--page-margin-inline) * 2)), 560px);
	margin-block: 0;
	margin-inline: auto;
	background: transparent url("../assets/Cruxy-Abstract-Hero-Ellipse.webp") no-repeat scroll 50% 50% / cover;
	padding-block: 2.3vw;
	z-index: 2;
}
#values .carousel .image::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: linear-gradient(#0000 5%, #0000003B 50%, #0000 95%);
}
#values .carousel .kinetic-precision .image::before {
	background-image: linear-gradient(#0000 5%, #00000020 50%, #0000 95%);
}
#values .carousel .always-ahead .image::before,
#values .carousel .exquisite-alignment .image::before {
	background-image: linear-gradient(#0000 5%, #00000060 50%, #0000 95%);
}
#values .carousel .image img {
	object-fit: cover;
	aspect-ratio: var(--image-ratio);
	margin: 0;
}
#values .carousel .slide .points {
	text-align: center;
}
#values .carousel .slide .points li {
	font-size: var(--fs-md);
	display: block;
	padding-inline: var(--fs-md);
}
#values .carousel .slide li:not(:first-child) {
margin-block-start: 2rem;
}
#values .carousel .slide li:not(:first-child)::before {
	position: absolute;
	font-size: var(--fs-md);
	content: '•';
	inset: auto auto auto 50%;
	translate: 0 -1.5em;
}
@media (prefers-reduced-motion: no-preference) {
	#values .h2 {
		transition: 0.3s filter linear, 0.3s margin linear, 0.3s clip-path linear;
	}
	#values h3.h2 {
		background: var(--primary) url("../assets/Cruxy-Abstract-Hero-Text.webp") scroll no-repeat 50% 50% / cover;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
	}
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	#values .slide:hover h3.h2 {
		filter: contrast(100%) brightness(100%) hue-rotate(0deg) drop-shadow(0 0 0.9rem #FFFFFF95);
	}
}
@media (width >= 500px) {
	#values .carousel .slide .points li {
		display: inline-block;
	}
	#values .carousel .slide li:not(:first-child) {
		margin-block-start: inherit;
	}
	#values .carousel .slide li:not(:first-child)::before {
		inset: auto;
		translate: calc(var(--fs-md) * -1 - 0.3em);
	}
	#values .h2 {
		font-weight: var(--fw-xxxl);
	}
}
@media (width >= 600px) {
	#values .h2 {
		inset: min(calc(61vw - var(--page-margin-inline) * 2 - 0.16em), calc(380px - 0.97em) - 0.16em) auto auto calc(var(--page-margin-inline) * 0.5);
	}
	#values h3.h2 {
		clip-path: inset(0 calc(50% - 280px) 0 calc(50% - 280px));
	}
	#values .carousel .image {
		background: transparent;
		padding-block: 0;
	}
	#values .carousel .image::before {
		display: none;
	}
	#values .h2.replicated {
		color: var(--foreground);
		background-color: transparent;
		filter: none;
		outline: none;
	}
}
@media (width >= 730px) {
	#values .carousel .image img {
		flex-basis: 100%;
	}
}

/* TRACK RECORD */

#track-record .x-row.x-container.max.width {
	width: 100%;
	max-width: none;
	margin-inline: auto;
}
#track-record .x-row,
#track-record .x-row-inner > .x-col {
	flex-basis: 100%;
	padding-inline: 0;
	margin-inline: 0;
}
#track-record ul {
	list-style: none;
	margin-block: 0;
	margin-inline: auto;
	padding-inline: 0;
}
#track-record li {
	margin-block: 0;
	margin-inline: auto;
	padding-inline: 0;
}
#track-record .carousel-enclosure,
#track-record .carousel,
#track-record .carousel .slide {
	display: flex;
}
#track-record .carousel-enclosure {
	flex-wrap: nowrap;
	position: relative;
	overflow: hidden;
	align-content: start;
	justify-content: start;
	mask-image: linear-gradient(90deg, #fff0 4%, #000 20%, #000 80%, #fff0 96%);
	-webkit-mask-image: linear-gradient(90deg, #fff0 4%, #000 20%, #000 80%, #fff0 96%);
}
#track-record .carousel {
	flex: 1 0 100%;
	align-items: flex-start;
	gap: 0;
	transition: 0.3s translate ease;
	overflow-x: auto;
	scroll-snap-type: x proximity;
	scroll-behavior: unset;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
#track-record .carousel.disable-scroll-snap {
	scroll-snap-type: unset;
}
#track-record .carousel.static {
	transition: none;
}
#track-record .carousel .slide {
	position: relative;
	flex: 1;
	min-width: calc(100% / 3);
	align-content: flex-start;
	justify-content: center;
	align-items: center;
	gap: 0;
	margin: 0;
	flex-wrap: wrap;
	scroll-snap-align: center;
	z-index: 0;
}
#track-record .carousel .slide.before,
#track-record .carousel .slide.after {
	cursor: pointer;
	z-index: 1;
}
#track-record .carousel .slide.current {
	z-index: 2;
}
#track-record .carousel .slide h3,
#track-record .carousel .slide p {
	flex: 1 0 100%;
}
#track-record .carousel .slide h3 {
	color: color-mix(in lab, var(--foreground) 40%, var(--background));
	font-size: clamp(4.9rem, 18.2vw, 18rem);
	font-family: var(--font-heading);
	line-height: 100%;
	transition: 0.4s color linear 0.2s;
	margin-block: 0;
	text-wrap: nowrap;
	scale: 0.4;
	transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
#track-record .carousel .slide.current h3 {
	color: var(--foreground);
}
#track-record .carousel .slide .sub-text {
	font-size: 0.4em;
	font-weight: 400;
	margin-inline: 0.1em;
	display: inline-block;
	line-height: 100%;
}
#track-record .carousel p {
	color: color-mix(in lab, #ffffff00 100%, var(--foreground));
	font-size: var(--fs-sm);
	font-size: var(--fs-md);
	font-size: clamp(1rem, 2vw, 3rem);
	transition: 0.4s font-size linear, 0.4s color linear;
	margin-block-end: 4em;
}
#track-record .carousel .slide.current p {
	color: var(--foreground);
}
#track-record .carousel-navigation li,
#track-record .carousel-navigation button {
	color: var(--primary);
}
#track-record .carousel-navigation {
	display: inline-flex;
	align-items: center;
	align-content: center;
	gap: var(--fs-base);
}
#track-record .carousel-navigation li {
	flex: 1;
}
#track-record .carousel-navigation button {
	transform-origin: 50% 50%;
	transition: 0.2s scale linear, 0.2s translate linear;
	cursor: pointer;
	width: var(--fs-lg);
	aspect-ratio: 1;
	font-size: var(--fs-lg);
	line-height: 100%;
	color: var(--primary);
	background-color: transparent;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0;
}
#track-record .carousel-navigation button:hover {
	background-image: none;
	text-shadow: none;
	scale: 1.4;
	translate: 0 -0.05em;
}
#track-record .carousel-navigation .current .icon {
	position: relative;
	width: var(--fs-base);
	aspect-ratio: 1;
	translate: 0 0.3rem;
}
@media (width >= 768px) {
	#track-record .x-row.x-container.max.width {
		width: 88%;
	}
}

/* SPECIALISTS */

#specialists h2 {
	font-family: var(--font-heading);
	font-size: var(--fs-xxl);
	font-weight: 00;
}
#specialists .word {
	display: block;
}
#specialists ul,
#specialists output {
	list-style: none;
	margin-block: 0;
	margin-inline: auto;
	padding-inline: 0;
}
#specialists li {
	margin-block: 0;
	margin-inline: auto;
	padding-inline: 0;
}
#specialists .carousel-enclosure,
#specialists .carousel,
#specialists .carousel .slide {
	display: flex;
}
#specialists .navigation {
	pointer-events: none;
	filter: opacity(0%);
	transition: 0.3s filter linear;
}
#specialists .carousel-enclosure:hover .navigation {
	filter: none;
}
#specialists .navigation {
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	inset: calc(4.5vw + 11rem) 1rem auto;
	z-index: 100;
}
#specialists .navigation li {
	flex: 1;
}
#specialists .navigation a {
	font-family: var(--font-heading);
	font-size: var(--fs-xxl);
	display: block;
	color: transparent;
	background: transparent url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAxNSAyMyIgZmlsbD0iIzg5ODk4OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMC4xODQ4ODQgNy45MjkxN0wwLjIwODgyNSA3Ljk1MzExQzAuMzc2NDEyIDguMTIwNyAwLjY0NDU1IDguMTIwNyAwLjgxMjEzNyA3Ljk1MzExTDQuNDI3MjMgNC4zMzgwMkM1LjQwNDAyIDMuMzYxMjMgNy4wNzUxIDQuMDU1NTIgNy4wNzUxIDUuNDM0NTJMNy4wNjA3NCAyMi4zOTkxQzcuMDYwNzQgMjIuNjI4OSA3LjI1MjI2IDIyLjgyMDUgNy40ODIxIDIyLjgyMDVMNy41MTA4MyAyMi44MjA1QzcuNzQwNjYgMjIuODIwNSA3LjkzMjE5IDIyLjYyODkgNy45MzIxOSAyMi4zOTkxTDcuOTQxNzYgNS40Mjk3M0M3Ljk0MTc2IDQuMDUwNzMgOS42MTI4NCAzLjM1NjQ0IDEwLjU4OTYgNC4zMzMyM0wxNC4yMDQ3IDcuOTQ4MzJDMTQuMzcyMyA4LjExNTkxIDE0LjY0MDUgOC4xMTU5MSAxNC44MDggNy45NDgzMkwxNC44MzIgNy45MjQzOEMxNC45OTk2IDcuNzU2NzkgMTQuOTk5NiA3LjQ4ODY1IDE0LjgzMiA3LjMyMTA3TDcuNTEwODIgLTguNTgzMWUtMDVMMC4xODk2NzIgNy4zMjEwN0MwLjAyMjA4NDggNy40ODg2NiAwLjAyMjA4NDkgNy43NTY4IDAuMTg5NjcyIDcuOTI0MzhMMC4xODQ4ODQgNy45MjkxN1oiLz48L3N2Zz4=") no-repeat scroll 50% 50% / 0.38em;
	line-height: 1em;
	width: 1em;
	border-radius: 50%;
	box-shadow: 0 0 0 1.6px color-mix(in lab, var(--foreground) 40%, var(--background)) inset;
	scale: 0.8;
	rotate: 90deg;
	pointer-events: auto;
	transition: 0.3s filter linear, 0.3s scale ease;
}
#specialists .navigation a:hover {
	filter: opacity(80%);
	scale: 0.9;
}
#specialists .navigation .previous a {
	scale: -0.8 0.8;
	margin-inline: 0 auto;
	rotate: 270deg;
}
#specialists .navigation .previous a:hover {
	scale: -0.9 0.9;
}
#specialists .navigation .next a {
	margin-inline: auto 0;
}
#specialists .navigation .disable a {
	pointer-events: none;
	filter: opacity(20%);
}
#specialists .carousel-filter {
	font-family: var(--font-heading);
	margin-block: 1rem 5rem;
}
#specialists .carousel-filter a {
	color: color-mix(in lab, var(--foreground) 40%, var(--background));
	display: block;
	padding-block: 1.4rem;
	padding-inline: 2rem;
	min-width: min(40%, 10ch);
}
#specialists .carousel-filter li {
	display: inline-block;
	text-transform: uppercase;
	font-size: var(--fs-base);
	font-family: var(--font-heading);
}
#specialists .carousel-filter li + li {
	border-inline-start: 1px solid color-mix(in lab, var(--foreground) 40%, var(--background));
}
#specialists .carousel-filter a {
	color: color-mix(in lab, var(--foreground) 40%, var(--background));
	padding-block: 1.2rem;
	padding-inline: clamp(0.8rem, 3.2vw, 3.5rem);
}
#specialists .carousel-filter .selected a,
#specialists .carousel-filter a:hover {
	color: var(--primary);
}
#specialists .carousel-filter a abbr {
	text-decoration: none;
}
#specialists .carousel-enclosure {
	flex-wrap: nowrap;
	position: relative;
	overflow: hidden;
	align-content: start;
	justify-content: start;
}
#specialists .carousel,
#specialists .carousel .slide {
	flex-wrap: wrap;
}
#specialists .carousel {
	gap: clamp(1.8rem, 2vw, 4rem);
	flex-wrap: nowrap;
	flex: 1 0 1rem;
	margin-inline: auto;
	transition: 0.3s translate ease, 0.3s transform ease;
	justify-content: center;
}
#specialists .carousel .slide {
	position: relative;
	display: flex;
	flex: 1 0 calc(100vw - 12rem);
	align-content: start;
	margin: 0;
	gap: 0;
	cursor: pointer;
	transition: 0.3s flex-basis linear, 0.3s max-width linear, 0.3s filter linear, 0.3s scale ease-in-out;
}
#specialists .carousel .slide h2,
#specialists .carousel .slide h3,
#specialists .carousel .slide .position {
	position: absolute;
	filter: opacity(0%);
	transition: 0.3s font-size ease-in-out 0.2s, 0.3s filter linear, 0.2s inset ease-in-out, 0.2s translate ease-in-out;
	transform-origin: 0 0;
	inset: auto auto 10% 50%;
	translate: -50% -50%;
}
#specialists .carousel .slide.current h2,
#specialists .carousel .slide.current h3,
#specialists .carousel .slide.current .position,
#specialists .carousel .slide.current .toggle {
	position: relative;
	filter: none;
	inset: inherit;
	translate: none;
	transition: 0.15s font-size ease-in-out 0.1s, 0.15s filter linear, 0.1s inset ease-in-out, 0.1s translate ease-in-out, 0.3s transition ease-in-out, 0.3s rotate ease-in-out, 0.2s margin-block ease-in-out 0.3s, 0.4s scale ease-in-out 0.8s;
}
#specialists .carousel .slide .image {
	position: relative;
	display: block;
	order: 1;
	flex: 1 0 100%;
	margin-block: 0 1.9rem;
	margin-inline: auto;
	background: color-mix(in lab, var(--subtle) 30%, var(--background)) url("/wp-content/uploads/Specialist-Background.webp") no-repeat scroll 0 0 / cover;
	box-shadow: 0 0 0 6px #c0c0c012 inset;
	aspect-ratio: 0.86489252814739;
	scale: 0.8;
	transition: 0.3s scale ease-in-out;
	z-index: 20;
}
#specialists .carousel .slide.current .image {
	scale: 1;
}
#specialists .carousel .slide .image img {
	position: absolute;
	width: 100%;
	height: auto;
	aspect-ratio: 0.86489252814739;
	object-fit: cover;
	inset: 0 auto auto 0;
	transition: 0.3s filter linear;
	filter: invert(7%) brightness(130%) contrast(90%) opacity(36%);
	margin: 0;
	z-index: 14;
}
#specialists .carousel .slide .image:hover img {
	filter: invert(16%) brightness(130%) contrast(100%);
}
#specialists .carousel .slide.current .image img,
#specialists .carousel .slide.current .image:hover img {
	filter: none;
}
#specialists .carousel .slide .image .hover,
#specialists .carousel .slide .image img + img {
	position: absolute;
	opacity: 0;
	inset: 0;
	scale: 0 .2;
	transition: 0.25s opacity linear, 0.15s scale ease-out;
	transform-origin: 0% 0%;
	z-index: 13;
}
#specialists .carousel .slide .image .right,
#specialists .carousel .slide .image .hover.right,
#specialists .carousel .slide .image.right .hover,
#specialists .carousel .slide .image.right img + img {
	transform-origin: 100% 0%;
}
#specialists .carousel .slide.current .hover,
#specialists .carousel .slide.current img + img  {
	opacity: 15;
	scale: 1;
}
#specialists .carousel .slide h3 {
	order: 2;
	flex: 1 0 100%;
	font-family: var(--font-heading);
	font-size: var(--fs-md);
	line-height: calc(var(--fs-xl) * 1.4);
	font-weight: var(--fw-md);
	margin-block: 0;
	z-index: 10;
}
#specialists .carousel .slide.current h3 {
	font-size: calc(var(--fs-xl) * 0.8);
	line-height: 120%;
	margin-block: 0 0.1em;
}
#specialists .carousel .slide .position,
#specialists .carousel .slide .statement,
#specialists .carousel .slide .attributes,
#specialists .carousel .slide .specialisms {
	flex: 1 0 100%;
	margin-block: 0;
	line-height: calc(var(--fs-base) * 1.4);
}
#specialists .carousel .slide .statement,
#specialists .carousel .slide .attributes,
#specialists .carousel .slide .specialisms {
	position: absolute;
	clip-path: inset(0 0 50% 0);
	filter: opacity(0%);
	margin-block: 1.4rem -100%;
	mask-image: linear-gradient(0deg, #0000 90%, #000 99.9%, #000 100%);
	-webkit-mask-image: linear-gradient(0deg, #0000 90%, #000 99.9%, #000 100%);
}
#specialists .carousel .slide.current .toggle,
#specialists .carousel .slide.active .statement,
#specialists .carousel .slide.active .attributes,
#specialists .carousel .slide.active .specialisms {
	position: relative;
	filter: none;
	clip-path: inset(0 0 0 0);
	mask-image: linear-gradient(0deg, #0000 0%, #000 0.1%, #000 100%);
	-webkit-mask-image: linear-gradient(0deg, #0000 0%, #000 0.1%, #000 100%);
	margin-block: 1.4rem 0;
	background-color: var(--background);
}
#specialists .carousel .slide .attributes,
#specialists .carousel .slide .specialisms {
	list-style: none;
	margin-inline: 0;
	padding-inline: 0;
	text-wrap: balance;
}
#specialists .carousel .slide .position {
	order: 3;
	color: var(--subtle);
	text-transform: uppercase;
	transition: 0.1s font-size ease-in-out 0.1s, 0.1s filter linear 0.1s, 0.1s transition ease-in-out;
	z-index: 4;
}
#specialists .carousel .slide.active .position,
#specialists .carousel .slide.current .position {
	transition: 0.3s font-size ease-in-out 0.15s, 0.3s filter linear 0.3s, 0.25s transition ease-in-out;
}
#specialists .carousel .slide .statement {
	order: 4;
	transition: 0.3s filter linear 0.3s, 0.3s clip-path ease-in-out 0.3s, 0.3s margin-block ease-in-out, 0.3s mask-image ease-in-out 0.3s;
	transition-duration: 0.2s;
	transition-delay: 0.25s;
	z-index: 3;
}
#specialists .carousel .slide .attributes {
	order: 5;
	transition-duration: 0.2s;
	transition-delay: 0.125s;
	z-index: 2;
}
#specialists .carousel .slide .specialisms {
	order: 6;
	transition-duration: 0.2s;
	transition-delay: 0s;
	z-index: 1;
}
#specialists .carousel .slide .toggle {
	order: 7;
	position: relative;
	flex: 1 0 100%;
	color: var(--subtle);
	text-transform: uppercase;
	background: transparent linear-gradient(var(--background), #FFF0);
	transition: 0.3s font-size ease-in-out 0.2s, 0.3s filter linear 0.5s, 0.3s transition ease-in-out, 0.3s rotate ease-in-out, 0.2s margin-block ease-in-out 0.3s, 0.3s scale ease-in-out 0.3s;
	margin-inline: auto;
	margin-block: 3rem 0;
	box-shadow: 0 -2rem 1.8rem -0.6rem var(--background);
	padding-block: 0;
	clip-path: none;
	scale: 0;
	rotate: 45deg;
	filter: opacity(0%);
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-content: center;
	text-align: center;
	z-index: 5;
}
#specialists .carousel .slide .toggle,
#specialists .carousel .slide.current .toggle {
	margin-block-start: 2rem;
}
#specialists .carousel .slide.current .toggle {
	filter: opacity(100%);
	rotate: none;
	clip-path: none;
	scale: 1;
}
#specialists .carousel .slide.current.active .toggle {
	margin-block-start: 2.3rem;
}
#specialists .carousel .slide .toggle a {
	border-radius: 50%;
	display: flex;
	width: var(--fs-xl);
	height: auto;
	align-content: center;
	aspect-ratio: 1;
	border: 1px solid;
	margin-block: 1px;
	margin-inline: 1px;
}
#specialists .carousel .slide .toggle svg {
	width: 1em;
	rotate: 45deg;
	transition: 0.3s rotate ease-in-out;
	stroke: var(--background);
	stroke-width: 0.5px;
	stroke-opacity: 0.6;
	margin-inline: auto;
	translate: 0 0;
}
#specialists .carousel .slide .toggle a:hover svg {
	fill: var(--primary);
}
#specialists .carousel .slide.active .toggle svg {
	rotate: 0deg;
}
#specialists .carousel .slide.current .statement {
	transition-delay: 0s;
	transition-duration: 0s;
}
#specialists .carousel .slide.current.active .statement {
	transition: 0.1s filter linear 0.05s, 0.3s clip-path ease-in-out 0.2s, 0.3s margin-block ease-in-out, 0.3s mask-image ease-in-out 0.2s;
}
#specialists .carousel .slide.current .attributes {
	transition: 0.1s filter linear 0.1s, 0.3s clip-path ease-in-out 0.35s, 0.3s margin-block ease-in-out, 0.3s mask-image ease-in-out 0.35s;
}
#specialists .carousel .slide.current .specialisms {
	transition: 0.1s filter linear 0.15s, 0.3s clip-path ease-in-out 0.5s, 0.3s margin-block ease-in-out, 0.3s mask-image ease-in-out 0.5s;
}
#specialists .carousel .slide .attributes li,
#specialists .carousel .slide .specialisms li,
#specialists .carousel .slide .attributes .field {
	display: block;
}
#specialists .carousel .slide .attributes li:not(:first-child) {
	margin-block-start: 0.9em;
}
#specialists .carousel .field {
	font-weight: 700;
}
#specialists .carousel .slide.hide {
	position: absolute;
	filter: opacity(0%);
	scale: 0 1;
	visibility: hidden;
	cursor: default;
}
@media (width >= 600px) {
	#specialists .carousel .slide .statement,
	#specialists .carousel .slide .attributes,
	#specialists .carousel .slide .specialisms {
		position: relative;
	}
	#specialists .carousel-filter .selected a {
		font-weight: var(--fw-base);
		padding-inline: clamp(1.5rem - 0.5px, 3.2vw - 0.5px, 3.5rem - 0.5px);
	}
	#specialists .carousel .slide {
		flex: 1 0 min(22rem, 84%);
		max-width: min(22rem, 84%);
	}
	#specialists .carousel .slide .toggle svg {
		translate: none;
	}
}
@media (width >= 768px) {
	#specialists .carousel-filter li {
		font-size: var(--fs-md);
	}
	#specialists .carousel-filter li:first-child,
	#specialists .carousel-filter li:last-child {
		min-width: 16.5ch;
	}
}
@media (width >= 1200px) {
	#specialists .carousel .slide {
		flex-basis: min(28rem, 84%);
		max-width: min(28rem, 84%);
	}
	#specialists .carousel .slide.current h3 {
		font-size: calc(var(--fs-xl) * 0.95);
	}
	#specialists .carousel .slide h3 {
		width: 420px;
	}
}
@media (width >= 1400px) {
	#specialists .carousel .slide {
		flex-basis: min(30rem, 84%);
		max-width: min(30rem, 84%);
	}
	#specialists .carousel .slide.current h3 {
		font-size: var(--fs-xl);
	}
	#specialists .carousel #stefan-szilamer-nagy.slide.current h3 {
		font-size: calc(var(--fs-xl) * 0.88);
	}
}

/* TABBED ACCORDION */

.tabbed-accordion .x-tabs {
	position: relative;
}
.tabbed-accordion .x-tabs-list {
	position: sticky;
	inset-block-start: 6.8rem;
	visibility: visible;
	display: block;
	background-color: var(--background);
	box-shadow: 0 -3rem 0 var(--background);
}
.tabbed-accordion .x-tabs .x-acc h3:first-child,
.tabbed-accordion .x-tabs .x-acc > .x-acc-item > .x-acc-header > .x-acc-header-content .x-acc-header-text {
	font-family: var(--font-heading);
	text-transform: uppercase;
}
.tabbed-accordion .x-tabs .x-acc h3,
.tabbed-accordion .x-tabs .x-acc h3:first-child {
	font-size: calc(var(--fs-xxl) * 1.15);
	font-weight: var(--fw-xl);
	letter-spacing: 0.01em;
	margin-block: 1.8rem;
}
.tabbed-accordion .x-tabs .x-acc .x-acc-content:has(h3 + h4) h3,
.tabbed-accordion .x-tabs .x-acc .x-acc-content:has(h3 + .h4) h3,
.tabbed-accordion .x-tabs .x-acc .x-acc-content:has(h3 + h4) h3:first-child,
.tabbed-accordion .x-tabs .x-acc .x-acc-content:has(h3 + .h4) h3:first-child {
	margin-block-end: 1rem;
}
.tabbed-accordion .x-tabs .x-acc > div:last-child .x-acc-header {
	display: none;
}
.tabbed-accordion .x-tabs.end {
	margin-block: 3rem 0;
}
.tabbed-accordion .x-tabs-list button,
.tabbed-accordion .x-tabs-list button:hover {
	background-color: transparent;
}
.tabbed-accordion .x-tabs-list ul {
	flex: 1 0 100%;
	justify-content: center;
	align-items: center;
}
.tabbed-accordion .x-tabs-list ul li {
	flex: 0 1 16em;
	box-shadow: 0 -2px 0 color-mix(in lab, var(--subtle) 30%, var(--background)) inset;
}
.tabbed-accordion .x-tabs > .x-tabs-list button {
	position: relative;
	color: var(--subtle);
	height: 3.3rem;
	font-family: var(--font-heading);
	font-size: var(--fs-base);
	flex: 1 0 100%;
	padding-inline: 0;
	padding-block: 0 1.1em;
	transition: 0.3s color linear, 0.2s font-size ease-in-out, 0.2s padding linear;
	border: 0 none;
	overflow: hidden;
	font-weight: var(--fw-base);
}
.tabbed-accordion .x-tabs > .x-tabs-list button:hover {
	color: var(--foreground);
	background: transparent;
	text-shadow: none;
}
.tabbed-accordion .x-tabs > .x-tabs-list button.x-active {
	color: var(--primary);
	font-size: var(--fs-md);
}
.tabbed-accordion .x-tabs .x-acc > .x-acc-item:first-child {
	margin-block-start: 3rem;
}
.tabbed-accordion .x-tabs .x-acc > .x-acc-item + .x-acc-item {
	margin-block: 0;
}
.tabbed-accordion .x-tabs .x-acc-header.x-active {
	cursor: default;
	pointer-events: none;
}
.tabbed-accordion .x-tabs .x-acc-header .x-acc-header-text {
	transition: 0.3s scale linear;
}
.tabbed-accordion .x-tabs .x-acc-header .x-acc-header-text,
.tabbed-accordion .x-tabs .x-acc-header.x-active .x-acc-header-text {
	position: absolute;
	overflow: hidden;
	height: 10px;
	scale: 1;
}
.tabbed-accordion .x-tabs > .x-tabs-list button::after {
	position: absolute;
	content: '';
	inset: auto 0 0 0;
	height: 0;
	filter: opacity(0%) grayscale(100%);
	background: var(--primary) url("../assets/Cruxy-Abstract-Hero-Text.webp") scroll no-repeat 0 0 / 100%;
	transition: 0.4s height ease-in-out, 0.4s filter linear 0.1s;
}
.tabbed-accordion .x-tabs > .x-tabs-list button:hover::after,
.tabbed-accordion .x-tabs > .x-tabs-list button.x-active::after {
	height: 3px;
}
.tabbed-accordion .x-tabs > .x-tabs-list button.x-active::after {
	filter: none;
}
.tabbed-accordion .x-tabs-panel .x-acc > .x-acc-item {
	display: flex;
	box-shadow: none;
}
.tabbed-accordion .x-tabs-panels .x-acc > .x-acc-item > .x-acc-header {
	order: 2;
	margin-block: 0;
	padding-block: 2.4rem;
}
.tabbed-accordion .x-tabs .x-acc > .x-acc-item > .x-acc-header::after {
	content: '';
	position: absolute;
	inset: auto 0 1.7rem 0;
	height: 1px;
	background: transparent linear-gradient(90deg, var(--background), var(--foreground) 40%, var(--foreground) 60%, var(--background)) scroll no-repeat 0 0;
}
.tabbed-accordion .x-tabs .x-acc > .x-acc-item > .x-acc-header > .x-acc-header-content {
	flex-wrap: wrap;
	align-content: center;
	flex-direction: row;
}
.tabbed-accordion .x-tabs .x-acc > .x-acc-item > .x-acc-header > .x-acc-header-content > .x-acc-header-text,
.tabbed-accordion .x-tabs .x-acc > .x-acc-item > .x-acc-header > .x-acc-header-content > .x-acc-header-indicator {
	flex: 1 0 100%;
}
.tabbed-accordion .x-tabs .x-acc > .x-acc-item > .x-acc-header > .x-acc-header-content > .x-acc-header-text {
	flex: 1 0 100%;
	position: relative;
	font-size: var(--fs-xxl);
	margin-inline: 0;
	margin-block: 0;
	text-align: center;
	translate: 0 -1.6rem;
	font-weight: var(--fw-md);
	opacity: 0;
}
.tabbed-accordion .x-tabs .x-acc > .x-acc-item > .x-acc-header > .x-acc-header-content > .x-acc-header-indicator {
	position: absolute;
	display: none;
	color: transparent;
	background: var(--background) url("/wp-content/uploads/Circle-Cross-Icon.svg") no-repeat scroll 50% 50%;
	box-shadow: 0 0 0 3px var(--primary) inset;
	flex-direction: row-reverse;
	inset: auto auto 0.3rem 50%;
	translate: -50% 0;
	width: 3rem;
	height: 3rem;
	aspect-ratio: 1;
	border-radius: 50%;
	z-index: 1;
	transition: 0.3s scale linear, 0.3s opacity linear;
	scale: 0;
	opacity: 0;
}
.tabbed-accordion .x-tabs .x-acc > .x-acc-item > .x-acc-header.x-active > .x-acc-header-content > .x-acc-header-indicator {
	scale: 1;
	opacity: 1;
}
.tabbed-accordion .x-tabs .x-acc > .x-acc-item > .x-acc-header + div {
	order: 1;
	text-align: center;
}
.tabbed-accordion .x-tabs .x-acc > .x-acc-item .x-acc-content {
	padding-block: 0;
}
.tabbed-accordion .background-shaded,
.tabbed-accordion .panels li {
	background-color: var(--background-shaded);
	border-radius: 0.7rem;
}
.tabbed-accordion .background-shaded {
	padding-block: 2.6rem;
	padding-inline: 2.6rem;
}
.tabbed-accordion .x-tabs .x-acc-item.overview h4,
.tabbed-accordion .x-tabs .x-acc-item.overview .h4 {
	color: var(--primary);
}
.tabbed-accordion .x-tabs .x-acc-item.case-study h4,
.tabbed-accordion .x-tabs .x-acc-item.case-study .h4,
.tabbed-accordion .x-tabs .x-acc-item.impact-study h4,
.tabbed-accordion .x-tabs .x-acc-item.impact-study .h4 {
	color: var(--primary);
	font-size: var(--fs-base);
	text-transform: uppercase;
	letter-spacing: var(--font-spaced);
}
.tabbed-accordion .x-tabs .x-acc h3 + h4,
.tabbed-accordion .x-tabs .x-acc h3 + .h4,
.tabbed-accordion .x-tabs .x-acc h3 + div h4:first-child,
.tabbed-accordion .x-tabs .x-acc h3 + div .h4:first-child {
	font-size: var(--fs-md);
	text-transform: uppercase;
	letter-spacing: var(--font-spaced);
}
.tabbed-accordion .x-tabs .x-acc h3 + h4,
.tabbed-accordion .x-tabs .x-acc h3 + .h4 {
	margin-block: 0 1.8rem;
}
.tabbed-accordion .x-tabs .x-acc h3 + div h4:first-child,
.tabbed-accordion .x-tabs .x-acc h3 + div .h4:first-child {
	margin-block: 0 1.2rem;
}
.tabbed-accordion .x-tabs .x-acc .panels + .note {
	margin-block-start: 2rem;
}
.tabbed-accordion .x-tabs .x-acc h5,
.tabbed-accordion .x-tabs .x-acc .h5 {
	font-size: var(--fs-base);
	text-transform: uppercase;
}
.tabbed-accordion .panels {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
	margin-block: 2rem 0;
	margin-inline: 0;
	padding-inline: 0;
}
.tabbed-accordion .panels li {
	padding-block: 1.3rem;
	padding-inline: 1.8rem;
	flex: 1 0 clamp(10rem, 33% - 1rem, 22rem);
}
.tabbed-accordion .case-study .panels p,
.tabbed-accordion .impact-study .panels p {
	width: min(34rem, 100%);
	margin-inline: auto;
}
.tabbed-accordion .case-study .panels li,
.tabbed-accordion .impact-study .panels li {
	padding-block: 2.5rem;
	flex: 1 0 clamp(10rem, 25% - 1rem, 18rem);
}
#extract-offerings h3 + .panels li,
.tabbed-accordion .case-study .panels li:nth-child(n+5),
.tabbed-accordion .impact-study .panels li:nth-child(n+5),
.tabbed-accordion .case-study .panels li:last-child,
.tabbed-accordion .impact-study .panels li:last-child {
	flex: 1 0 100%;
}
.tabbed-accordion .case-study .panels .h1,
.tabbed-accordion .impact-study .panels .h1 {
	font-size: var(--fs-xxxl);
	font-weight: var(--fw-xxxl);
	font-family: var(--font-heading);
	margin-block: 0 2rem;
	text-transform: uppercase;
	line-height: 100%;
}
@media (width >= 600px) {
	.tabbed-accordion .x-tabs-list ul li {
		flex-basis: min(13rem, calc(33% - 2rem));
	}
	.tabbed-accordion .x-tabs-list ul li button {
		padding-inline: 1em;
		flex: 1 1 20rem;
	}
}
@media (width >= 768px) {
	#extract-offerings h3 + .panels li,
	.tabbed-accordion .case-study .panels li:nth-child(n+5),
	.tabbed-accordion .impact-study .panels li:nth-child(n+5) {
		flex-basis: calc(50% - 1rem);
	}
}
@media (height >= 768px) {
	.tabbed-accordion .x-tabs-list {
		position: sticky;
		inset-block-start: 6.55rem;
		visibility: visible;
		display: block;
		background-color: var(--background);
	}
	.x-tabs.cruxy-end.end {
		display: none;
	}
}
@media (width >= 768px) and (height >= 768px) {
	.tabbed-accordion .x-tabs-list {
		inset-block-start: 6.8rem;
	}
}

/* CLIENTS */

#clients {
	margin-block: clamp(4rem, 10vw, 13rem);
}
#clients .x-row .x-text {
	position: relative;
}
#clients h2 {
	font-family: var(--font-heading);
	font-size: var(--fs-xxxl);
	text-align: center;
	text-transform: uppercase;
}
#clients ul,
#clients li {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
#clients ul {
	list-style: none;
	margin: 0;
	padding-inline: 0;
}
#clients li {
	position: relative;
	aspect-ratio: 1;
	flex: 1 0 calc(100% / 4);
}
#clients li img,
#clients li svg {
	display: block;
	width: min(60%, 6.4rem);
	height: auto;
	margin: 0;
}
#clients .plus {
	position: relative;
	font-size: 0.85em;
	inset-block-end: 0.15em;
}
#clients li:not(.promote) {
	display: none;
}
#clients .horizontal-divider {
	margin-block: 0;
	height: 1px;
}
#clients .advent-international img,
#clients .advent-international svg {
	width: min(60%, 8rem);
}
#clients .symphony img,
#clients .symphony svg {
	width: min(60%, 7rem);
}
#clients .permira img,
#clients .permira svg,
#clients .macquarie img,
#clients .macquarie svg {
	width: min(60%, 7.5rem);
}
#clients .built img,
#clients .built svg,
#clients .aryza img,
#clients .aryza svg {
	width: min(60%, 5.5rem);
}
#clients .eci-partners img,
#clients .eci-partners svg {
	width: min(60%, 4rem);
}
#clients .hg-capital img,
#clients .hg-capital svg {
	width: min(48%, 4rem);
}
#clients .dock img,
#clients .dock svg {
	width: min(60%, 4.5rem);
}
#clients .pollen-street-capital img,
#clients .pollen-street-capital svg {
	width: min(60%, 5.5rem);
}
#clients .longridge img,
#clients .longridge svg {
	width: min(85%, 7.3rem);
}
#clients .x-row:first-child ul::before,
#clients .x-row:last-child ul::before,
#clients .x-row:first-child ul::after,
#clients .x-row:last-child ul::after,
#clients .x-row li::before,
#clients .x-row:first-child li.promote:nth-of-type(11)::before,
#clients .horizontal-divider {
	position: absolute;
	content: '';
}
#clients .x-row:first-child ul::after,
#clients .x-row:last-child ul::after,
#clients .x-row .horizontal-divider {
	background-image: linear-gradient(90deg, var(--background), var(--primary), var(--background));
	width: auto;
	height: 1px;
	inset-inline: 0;
	z-index: 8;
}
#clients .x-row:first-child ul::before {
	background-image: linear-gradient(180deg, var(--background), var(--primary));
	inset-block: auto 0;
}
#clients .x-row:last-child ul::before {
	background-image: linear-gradient(0deg, var(--background), var(--primary));
	inset-block: 0 auto;
}
#clients .x-row:first-child ul::before,
#clients .x-row:last-child ul::before {
	width: 1px;
	height: clamp(22rem, 40vw, 45rem);
	z-index: 9;
}
@media (width < 768px) {
	#clients .x-row:first-child li:nth-child(n+5):not(:last-child)::before,
	#clients .x-row:first-child li.promote:nth-of-type(11)::before {
		display: block;
		background-image: linear-gradient(180deg, var(--background), var(--primary));
		inset: -100% 0 0 auto;
		width: 1px;
	}
	#clients .x-row:first-child li:nth-child(11)::before {
		background-image: linear-gradient(180deg, var(--background), var(--primary));
		inset: -100% 0 0 auto;
		width: 1px;
	}
	#clients .x-row:last-child li:nth-child(-n+3)::before {
		background-image: linear-gradient(0deg, var(--background), var(--primary));
		inset: 0 0 -100% auto;
		width: 1px;
	}
	#clients li.symphony::before {
		display: none;
	}
	#clients .x-row:first-child li.promote:nth-of-type(5)::after,
	#clients .x-row:first-child li.promote:nth-of-type(6)::after,
	#clients .x-row:first-child li.promote:nth-of-type(7)::after,
	#clients .x-row:first-child li.promote:nth-of-type(8)::after,
	#clients .x-row:first-child li.promote:nth-of-type(9)::after,
	#clients .x-row:first-child li.promote:nth-of-type(10)::after,
	#clients .x-row:first-child li.promote:nth-of-type(11)::after,
	#clients .x-row:last-child li.promote:nth-of-type(1)::after,
	#clients .x-row:last-child li.promote:nth-of-type(2)::after,
	#clients .x-row:last-child li.promote:nth-of-type(3)::after {
		position: absolute;
		content: '';
		height: 1rem;
		width: 1rem;
		background: transparent url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjMEYwMEZBIiBzdHJva2U9IiMwRjAwRkEiPjxwYXRoIGQ9Ik0xMiAwQzEyIDYuNjI3NzkgNi42Mjc3OSAxMiAwIDEyQzYuNjI3NzkgMTIgMTIgMTcuMzcyMiAxMiAyNEMxMiAxNy4zNzIyIDE3LjM3MjIgMTIgMjQgMTJDMTcuMzcyMiAxMiAxMiA2LjYyNzc5IDEyIDBaIj48L3BhdGg+PC9zdmc+") scroll no-repeat 0 0 / cover;
		inset-inline-end: calc(-0.5rem + 0.5px);
		inset-block-end: calc(-0.5rem - 0.9px);
		z-index: 10;
	}
	#clients .x-row:last-child li.promote:nth-of-type(1)::after,
	#clients .x-row:last-child li.promote:nth-of-type(2)::after,
	#clients .x-row:last-child li.promote:nth-of-type(3)::after {
		inset-block: calc(-0.5rem + 0.4px) auto;
	}
}
@media (width >= 768px) {
	#extract-value .x-row:last-child,
	#testimonial .x-row:first-child {
		position: relative;
		z-index: 20;
	}
	#clients .x-row:first-child ul::after {
		inset-block: 50% auto;
	}
	#clients .x-row:last-child ul::after {
		inset-block: 50% auto;
	}
	#clients li {
		flex-basis: calc(100% / 6);
	}
	#clients li:nth-child(-n+12) {
		display: flex;
	}
	#clients .x-row:first-child li:nth-child(n+7):not(:last-child)::before {
		background-image: linear-gradient(180deg, var(--background), var(--primary));
		inset: -100% 0 0 auto;
		width: 1px;
	}
	#clients .x-row:last-child li:nth-child(-n+5)::before {
		background-image: linear-gradient(0deg, var(--background), var(--primary));
		inset: 0 0 -100% auto;
		width: 1px;
	}
	#clients .x-row:first-child li:nth-child(n+7):not(:last-child)::after,
	#clients .x-row:last-child li:nth-child(-n+5)::after {
		position: absolute;
		content: '';
		width: 1.5rem;
		height: 1.5rem;
		background: transparent url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjMEYwMEZBIiBzdHJva2U9IiMwRjAwRkEiPjxwYXRoIGQ9Ik0xMiAwQzEyIDYuNjI3NzkgNi42Mjc3OSAxMiAwIDEyQzYuNjI3NzkgMTIgMTIgMTcuMzcyMiAxMiAyNEMxMiAxNy4zNzIyIDE3LjM3MjIgMTIgMjQgMTJDMTcuMzcyMiAxMiAxMiA2LjYyNzc5IDEyIDBaIj48L3BhdGg+PC9zdmc+") scroll no-repeat 0 0 / cover;
		inset-inline-end: calc(-0.8rem + 1px);
		inset-block-end: calc(-0.8rem);
		z-index: 10;
	}
	#clients .x-row:last-child li:nth-child(-n+5)::after {
		inset-block: calc(-0.8rem + 1px) auto;
	}
}

/* RECENT POSTS/INSIGHTS */

.recent-posts .author {
	order: 6;
}
.recent-posts .avatar {
	aspect-ratio: 1;
	border-radius: 50%;
}

/* FEATURED INSIGHTS/MORE INSIGHTS */

#more-insights {
	margin-block-start: min(14rem, 20vh);
	background-color: var(--background-shaded);
}
#more-insights h2,
#more-insights h2 a {
	color: var(--primary);
}
#more-insights h2 {
	font-size: var(--fs-md);
	text-align: center;
	margin-block: 1.6rem 4.8rem;
}
#featured .recent-posts,
#more-insights .recent-posts {
	margin-block-end: 3rem;
}
@media (width >= 700px) and (width < 1050px) {
	.home #featured li:last-child,
	#more-insights li:last-child {
		display: none;
	}
}

/* CTA */

#cta {
	padding-block: 6rem;
}
#cta:last-child {
	margin-block-end: 0;
}
#cta .x-row,
#cta .x-row-inner,
#cta .x-col {
	margin-inline: 0;
	padding-inline: 0;
}
#cta .x-row {
	width: auto;
}
#cta .x-row-inner,
#cta .x-col {
	flex-basis: 100%;
}
#cta h2,
#cta p {
	position: relative;
}
#cta h2 {
	font-family: var(--font-heading);
	font-size: var(--fs-xxl);
	font-weight: var(--fw-xl);
	text-transform: uppercase;
	background-color: var(--background);
	margin-block: 0 calc(2vw + 1rem);
	box-shadow: 0 0 1.5rem 1.6rem var(--background), 63vw 0.2rem 2.3rem 3rem var(--background), calc(-50vw - 4.5rem) 1.2rem 1.5rem 3rem var(--background);
}
#cta h2 {
	z-index: 3;
}
#cta .words {
	display: block;
}
#cta .h4 {
	width: min(80%, 36.1ch);
	font-size: var(--fs-md);
	background-color: var(--background);
	box-shadow: 8rem 0 1.5rem 0 var(--background), -8rem 0 1.5rem 0 var(--background);
	margin-block: 1.1rem 0;
	margin-inline: auto;
	translate: 0 2.7vw;
	text-wrap: balance;
	z-index: 2;
}
#cta .ellipse-motif,
#cta .cross-motif {
	position: relative;
	transition: 0.3s linear margin;
}
#cta .cross-motif {
	margin-block: 0;
	aspect-ratio: 3.27027027027027;
	mask-image: linear-gradient(-4deg, #000, #000 81%, #0000 90%, #0000);
	-webkit-mask-image: linear-gradient(-4deg, #000, #000 81%, #0000 90%, #0000);
}
#cta .ellipse-motif {
	margin-block: 0;
	margin-inline: 0;
	width: auto;
}
#cta .cross-motif img,
#cta .ellipse-motif img {
	mask-repeat: no-repeat;
}
#cta .cross-motif img {
	mask-image: url("/wp-content/uploads/CTA-Cross-Small-View-Motif.svg");
	-webkit-mask-image: url("/wp-content/uploads/CTA-Cross-Small-View-Motif.svg");
	aspect-ratio: 3.27027027027027;
}
#cta .ellipse-motif img {
	mask-image: url("/wp-content/uploads/Ellipse-Motif.svg");
	-webkit-mask-image: url("/wp-content/uploads/Ellipse-Motif.svg");
	position: relative;
	z-index: 1;
	transition: 0.3s linear margin;
	aspect-ratio: 7.5;
}
#cta .cta {
	position: relative;
	width: 100%;
	z-index: 3;
}
#cta .cross-motif + .cta {
    margin-block: 1rem -3rem;
}
#cta .ellipse-motif + .cta {
	position: relative;
	inset: inherit;
	margin-block: -3rem 0;
}
#cta .x-text {
	text-align: center;
	aspect-ratio: 3 / 2;
}
#cta .x-row.perspective-grid .x-col {
	position: relative;
	overflow: clip;
}
#cta .x-row.perspective-grid {
	max-width: none;
	margin-inline: 0;
	width: auto;
	display: none;
	aspect-ratio: 7;
	z-index: 0;
	position: relative;
	margin-block: -1.6rem -0.6vw;
}
#cta .perspective-grid svg {
	position: absolute;
	width: 200%;
	height: auto;
	margin-inline: -50vw;
	margin-block-start: -2.3vw;
	mask-image: linear-gradient(#0000 30%, #0000001f 100%);
	-webkit-mask-image: linear-gradient(#0000 30%, #0000001f 100%);
	scale: 1 1.5;
	transform-origin: 0% 100%;
	translate: 0 8px;
}
@media (width >= 600px) {
	#cta {
		padding-block: 6rem 0;
	}
	#cta .x-row,
	#cta .x-row-inner,
	#cta .x-col {
		margin-inline: auto;
	}
	#cta h2 {
		box-shadow: 0 0 2.4rem 0.9rem var(--background), 50vw 0 2.8rem 3rem var(--background), -50vw 1.8rem 1.5rem 2.7rem var(--background);
	}
	#cta .x-text {
		aspect-ratio: inherit;
	}
	#cta .ellipse-motif,
	#cta .cross-motif {
		display: block;
		width: calc(100vw + 6rem);
		margin-block: 0;
		inset-block-end: auto;
		mask-image: none;
		-webkit-mask-image: none;
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		inset-block-end: 0;
		object-fit: cover;
		mask-size: calc(100% + 2.5rem);
		mask-position: calc(50% + 1rem) 50%;
		z-index: 1;
	}
	#cta .cross-motif {
		inset-block-end: 0;
		width: calc(100vw + 1rem);
		inset-inline: -0.6rem;
	}
	#cta .ellipse-motif {
		position: relative;
		aspect-ratio: auto;
		margin-inline: 0;
		margin-block: 0 2rem;
		width: auto;
		height: auto;
	}
	#cta .cross-motif img {
		display: block;
		width: 100%;
		aspect-ratio: 4.395604395604396;
		mask-image: url("/wp-content/uploads/CTA-Cross-Motif.svg");
		-webkit-mask-image: url("/wp-content/uploads/CTA-Cross-Motif.svg");
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		object-fit: cover;
		mask-size: calc(100% + 2.5rem);
		mask-position: calc(50% + 1rem) 50%;
		margin-block: 0;
		scale: inherit;
		translate: 0;
	}
	#cta .ellipse-motif img {
		aspect-ratio: 7.581923324;
		mask-image: url("/wp-content/uploads/Ellipse-Motif.svg");
		-webkit-mask-image: url("/wp-content/uploads/Ellipse-Motif.svg");
		width: 100%;
		object-fit: cover;
	}
	#cta .cta {
		position: absolute;
		inset-block-end: min(4vw, 11rem);
	}
	#cta .cross-motif + .cta {
		margin-block: 0;
		translate: 0 -1rem;
	}
	#cta .ellipse-motif + .cta {
		position: relative;
		inset: auto auto min(7vw, 11rem) auto;
		margin-block: 3rem 0;
	}
	#cta .x-row.perspective-grid {
		display: block;
	}
	#cta .x-row.perspective-grid .x-col {
		overflow: inherit;
	}
}
@media (width >= 768px) {
	#cta h2 {
		box-shadow: 0 0 2.9rem 1.3rem var(--background), 50vw 1rem 1.5rem 3.1rem var(--background), -50vw 2rem 1.5rem 3rem var(--background);
	}
	#cta .cross-motif + .cta {
		translate: 0 -7vw;
	}
	#cta .h4 {
		translate: 0 1.2rem;
	}
}

/* PRIVACY */

.privacy table {
	width: clamp(20em, 100%, 60em);
	margin-inline: -5.5rem 0;
}
.privacy table th,
.privacy table td {
	font-size: var(--fs-sm);
	border: 1px solid color-mix(in lab, var(--foreground) 40%, var(--background));
	vertical-align: top;
}
.privacy table thead th {
	padding-block: 1.5em;
	padding-inline: 0.85em;
}
.privacy table td {
	padding-block: 1em;
	padding-inline: 0.85em;
}
.privacy table tr:has(:last-child:nth-child(2)) > :first-child {
	width: 26%;
}
.privacy table tr:has(:last-child:nth-child(2)) > :last-child {
	width: 74%;
}
.privacy thead tr {
	color: var(--dark-foreground);
	background-color: var(--primary);
}
.privacy .x-text ol {
	counter-reset: item;
}
.privacy .x-text li {
	display: block;
	margin-block-end: 1.5rem;
}
.privacy .x-text > ol > li:not(:first-child) {
	margin-block-start: 2rem;
}
.privacy .x-text li ol,
.privacy .x-text li table {
	margin-block-start: 1rem;
}
.privacy .x-text li::before {
    content: counters(item, '.') '.';
    counter-increment: item;
	margin-inline-end: 1rem;
	font-weight: 500;
}
.privacy .x-text li h2,
.privacy .x-text li h3 {
	display: inline-block;
	margin-block: 0;
}
.privacy .x-text li h2,
.privacy .x-text li:has(> h2)::before {
	font-size: var(--fs-md);
	font-weight: 700;
}
.privacy .x-text li h3,
.privacy .x-text li h4,
.privacy .x-text li:has(> h3)::before,
.privacy .x-text li:has(> h4)::before {
	font-size: var(--fs-base);
	font-weight: var(--fw-base);
}
.privacy .x-text li h3,
.privacy .x-text li:has(> h3)::before {
	font-weight: 500;
}
.cky-overlay + .cky-btn-revisit-wrapper,
body > div > .grecaptcha-badge {
	background-color: #5757577a;
}
.cky-overlay + .cky-btn-revisit-wrapper {
	box-shadow: none;
}
body > div > .grecaptcha-badge {
	border: 0 none;
	box-shadow: none;
}
@media (width >= 600px) {
	.privacy table {
		margin-inline: inherit;
	}
	.privacy table th,
	.privacy table td {
		font-size: var(--fs-base);
	}
}