/* GENERAL */

:root {
    --foreground: #1a1a1a;
    --background: #ffffff;
    --background-shaded: #F9F9F9;
    --dark: #001E3C;
    --magenta: #ff0064;
    --yellow: #ffd200;
    --green: #00c873;
    --light-blue: #2dafe6;
    --blue: #0a5ad7;
    --purple: #C31EFF;
    --primary: var(--blue);
    --secondary: var(--light-blue);
    --dark-foreground: var(--background);
    --dark-background: var(--dark);
    --fs-xxxl: clamp(3.05rem, 3.54vi + 2.17rem, 5rem);
    --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(1rem, 0.34vi + 0.91rem, 1.19rem);
    --fs-sm: clamp(0.8rem, 0.17vi + 0.76rem, 0.89rem);
    --page-margin-inline: 1.8rem;
    --border-radius: 5px;
}
.yellow-magenta {
    --primary: var(--yellow);
    --secondary: var(--magenta);
}
.magenta-yellow {
    --primary: var(--magenta);
    --secondary: var(--yellow);
}
.purple-green {
    --primary: var(--purple);
    --secondary: var(--green);
}
.blue-green {
    --primary: var(--green);
    --secondary: var(--blue);
}
.page,
.single-post,
.archive.category {
    --primary-interaction: color-mix(in lab, var(--primary) 90%, var(--background));
    --secondary-interaction: color-mix(in lab, var(--secondary) 90%, var(--background));
}
html {
	scroll-padding-block-start: 2rem;
}
.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);
}
.dark {
    --foreground: var(--dark-foreground);
}
body,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
th {
    font-family: 'Space Grotesk', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    letter-spacing: normal;
}
h1,
h2,
nav a {
    text-wrap: balance;
}
h1,
h2 {
    font-weight: 700;
}
h3 {
    font-weight: 600;
}
body,
li,
p,
h3,
h4,
h5,
h6,
th {
    font-weight: 400;
    line-height: 150%;
}
body,
p,
li,
input,
select,
textarea,
th,
td,
h6 {
    font-size: var(--fs-base);
}
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(--primary);
    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(--primary-interaction);
}
.primary-light h2 a,
.primary-light h3 a {
    color: var(--dark);
}
.primary-light h2 a:hover,
.primary-light h3 a:hover {
    color: color-mix(in lab, var(--dark), #FFFFFF 20%);
}
.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(--primary-interaction));
}
body,
.x-section {
    background-color: var(--background-shaded);
}
.x-container.width,
.x-container.max.width {
	width: calc(100% - var(--page-margin-inline));
    max-width: none;
}
.x-main.full {
	min-height: calc(100dvh - 26.8rem);
}
.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-author-box,
.single-post .x-author-box + .cs-content:has(#related-posts),
.single-post .search-dialog + .cs-content:has(#related-posts),
.single-post .x-container.width #social-share,
.single-post .x-container.max.width #social-share {
    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;
}
.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%;
}
.dark .x-container.width,
.dark .x-container.max.width {
    padding-inline: var(--page-margin-inline);
}
.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"] {
    text-shadow: none;
	border: 0 none;
    padding-block: 1em;
}
.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 {
    text-shadow: none;
	border: 0 none;
}
.content .x-btn,
.content button,
.content .button,
.content a.button,
.content [type="submit"],
.dark .x-btn,
.dark button,
.dark .button,
.dark a.button,
.dark [type="submit"],
.dark .content .x-btn,
.dark .content button,
.dark .content .button,
.dark .content a.button,
.dark .content [type="submit"],
.content .x-btn,
.content .x-btn:hover,
.content button,
.content button:hover,
.content .button,
.content .button:hover,
.content a.button:hover,
.content [type="submit"],
.content .x-btn,
.content .x-btn:hover,
.content .dark button,
.content .dark button:hover,
.content .dark .button,
.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);
}
.primary-light .content .x-btn,
.primary-light .content button,
.primary-light .content .button,
.primary-light .content a.button,
.primary-light .content [type="submit"],
.primary-light .cs-content .x-btn,
.primary-light .cs-content button,
.primary-light .cs-content .button,
.primary-light .cs-content a.button,
.primary-light .content [type="submit"],
.primary-light .dark .content .x-btn,
.primary-light .dark .content button,
.primary-light .dark .content .button,
.primary-light .dark .content a.button,
.primary-light .dark .content [type="submit"] {
	color: var(--dark-background);
}
.primary-light .content .x-btn:hover,
.primary-light .content button:hover,
.primary-light .content .button:hover,
.primary-light .content a.button:hover,
.primary-light .content [type="submit"],
.primary-light .content .x-btn:hover,
.primary-light .content .dark button:hover,
.primary-light .content .dark .button:hover,
.primary-light .content .dark a.button:hover,
.primary-light .content .dark [type="submit"],
.primary-light .cs-content .x-btn:hover,
.primary-light .cs-content button:hover,
.primary-light .cs-content .button:hover,
.primary-light .cs-content a.button:hover,
.primary-light .cs-content [type="submit"] {
    color: color-mix(in lab, var(--dark-background) 80%, var(--dark-foreground))
}
input[type="checkbox"],
input[type="radio"] {
	accent-color: var(--primary);
}

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

/* ICONS */

.icon.arrow {
	color: transparent;
}
.dark .icon.arrow,
.masthead .x-navbar .desktop .x-nav > li:last-child .x-icon.x-framework-icon-menu::before,
#banner .x-text p:last-child a .x-icon::before,
#banner .x-text p:last-child .icon.arrow,
.dark .heading-split .icon.arrow,
.dark .heading-split .x-icon,
.button .icon.arrow,
.x-btn .icon.arrow,
.cta.x-btn .icon.arrow,
.heading-split .button .icon.arrow,
.heading-split .x-btn .icon.arrow,
.heading-split .button .x-icon,
.heading-split .x-btn .x-icon,
.dark .button .icon.arrow,
.dark .x-btn .icon.arrow,
.dark .cta .icon.arrow {
	color: transparent;
    background: transparent url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSItMTkxLjUgNTguNSAxMDAgMTAwIj4KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2Utd2lkdGg9IjguNDYiIGQ9Ik0tMTg1LjAyMiAxMDguMzY0aDgyLjUyMm00LjUyMiAwLTI5Ljk5NS0yOS44NDZtMjkuOTk1IDI5Ljg0Ni0yOS45OTUgMzAuMTE4Ii8+Cjwvc3ZnPg==") scroll no-repeat 0 0 / 100%;
}
.icon.arrow,
.primary-light .masthead .x-navbar .desktop .x-nav > li:last-child .x-icon.x-framework-icon-menu::before,
.primary-light #banner .x-text p:last-child a .x-icon::before,
.primary-light #banner .x-text p:last-child .icon.arrow,
.primary-light .x-btn .icon.arrow,
.primary-light .cta.x-btn .icon.arrow,
.heading-split .icon.arrow,
.heading-split .x-icon,
.primary-light .dark .heading-split .button .icon.arrow,
.primary-light .dark .heading-split .x-btn .icon.arrow,
.primary-light .dark .heading-split .button .x-icon,
.primary-light .dark .heading-split .x-btn .x-icon,
.primary-light .dark .button .icon.arrow,
.primary-light .dark .x-btn .icon.arrow,
.primary-light .button .icon.arrow,
.primary-light .x-btn .icon.arrow,
.cta .icon.arrow {
	color: transparent;
    background: transparent url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSItMTkxLjUgNTguNSAxMDAgMTAwIj4KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAxRTNDIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2Utd2lkdGg9IjguNDYiIGQ9Ik0tMTg1LjAyMiAxMDguMzY0aDgyLjUyMm00LjUyMiAwLTI5Ljk5NS0yOS44NDZtMjkuOTk1IDI5Ljg0Ni0yOS45OTUgMzAuMTE4Ii8+Cjwvc3ZnPg==") scroll no-repeat 0 0 / 100%;
}
.icon.arrow:has(.svg-arrow),
.cta .icon.arrow:has(.svg-arrow) {
	background-image: none;
}
.icon.arrow {
	display: inline-block;
}
.icon.arrow-ne {
    rotate: -45deg;
}
.icon.arrow-w {
    rotate: 180deg;
}
.icon.clock {
	position: relative;
	display: inline-block;
	margin-inline-end: 0.55em;
	inset-block-start: 0.1em;
}
svg .foreground-fill {
    fill: var(--foreground);
}
svg .primary-fill {
    fill: var(--primary);
}
svg .secondary-fill {
    fill: var(--secondary);
}
svg .foreground-stroke {
    stroke: var(--foreground);
}
svg .primary-stroke {
    stroke: var(--primary);
}
svg .secondary-stroke {
    stroke: var(--secondary);
}
.button svg .foreground-stroke,
.x-btn svg .foreground-stroke {
    stroke: var(--dark-foreground);
}

/* HEADER AND NAVIGATION */

.masthead.masthead.masthead-inline {
    position: sticky;
    inset-block: 0 inherit;
    inset-inline: 0;
    z-index: 140;
}
.masthead .x-navbar {
    background-color: var(--foreground);
    color: var(--foreground);
    background-color: var(--background);
    border-top: 0 none;
    border-bottom: 1px solid color-mix(in lab, var(--background) 80%, var(--foreground));
    box-shadow: none;
}
.dark-masthead .masthead .x-navbar {
	--foreground: var(--dark-foreground);
	--background: var(--dark-background);
}
.masthead .x-brand {
	width: min(100%, 2.7em);
}
.masthead .x-brand svg {
	width: 100%;
	height: auto;
}
.masthead .x-breadcrumb-wrap {
    display: none;
}
.masthead .x-container.max.width {
    width: calc(100% - var(--page-margin-inline) * 1.4);
	max-width: none;
}
.masthead .x-navbar .x-nav a {
    transition: 0.3s color linear, 0.3s background-color linear, 0.3s box-shadow ease;
}
.masthead.masthead-inline .desktop .x-nav {
	float: inline-end;
	margin-block: 1.6rem 1rem;
}
.masthead .x-navbar .desktop .x-nav > li > a {
    padding-block: 1em;
    padding-inline: 3em;
    height: auto;
}
.masthead .x-navbar a,
.masthead .x-navbar .desktop.masthead  .x-nav > li > a,
.masthead .x-navbar .desktop .x-nav > .x-active > a,
.masthead .x-navbar .desktop .x-nav > .current-menu-item > a,
.masthead .x-navbar .desktop .x-nav > li > a {
    color: var(--foreground);
}
.masthead .x-navbar .x-btn-navbar,
.masthead .x-navbar .x-btn-navbar.collapsed {
	color: var(--primary);
	background-color: var(--dark-background);
	border-color: 0 none;
	text-shadow: none;
}
.masthead .x-navbar a:hover,
.masthead .x-navbar .desktop.masthead  .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 .x-nav > .current-menu-item > a:hover,
.masthead .x-navbar .desktop .x-nav > li > a:hover {
    color: var(--primary-interaction);
}
.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;
}
.primary-light .masthead .x-navbar .desktop .x-nav > li:last-child > a,
.primary-light .masthead .x-navbar .desktop .x-nav > li:last-child > a:hover,
.primary-light .masthead .x-navbar .desktop .x-nav > li.active:last-child > a,
.primary-light .masthead .x-navbar .desktop .x-nav > li.active:last-child > a:hover,
.primary-light .masthead .x-navbar .desktop .x-nav > li.current-menu-item:last-child > a,
.primary-light .masthead .x-navbar .desktop .x-nav > li.current-menu-item:last-child > a:hover,
.dark-masthead .masthead .x-navbar .desktop .x-nav > li:last-child > a,
.dark-masthead .masthead .x-navbar .desktop .x-nav > li:last-child > a:hover,
.dark-masthead .masthead .x-navbar .desktop .x-nav > li.active:last-child > a,
.dark-masthead .masthead .x-navbar .desktop .x-nav > li.active:last-child > a:hover,
.dark-masthead .masthead .x-navbar .desktop .x-nav > li.current-menu-item:last-child > a,
.dark-masthead .masthead .x-navbar .desktop .x-nav > li.current-menu-item:last-child > a:hover {
    color: var(--foreground);  
}
.masthead .x-navbar .desktop .x-nav > li:last-child > a,
.dark-masthead.primary-light .masthead .x-navbar .desktop .x-nav > li:last-child > a,
.masthead .x-navbar .desktop .x-nav > li:last-child > a:hover,
.dark-masthead.primary-light .masthead .x-navbar .desktop .x-nav > li:last-child > a:hover,
.masthead .x-navbar .desktop .x-nav > li.active:last-child > a,
.dark-masthead.primary-light .masthead .x-navbar .desktop .x-nav > li.active:last-child > a,
.masthead .x-navbar .desktop .x-nav > li.active:last-child > a:hover,
.dark-masthead.primary-light .masthead .x-navbar .desktop .x-nav > li.active:last-child > a:hover,
.masthead .x-navbar .desktop .x-nav > li.current-menu-item:last-child > a,
.dark-masthead.primary-light .masthead .x-navbar .desktop .x-nav > li.current-menu-item:last-child > a,
.masthead .x-navbar .desktop .x-nav > li.current-menu-item:last-child > a:hover,
.dark-masthead.primary-light .masthead .x-navbar .desktop .x-nav > li.current-menu-item:last-child > a:hover {
    color: var(--background);
}
.masthead .x-navbar .mobile .x-nav li > a {
	border-block: 1px solid color-mix(in lab, var(--dark-foreground) 20%, var(--dark-background));
}
.masthead .x-navbar .desktop .x-nav > li:last-child > a {
    background-color: var(--primary);
}
.masthead .x-navbar .desktop .x-nav > li:last-child > a:hover {
    background-color: var(--primary-interaction);
}
.masthead .x-navbar .desktop .x-nav > li:last-child .x-icon.x-framework-icon-menu {
	display: block;
	float: inline-start;
	margin-inline: 0 0.5em;
	padding-block-start: 0.1em;
}
.masthead .x-navbar .desktop .x-nav > li:last-child .x-icon.x-framework-icon-menu::before {
    content: '';
    min-width: 0.85em;
    aspect-ratio: 1;
    rotate: -45deg;
    float: inline-start;
    transition: 0.3s translate ease;
}
.masthead .x-navbar .desktop .x-nav > li:last-child a:hover .x-icon.x-framework-icon-menu::before {
	translate: 0.15em -0.15em;
}
.masthead.masthead-inline .x-navbar .desktop .sub-menu {
	inset: 3rem 0 auto auto;
}
.masthead.masthead-inline .x-navbar .desktop .sub-menu li {
	font-size: var(--fs-sm);
}
.masthead.masthead-inline .x-navbar .desktop .sub-menu a {
	color: var(--dark-background);
}
.masthead.masthead-inline .x-navbar .desktop .sub-menu a:hover,
.masthead.masthead-inline .x-navbar .desktop .sub-menu .current-menu-item,
.masthead.masthead-inline .x-navbar .desktop .sub-menu .current-menu-item a {
	color: var(--primary);
}

/* FOOTER */

footer.x-colophon.top,
footer.x-colophon.bottom,
footer.x-colophon nav,
footer.x-colophon nav,
footer.x-colophon p,
footer.x-colophon p,
footer.x-colophon li,
footer.x-colophon li {
	font-size: var(--fs-sm);
}
footer.x-colophon.top,
footer.x-colophon.bottom {
    color: var(--dark-foreground);
    background-color: var(--dark);
    border-top: 0 none;
    border-bottom: 0 none;
    box-shadow: none;
}
footer.x-colophon.bottom .x-container.max.width {
    width: min(calc(100% - var(--page-margin-inline)), 1400px);
}
footer.x-colophon .x-colophon-content,
footer.x-colophon .navigation-social,
footer .navigation-social ul {
	display: flex;
	flex-wrap: wrap;
}
footer.x-colophon .company-name,
footer.x-colophon .slogan {
	flex: 1 0 45%;
	font-size: var(--fs-md);
	margin-block: calc(var(--fs-xl) * 0.1) calc(var(--fs-xl) * 0.9);
	text-wrap: balance;
}
footer.x-colophon .company-name {
	text-align: start;
}
footer.x-colophon .slogan {
	text-align: end;
}
footer .navigation-social {
	flex: 1 0 100%;
	border-top: 1px solid color-mix(in lab, var(--dark-background) 40%, var(--dark-foreground));
	text-align: start;
}
footer .slogan,
footer .social,
footer .additional {
	flex: 1 0 15%;
	text-align: end;
}
footer .navigation h2, 
footer .navigation h3, 
footer .social {
	font-size: var(--fs-md);
	margin-block: calc(var(--fs-md) * 1.5) calc(var(--fs-md) * 0.7);
}
footer .navigation li + li h2 {
	margin-block-start: calc(var(--fs-md) * 0.5);
}
footer .navigation,
footer .navigation ul {
	flex: 1 0 80%;
	text-align: start;
}
footer .social {
	flex: 0 1 3rem;
}
footer .navigation li {
	flex: 1 0 100%
}
footer.x-colophon .navigation .menu {
	justify-content: start;
	gap: 0.3rem 1.6rem;
	display: inline-flex;
}
footer.x-colophon .navigation .menu li,
footer.x-colophon .additional {
	flex: 1 0 100%;
}
footer.x-colophon ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 1rem;
}
footer.x-colophon nav a {
	color: color-mix(in lab, var(--dark-background) 25%, var(--dark-foreground));
	display: block;
	padding-block: 0.2em;
}
footer.x-colophon nav a:hover {
	color: color-mix(in lab, var(--primary) 90%, var(--dark-foreground));
}
footer.x-colophon .social a {
	aspect-ratio: 1;
	width: var(--fs-lg);
	text-align: center;
	color: color-mix(in lab, var(--dark-background) 25%, var(--dark-foreground));
	background-color: var(--primary);
	display: block;
	padding-block-start: 0.63em;
}
footer .social a:hover {
	background-color: var(--primary-interaction);
}
footer .social a svg {
	display: block;
	width: 1.2em;
	height: auto;
	margin-inline: auto;
}
footer.x-colophon svg .foreground-fill {
	fill: var(--dark-foreground);
}
.primary-light footer.x-colophon svg .foreground-fill {
	fill: var(--dark-background);
}
footer.x-colophon svg .foreground-stroke {
	stroke: var(--dark-foreground);
}
.primary-light footer.x-colophon svg .foreground-stroke {
	stroke: var(--dark-background);
}
footer.x-colophon .additional {
	gap: 1rem 1.4rem;
	justify-content: end;
	margin-block-start: 1.3rem;
	display: flex;
}

@media (width >= 768px) {
	footer.x-colophon .company-name {
		text-align: start;
	}
	footer.x-colophon .slogan {
		text-align: end;
	}
	footer.x-colophon .social ul,
	footer.x-colophon .additional ul {
		justify-content: end;
	}
	footer.x-colophon .navigation .menu li {
		flex: content;
	}
}

@media (width >= 1000px) {
	footer.x-colophon .navigation .menu {
		gap: 0.2rem 1rem;
	}
	footer.x-colophon .navigation .menu li {
		max-width: 12em;
		flex: 1 0 100%;
	}
	footer .navigation li + li h2 {
		margin-block-start: calc(var(--fs-md) * 1.5);
	}
	footer .navigation li {
		flex: 1 0 15%;
	}
	footer .social {
		flex: 1 0 15%;
	}
	footer.x-colophon .additional {
		margin-block-start: 0;
	}
}

/* GENERAL PAGE */

#banner h1,
#banner-form h1,
#banner h2,
#banner-form h2,
#banner h2 + h3:not(:has(a)),
#banner h2 + p:not(:has(a)) {
    margin-block: 0;
    margin-inline: var(--page-margin-inline);
}
#banner h1,
#banner-form h1 {
	flex: 9 0 var(--fs-xxl);
    color: var(--primary);
    font-size: var(--fs-md);
    align-content: end;
}
#banner h2,
#banner-form h2 {
	align-content: start;
	font-size: var(--fs-xxl);
	flex: 15 0 calc(var(--fs-xxl) * 2);
	margin-block: 0;
}
#banner h2 + p:not(:has(a)),
#banner h3 + p:not(:has(a)) {
	align-content: start;
	font-size: var(--fs-md);
	flex: 15 0 calc(var(--fs-xxl) * 2);
}
#banner p {
    margin-block: 0;
}
#banner .x-col {
    display: flex;
}
#banner .x-text {
	display: flex;
	align-content: start;
	flex-direction: column;
	gap: 1rem;
	padding-block-start: 1.3rem;
}
#banner .x-text h1 + h2 {
	margin-block-end: 1.3rem;
}
#banner .x-image {
    display: flex;
    justify-content: stretch;
}
#banner .x-image img {
	object-fit: cover;
	width: 100%;
	height: auto;
	max-width: 100vw;
}
#banner .x-row:first-child .x-col {
	padding-block: clamp(4rem, 8vh, 10rem);
}
#banner .x-container.max.width {
    margin-inline: 0;
    padding-inline: 0;
}
#banner .x-row:last-child .x-col:first-child {
    display: flex;
	flex: 10 0 75%;
	padding-block: 0;
	padding-inline: 0;
	align-items: stretch;
}
#banner .x-row:last-child .x-image {
	display: flex;
	justify-content: stretch;
	flex: 1 0 100%;
}
#banner .motif {
	display: none;
	padding-block: 0;
	padding-inline: 0;
	margin-inline-end: 0;
	background-color: var(--secondary);
}
#banner .x-row:last-child .x-col:first-child .x-image img,
#banner .x-row:last-child .motif svg {
    object-fit: cover;
	flex: 1 0 100%;
	max-width: 100vw;
	width: auto;
	height: auto;
}
#banner .x-row:last-child .x-col:first-child .x-image img {
	object-position: 50% 15%;
}
#banner .x-row:last-child .motif svg {
	clip-path: inset(40.9% 45% 34.45% 22.9%);
	scale: 4.067;
	translate: -93.4% -166.5%;
	transform-origin: 0 0;
	fill: none;
}
#banner .x-row:last-child .motif.safari {
	overflow: hidden;
}
#banner .x-row:last-child .motif.safari svg {
	clip-path: none;
}
#banner .x-text p:last-child a .x-icon {
    inset-block-start: 0.2em;
}
#banner .x-row:last-child .x-col {
	flex: 1 0 100%;
}
#banner .x-image img {
	aspect-ratio: 3 / 2;
}
.icon.arrow,
.button .icon,
.x-btn .icon,
.cta .icon {
	content: '';
	width: 1.1em;
	transition: 0.3s translate ease;
	display: inline-block;
	height: 1.1em;
}
.button .icon,
.x-btn .icon,
.cta .icon {
    translate: 0.25em 0.2em;
}
.x-text a .icon.end,
.x-text .button .icon.end,
.x-text .x-btn .icon.end {
	translate: 0.15em 0.15em;
}
.button .icon.start,
.x-btn .icon.start,
.x-text .button .icon.start,
.x-text .x-btn .icon.start,
.cta .icon.start {
    float: inline-start;
	translate: 0.45em 0.2em;
}
.x-text a:hover .icon.end,
.x-text .button:hover .icon.end,
.x-text .x-btn:hover .icon.end {
	translate: 0.3em 0;
}
.button:hover .icon,
.x-btn:hover .icon,
.x-text .button:hover .icon.start,
.x-text .x-btn:hover .icon.start,
.cta:hover .icon {
	translate: 0.4em 0.05em;
}
.heading-split,
.heading-split .x-text {
    position: relative;
}
.heading-split .x-col,
.heading-split > .x-row-inner > .x-col,
.heading-split > .x-row-inner > .x-col:only-child {
	flex-basis: 100%;
}
#pages .heading-split .x-col:only-child {
	margin-inline: 0;
}
.content .heading-split .x-text {
	display: grid;
	grid-gap: 2rem;
	grid-template-columns: repeat(1, 1fr);
}
.heading-split .x-text p:last-child,
.heading-split .x-text ul:last-child,
.heading-split .x-text .end:last-child {
	text-align: end;
}
.heading-split h2,
.heading-split h3 {
	text-wrap: balance;
	margin-block: 0;
}
.heading-split h2,
.x-row.heading-split:first-child h2,
#pages .x-row.heading-split:first-child h2,
#offices .x-row:first-child h2 {
    font-size: var(--fs-md);
	color: var(--primary);
}
.heading-split h3,
.x-row.heading-split:first-child h3,
#pages .x-row.heading-split:first-child h3,
#offices .x-row:first-child p {
    font-size: var(--fs-xl);
	line-height: 120%;
}
.x-row.heading-split .start:last-of-type,
.x-row.heading-split .end:last-of-type {
	margin-block-end: 0;
}
.heading-split .carousel.navigation,
.heading-split .x-text .carousel.navigation {
	width: auto;
}
.heading-split h3,
.heading-split .x-text h3 {
	margin-block-end: 1.5rem;
}
.heading-split p > a,
.heading-split .x-text p > a {
    color: var(--foreground);
}
.heading-split p > a.button,
.heading-split .x-text p > a.button,
.heading-split p > a.button:hover,
.heading-split .x-text p > a.button:hover {
    color: var(--background);
}
.heading-split h3 a,
.home #pages .heading-split h3 a,
.heading-split p a,
.home .x-row.heading-split:first-child h3,
.primary-light .heading-split p > a.button,
.primary-light .heading-split .x-text p > a.button,
.primary-light .heading-split p > a.button:hover,
.primary-light .heading-split .x-text p > a.button:hover {
    color: var(--foreground);
}
.heading-split p > a.button,
.heading-split .x-text p > a.button {
    font-size: var(--fs-base);
    padding-block: 0.8em;
}
.heading-split p > a > .icon,
.heading-split .x-text p > a > .icon {
	position: relative;
	color: transparent;
	content: '';
	min-width: 0.8em;
	aspect-ratio: 1;
	float: inline-end;
	margin-inline-start: 0.7em;
	inset-block-start: 0.2em;
}
.heading-split p > a > .icon.arrow,
.heading-split .x-text p > a > .icon.arrow {
	margin-inline: 0.1em 0.3em;
	inset-block-start: 0.1rem;
}
.heading-split p > a > .icon.arrow-ne,
.heading-split .x-text p > a > .icon.arrow-ne {
    rotate: -45deg;
}
.heading-split .navigation {
	display: inline-flex;
	align-content: end;
	width: fit-content;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 0.3rem;
}
.heading-split .navigation li {
	line-height: 100%;
	font-size: var(--fs-md);
	flex: 1;
	width: auto;
	text-align: end;
}
.heading-split .navigation li a {
	padding-block: 0.2em;
	padding-inline: 0.2em;
}
.heading-split .navigation li:last-child a {
	padding-inline-end: 0;
}
.motif svg {
    width: 100%;
    height: auto;
}
@media (width > 600px) {
	#banner .motif {
		display: flex;
		flex: 1 0 15%;
		align-items: stretch;
	}
	#banner .x-row:last-child .x-col:first-child {
		flex: 10 0 75%;
	}
	#banner .x-row:last-child .x-col:last-child {
		flex: 1 0 15%;
	}
	#banner .x-image img {
		aspect-ratio: 3.3;
	}
	.home #banner .x-image img {
		aspect-ratio: inherit;
	}
	.home #banner .x-row:last-child .x-col:first-child {
		flex: 1 0 30%;
	}
	.content .heading-split .x-text {
		grid-gap: calc(var(--page-margin-inline) * 0.8);
		grid-template-rows: repeat(1, 1fr);
	}
	.heading-split .x-text:has(>:nth-child(2):last-child) {
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: 1fr; 
	}
	.heading-split .x-text :first-child {
		grid-area: 1 / 1 / 1 / 1;
	}
	.heading-split .x-text h3:nth-child(2):not(:last-child),
	.heading-split .x-text p:nth-child(2):not(:last-child),
	.heading-split .x-text ul:nth-child(2):not(:last-child),
	.heading-split .x-text .start:nth-child(2) {
		grid-area: 2 / 1 / 2 / 2;
	}
	.heading-split .x-text p:last-child,
	.heading-split .x-text ul:last-child,
	.heading-split .x-text .end:last-child {
		text-align: end;
		align-self: end;
		grid-area: 2 / 2 / 2 / 2;
	}
	.heading-split .x-text:has(>:nth-child(2):last-child) p:last-child,
	.heading-split .x-text:has(>:nth-child(2):last-child) ul:last-child,
	.heading-split .x-text:has(>:nth-child(2):last-child) .end:last-child {
		grid-area: 1 / 2 / 1 / 2;
	}
}

/* FEATURED PAGES */

.featured-pages,
.featured-pages li,
.featured-pages li a {
    display: flex;
    margin: 0;
    padding: 0;
    gap: 1rem;
    flex-wrap: wrap;
}
.featured-pages {
	list-style: none;
	margin-block: 0 1.6rem;
	margin-inline: 0;
}
.featured-pages li {
    flex: 1 0 9.2rem;
    margin: 0;
    padding: 0;
    transition: 0.4s border-color ease-in-out 0.2s;
}
.featured-pages li > * {
    flex: 1 0 100%;
    display: flex;
}
.featured-pages li {
	gap: 0.7rem;
	align-content: start;
	justify-content: center;
}
.featured-pages li img {
	position: relative;
	aspect-ratio: 1;
	object-fit: cover;
	transition: 1.5s filter linear, 1.5s transform ease-in-out;
	width: 100%;
}
.featured-pages {
    gap: calc(var(--page-margin-inline) * 0.75);
}
.featured-pages li {
    background-color: var(--background);
    border-radius: var(--border-radius);
    padding-block-end: calc(var(--page-margin-inline) * 0.75);
    font-size: var(--fs-sm);
    line-height: 130%;
	gap: 0.8rem;
}
.featured-pages li.dark {
    background-color: transparent;
    color: var(--dark-foreground);
    background-color: var(--dark-background);
}
.featured-pages li.hide {
	display: none;
}
.featured-pages .title,
.featured-pages .excerpt,
.featured-pages p.cta {
	margin-block: 0;
	padding-inline: calc(var(--page-margin-inline) * 0.75);
}
.featured-pages .title {
	order: 2;
	line-height: 105%;
	margin-block: 0.6rem 0;
	color: var(--primary);
	min-height: calc(var(--fs-md) * 2.1);
	font-size: var(--fs-md);
	padding-block-end: 0;
}
.featured-pages .dark .title {
    border-block-end: 2px solid color-mix(in lab, var(--dark-background) 85%, var(--dark-foreground));
}
.featured-pages .title a {
	color: var(--primary);
}
.featured-pages .title a:hover {
	color: var(--primary-interaction);
}
.featured-pages .image {
	overflow: hidden;
	order: 1;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
}
.featured-pages .excerpt {
	order: 3;
	font-size: var(--fs-sm);
}
.featured-pages p.cta {
	order: 4;
	font-size: var(--fs-sm);
	padding-block: calc(var(--page-margin-inline) * 0.5);
	border-block-start: 2px solid color-mix(in lab, var(--background-shaded) 95%, var(--foreground));
}
.featured-pages li .image,
.featured-pages li img {
    transition: 0.6s border linear, 0.6s filter linear, 0.6s scale linear;
    border-start-start-radius: var(--border-radius);
    border-start-end-radius: var(--border-radius);
}
.featured-pages li img {
	margin-inline: 0;
	aspect-ratio: 16 / 9;
	display: block;
	margin: 0;
}
.featured-pages li a:hover img {
    filter: brightness(105%);
    scale: 1.03;
}
.featured-pages li .cta a {
	color: var(--foreground);
}
.featured-pages .cta a .icon {
    position: relative;
    translate: -0.4em 0.05em;
    width: 1.1em;
}
.featured-pages .cta a:hover .icon {
	translate: -0.25em -0.1em;
}

@media (width < 768px) and (orientation: portrait) {
    .featured-pages li:first-child {
        flex: 1 0 100%;
    }
}

/* INSIGHTS/RECENT POSTS */

.recent-posts,
.recent-posts li,
.recent-posts li a {
    gap: calc(var(--page-margin-inline) * 0.75);
}
.recent-posts {
	grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
}
.recent-posts li a {
    background-color: var(--background);
    border-radius: var(--border-radius);
    padding-block-end: calc(var(--page-margin-inline) * 0.75);
}
.recent-posts li {
    font-size: var(--fs-sm);
    line-height: 130%;
}
.recent-posts li.dark {
    background-color: transparent;
}
.recent-posts a,
.recent-posts a:hover {
    color: var(--foreground);
}
.recent-posts li.dark a {
    color: var(--dark-foreground);
    background-color: var(--dark-background);
}
.recent-posts li.hide {
	display: none;
}
.recent-posts li a span {
    margin-inline: calc(var(--page-margin-inline) * 0.75);
}
.recent-posts .title,
.recent-posts .excerpt {
	padding-block-end: calc(var(--page-margin-inline) * 0.75);
	padding-inline: calc(var(--page-margin-inline) * 0.75);
	border-block-end: 2px solid color-mix(in lab, var(--background-shaded) 95%, var(--foreground));
}
.recent-posts .title {
	font-size: var(--fs-lg);
	line-height: 105%;
	margin-block: 0;
	min-height: calc(var(--fs-xl) * 3);
}
.recent-posts:has(.excerpt) .title {
	color: var(--primary);
	border-block-end: 0 none;
	min-height: calc(var(--fs-md) * 2);
	font-size: var(--fs-md);
	padding-block-end: 0;
}
.recent-posts:has(.excerpt) a:hover .title {
	color: var(--primary-interaction);
}
.recent-posts .excerpt {
	font-size: var(--fs-sm);
}
.recent-posts .dark .title {
    border-block-end: 2px solid color-mix(in lab, var(--dark-background) 85%, var(--dark-foreground));
}
.recent-posts .categories,
.x-iso-container article .category a {
    color: var(--primary);
}
.recent-posts .categories,
.recent-posts .cta {
    position: relative;
}
.recent-posts .categories,
.recent-posts .cta {
    margin-inline-end: 0;
}
.recent-posts li:has(.date) .categories {
	max-width: min(calc(80% - 4rem), 20em);
	white-space: nowrap;
	overflow: hidden;
}
.recent-posts li:has(.categories) .date,
.recent-posts .reading-time {
	margin-inline-start: 0;
}
.recent-posts .reading-time .icon {
	position: relative;
	width: 1em;
	height: auto;
	margin-block: 0 0.15em;
	margin-inline-end: 0.65em;
}
.recent-posts li .date time {
	display: inline-block;
}
.recent-posts li:has(.categories) .date time {
	margin-inline: auto 0;
}
.recent-posts li .image,
.recent-posts li a img {
    transition: 0.6s border linear, 0.6s filter linear, 0.6s scale linear;
    border-start-start-radius: var(--border-radius);
    border-start-end-radius: var(--border-radius);
}
.recent-posts li a:hover .image {
	color: #000;
}
.recent-posts li a img {
    margin-inline: 0;
	aspect-ratio: 16 / 9;
    display: block;
}
.recent-posts li a:hover img {
    filter: brightness(105%);
    scale: 1.03;
}
.recent-posts li:has(.date) .categories::after {
	position: absolute;
	color: var(--foreground);
	content: '•';
	width: 1em;
	aspect-ratio: 1;
	inset-inline-end: 0;
	translate: calc(var(--page-margin-inline) - 0.7em) -0.1em;
	z-index: 1;
}
.recent-posts .cta .icon {
    position: relative;
    translate: -0.4em 0.05em;
    width: 1.1em;
}
.recent-posts a:hover .cta .icon {
	translate: -0.25em -0.1em;
}
.recent-posts-filter {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	justify-content: flex-start;
	align-items: flex-start;
	margin-block: 1.7rem;
	margin-inline: 0;
	padding: 0;
	gap: 1rem;
}
.recent-posts-filter li {
	display: flex;
	font-size: var(--fs-sm);
	flex: 1 0 fit-content;
	max-width: fit-content;
	margin: 0;
	padding: 0;
}
.recent-posts-filter .count {
	position: absolute;
	font-size: calc(var(--fs-sm) * 0.8);
	inset: -0.4em 0.2em auto auto;
	filter: opacity(0%);
	transition: 0.3s opacity linear, 0.3s filter linear;
}
.recent-posts-filter a:hover .count,
.recent-posts-filter .selected .count {
	filter: none;
}
.recent-posts-filter li a,
.x-pagination li a,
.x-pagination .current {
	border-radius: 3px;
}
.recent-posts-filter a {
	position: relative;
	color: var(--primary);
	border: 1px solid var(--primary);
	padding-block: 0.4em;
	padding-inline: 1.1em;
	position: relative;
}
.recent-posts-filter a:hover {
	color: var(--primary-interaction);
	border: 1px solid var(--primary-interaction);
}
.recent-posts-filter .selected a,
.x-pagination .current {
	color: var(--background);
	background-color: var(--primary);
}
.recent-posts-filter .selected a:hover {
	color: var(--background);
	background-color: var(--primary-interaction);
}
.recent-posts-filter + .recent-posts {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(21rem, auto));
	justify-content: flex-start;
	align-items: flex-start;
	list-style: none;
	margin-block: 1.7rem;
	margin-inline: 0;
	padding: 0;
	gap: 1rem;
}
.recent-posts-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	list-style: none;
	margin-block: 0 2rem;
	margin-inline: 0;
	padding-inline: 0;
}
.recent-posts-filter li {
	font-size: var(--fs-base);
	flex: 0 1 auto;
	margin-inline: 0;
	padding-inline: 0;
}
.recent-posts-filter .selected a {
	color: var(--dark-foreground);
	background-color: var(--primary);
}
.recent-posts-filter a:hover .count,
.recent-posts-filter .selected .count {
	opacity: 1;
}
@media (width >= 768px) {
	.recent-posts {
		grid-template-columns: repeat(3, minmax(22rem, 1fr));
	}
	.insights .recent-posts,
	.impact-studies .recent-posts {
		grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
	}
}

/* SINGLE POST/INSIGHT */

.single-post blockquote p,
.single-post .primary,
.single-post .primary-bold strong,
.single-post .primary-italic em,
.single-post .primary-link a {
	color: var(--primary);
}
.single-post .secondary,
.single-post .secondary-bold strong,
.single-post .secondary-italic em,
.single-post .secondary-link a {
	color: var(--secondary);
}
.single-post .entry-header,
.single-post .p-meta {
	display: flex;
	flex-wrap: wrap;
}
.single-post .p-meta {
	text-transform: none;
	font-size: var(--fs-sm);
	line-height: inherit;
	color: color-mix(in lab, var(--foreground) 60%, var(--background));
}
.single-post .entry-header {
	gap: 2rem;
}
.single-post h1,
.single-post .entry-title {
	flex: 1 0 100%;
	order: 2;
	font-size: var(--fs-xxl);
	margin-block: 0 var(--fs-xxl);
	line-height: 120%;
}
.single-post h2,
.single-post .h2,
.single-post h3,
.single-post .h3
.single-post h4,
.single-post .h4 {
	margin-block: 1em;
}
.single-post h2,
.single-post .h2 {
	font-size: var(--fs-xl);
}
.single-post h3,
.single-post .h3 {
	font-size: var(--fs-lg);
}
.single-post h4,
.single-post .h4 {
	font-size: var(--fs-md);
}
.single-post .p-meta,
.single-post .p-meta .categories ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.single-post .p-meta {
	flex: 1 0 100%;
	order: 1;
	gap: 1.3rem;
}
.single-post .p-meta .categories ul {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.single-post .p-meta li {
	flex: 0 0 content;
	margin-block: 0;
	margin-inline: 0 0.4em;
	padding: 0;
	font-size: inherit;
	line-height: inherit;
}
.single-post .p-meta > li:nth-last-child(2) {
	flex: 40 0 content;
}
.single-post .p-meta .reading-time {
	text-align: end;
}
.single-post .p-meta .category:not(:first-child) {
	padding-inline: 0.3em 0;
	margin-inline-start: 0.6em;
	padding-inline-start: 0.3em;
}
.single-post .p-meta .category:not(:first-child)::before,
.single-post .p-meta > li:not(:first-child):not(:last-child)::before {
	content: '•';
	position: absolute;
	margin-block-start: -0.1em;
	margin-inline-start: -1.3em;
}
.single-post .wp-block-list li {
	padding-inline-start: 0.6em;
	margin-block: 1.1em;
}
.single-post .wp-block-list ::marker {
	color: var(--primary);
}
.single-post .x-author-box {
	margin-block: 3rem;
}
.single-post .x-section.related-posts {
	margin-inline: auto;
}
.single-post .entry-footer:has([rel="tag"]) {
	display: none;
}

/* IMPACT HUB */

#more .recent-posts > li {
	flex: 1 0 100%;
}
@media (width > 600px) {
	#more .recent-posts > li {
		flex: 1 0 calc(50% - var(--page-margin-inline) * 0.4);
		max-width: calc(50% - var(--page-margin-inline) * 0.4);
	}
}
@media (width > 900px) {
	#more .recent-posts > li {
		flex: 1 0 calc(33.33% - var(--page-margin-inline) * 0.5);
		max-width: calc(33.33% - var(--page-margin-inline) * 0.5);
	}
}

/* POST CATEGORY/ARCHIVE */

.x-header-landmark {
	margin-inline: var(--page-margin-inline);
}
.x-header-landmark .h-landmark,
.x-header-landmark .p-landmark-sub {
	width: calc(100% - var(--page-margin-inline));
	margin-inline: auto;
	text-align: start;
	letter-spacing: inherit;
}
.x-header-landmark .h-landmark {
	font-size: var(--fs-md);
	color: var(--primary);
}
.x-header-landmark .h-landmark span {
	font-size: inherit;
	text-align: inherit;
	margin: inherit;
}
.x-header-landmark .h-landmark span::before,
.x-header-landmark .h-landmark span::after {
	display: none;
}
.x-header-landmark .p-landmark-sub {
	font-size: var(--fs-xl);
	margin-block: 0;
	margin-inline: 0;
	padding-inline: 0;
}
.x-header-landmark + .x-container.offset {
	margin-block: 1.8rem 4rem;
}
.x-iso-container article {
    background-color: var(--background);
    border-radius: var(--border-radius);
    padding-block-end: calc(var(--page-margin-inline) * 0.75);
}
.x-iso-container article li {
    font-size: var(--fs-sm);
    line-height: 130%;
}
.x-iso-container.cols-2,
.x-iso-container.cols-3,
.x-iso-container.cols-2 > *,
.x-iso-container.cols-3 > *,
.x-iso-container .entry-header,
.x-iso-container .p-meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--page-margin-inline);
	margin-inline: 0;
	padding-inline: 0;
}
.x-iso-container article ul {
	list-style: none;
	margin-inline: 0;
	padding-inline: 0;
}
.x-iso-container article li {
	margin-inline: 0;
	padding-inline: 0;
}
.x-iso-container .entry-thumb {
	order: 1;
	align-self: flex-start;
}
.x-iso-container .entry-header {
	order: 2;
	gap: calc(var(--page-margin-inline) * 0.5);
}
.x-iso-container .entry-content {
	order: 3;
	margin-block: 0;
	align-self: end;
}
.x-iso-container .entry-footer {
	order: 4;
}
.x-iso-container .entry-footer:has([rel="tag"]) {
	display: none;
}
.x-iso-container .entry-content p {
	font-size: var(--fs-sm);
}
.x-container .x-iso-container .p-meta {
	order: 1;
	flex: 1 0 100%;
}
.x-container .x-iso-container .entry-title {
	order: 2;
	font-size: var(--fs-lg);
	line-height: 105%;
	margin-block: 0;
	flex: 1 0 100%;
}
.x-iso-container .p-meta .date {
	flex: 1 0 content;
}
.x-iso-container .p-meta .reading-time {
	flex: 1 0 content;
	text-align: end;
	text-transform: none;
}
.x-iso-container .entry-content.excerpt div:last-child {
	margin-inline: calc(var(--page-margin-inline) * -0.66);
	padding-block: 0.8rem 0;
	border-block-start: 2px solid color-mix(in lab, var(--background-shaded) 95%, var(--foreground));
}
.x-iso-container .entry-content.excerpt .more-link {
	font-size: var(--fs-sm);
	font-weight: 400;
	color: var(--foreground);
	margin-inline: calc(var(--page-margin-inline) * 0.66);
}
.x-iso-container .entry-content.excerpt .more-link:hover {
	color: color-mix(in lab, var(--foreground) 85%, var(--background));
}

@media (width >= 768px) {
	.x-container .x-iso-container.cols-2 > *,
	.x-container .x-iso-container.cols-3 > * {
		flex-wrap: wrap;
		justify-content: space-between;
		width: inherit;
		position: relative !important;
		left: inherit !important;
		top: inherit !important;
		transform: none !important;
		padding-block: calc(var(--page-margin-inline) * 0.75) calc(var(--page-margin-inline) * 0.5) !important;
		gap: calc(var(--page-margin-inline) * 0.5);
	}
	.x-container .x-iso-container.cols-3 > * {
		flex: 1 0 calc(33.3% - var(--page-margin-inline) * 0.66);
		max-width: calc(33.3% - var(--page-margin-inline) * 0.66);
	}
	.x-iso-container.cols-2 > * {
		flex: 1 0 calc(50% - var(--page-margin-inline));
		max-width: calc(50% - var(--page-margin-inline));
	}
}

/* SPECIFIC PAGE */

.home #banner .x-text p:last-child {
    background-color: var(--primary);
}
.home #banner .x-text p:last-child a:only-child {
    display: block;
    padding-block: 0.6em;
    padding-inline: var(--page-margin-inline);
}
.home #banner .x-text p:last-child {
    flex: 2.5 0 4rem;
    align-content: center;
}
.home #banner .x-text p:last-child,
.home #banner .x-text p:last-child a,
.home #banner .x-text p:last-child a:hover {
    color: var(--dark-foreground);
}
.home.primary-light #banner .x-text p:last-child,
.home.primary-light #banner .x-text p:last-child a,
.home.primary-light #banner .x-text p:last-child a:hover {
    color: var(--dark);
}
.home #banner .x-row:last-child .x-col:last-child {
	padding-block: 0;
}
.home #sectors-themes h2,
.home #opportunities h2 {
    font-size: var(--fs-base);
}
.home #sectors-themes h3,
.home #opportunities h3 {
	margin-block: 0.5em 0.7em;
}
.home #sectors-themes .x-text .carousel.slide .slide,
.home #opportunities .x-text .carousel.slide .slide {
	flex: 1 0 min(25rem, calc(100vw - 5.1rem));
	max-width: 60rem;
}
.home #sectors-themes .heading-split .x-text ul:last-child,
.home #opportunities .heading-split .x-text ul:last-child {
	inset-block-start: 0;
	inset-block-end: inherit;
}
.home #sectors-themes .heading-split .x-text li,
.home #opportunities .heading-split .x-text li {
    font-size: var(--fs-base);
}
.home #sectors-themes .heading-split .x-text a .icon,
.home #opportunities .heading-split .x-text a .icon,
.home #sectors-themes .heading-split .x-text a:hover .icon,
.home #opportunities .heading-split .x-text a:hover .icon {
	translate: none;
}
.home #sectors-themes h3 a,
.home #opportunities h3 a {
    color: var(--primary);
}
.home #sectors-themes p,
.home #opportunities p {
	font-size: var(--fs-sm);
	margin-block-end: 2.1em;
}
.home #sectors-themes p:last-child,
.home #opportunities p:last-child {
	margin-block-end: 0;
}
.home #sectors-themes p:last-child a:only-child,
.home #opportunities p:last-child a:only-child {
    font-size: var(--fs-base);
}
.home #sectors-themes .cta a,
.home #opportunities .cta a {
	color: color-mix(in lab, var(--foreground) 5%, var(--background));
}
.home #sectors-themes .cta a:hover,
.home #opportunities .cta a:hover {
	color: color-mix(in lab, var(--foreground) 15%, var(--background));
}
.home #sectors-themes a .icon,
.home #opportunities a .icon {
	translate: 0.45em 0;
}
.home #sectors-themes a:hover .icon,
.home #opportunities a:hover .icon {
	translate: 0.6em -0.15em;
}
#pages .arrow-end .x-col:last-child .x-text {
	font-size: var(--fs-md);
	text-align: end;
}
#pages .arrow-end .icon.arrow {
	font-size: var(--fs-md);
	translate: none;
}
#pages .x-row-inner > :nth-child(3n-1) {
	align-self: flex-start;
}
.people #team h2 {
	font-size: var(--fs-md);
}
.what-we-do #featured h2,
.sectors-themes #featured h2 a,
.opportunities #featured h2 a,
.people #team h2 {
	color: var(--primary);
}
.what-we-do #featured .heading-split ul {
	inset-block-start: inherit;
	inset-block-end: 0;
}
.sectors-themes #featured h2 a:hover,
.opportunities #featured h2 a:hover {
	color: var(--primary-interaction);
}
.sectors-themes #sectors-themes .x-col,
.opportunities #opportunities .x-col {
	flex-basis: 100%;
}
.sectors-themes #sectors-themes .x-col:first-child,
.opportunities #opportunities .x-col:first-child {
	order: 2;
	margin-block: 0.5rem 5rem;
}
.sectors-themes #sectors-themes .x-col:last-child,
.opportunities #opportunities .x-col:last-child {
	order: 1;
	margin-block: 4rem 1.5rem;
}
.post-case-study,
#pages {
	background-color: var(--background);
	border-collapse: collapse;
	border-top: 2px solid color-mix(in lab, var(--foreground) 5%, var(--background));
	border-bottom: 2px solid color-mix(in lab, var(--foreground) 5%, var(--background));
}
#pages .x-row .x-row-inner > .x-col {
	margin-block: 0;
}
#pages .x-row:not(.heading-split) .x-col:nth-child(3n-2),
#pages .x-row > .x-row-inner > :nth-child(3n-2) {
	flex-basis: 100%;
}
#pages .x-row:not(.heading-split) .x-col:nth-child(3n-1),
#pages .x-row > .x-row-inner > :nth-child(3n-1) {
	margin-block: 1.8rem 2.8rem;
}
#pages .x-row:not(.heading-split) .x-col:nth-child(3n-2),
#pages .x-row > .x-row-inner > :nth-child(3n-2) {
	margin-block: 1.8rem 0;
}
#pages .x-row:not(.heading-split) .x-col:nth-child(3n-1),
#pages .x-row > .x-row-inner > :nth-child(3n-1) {
	flex-basis: calc(80% - 3.5rem);
	margin-inline-end: 0;
}
#pages .x-row:not(.heading-split) .x-col:nth-child(3n),
#pages .x-row > .x-row-inner > :nth-child(3n) {
	flex-basis: 10%;
	margin-inline: 0;
	align-content: center;
}
.sectors-themes .post-case-study + #pages,
.opportunities .post-case-study + #pages {
    border-top: 0 none;
}
.sectors-themes .post-case-study .recent-posts li a,
.opportunities .post-case-study .recent-posts li a {
	background-color: var(--background-shaded);
}
.home #pages .x-row + .x-row h3,
#pages .x-row:not(.heading-split) h3,
.sectors-themes .x-col:nth-child(2n) h3,
.opportunities .x-col:nth-child(2n) h3 {
	color: var(--primary);
	font-size: var(--fs-base);
	margin-block: 0 1.2rem;
}
#pages p,
.sectors-themes .x-col:nth-child(2n) h4,
.opportunities .x-col:nth-child(2n) h4 {
	font-size: var(--fs-lg);
	line-height: 120%;
	margin-block: 0 2rem;
}
.home #pages p,
#pages p {
	font-size: var(--fs-md);
	margin-block-end: 0;
}
.home #pages .x-row + .x-row p {
	width: min(100%, 20em);
}
.home #pages .end {
	width: inherit;
}
#pages p {
	width: min(100%, 25em);
}
.home #pages .x-row + .x-row h3 a,
.sectors-themes .x-col:nth-child(2n) h3 a,
.opportunities .x-col:nth-child(2n) h3 a,
#pages h3 a {
	color: var(--primary);
}
.home #pages .x-row + .x-row h3 a:hover,
.sectors-themes .x-col:nth-child(2n) h3 a:hover,
.opportunities .x-col:nth-child(2n) h3 a:hover,
#pages h3 a:hover {
	color: var(--primary-interaction);
}
.home #pages .x-row + .x-row:not(:last-child),
#pages .x-row:not(:last-child) {
	margin-block-end: 3rem;
	padding-block-end: 3rem;
	border-bottom: 2px solid color-mix(in lab, var(--foreground) 5%, var(--background));
}
.sectors-themes .post-case-study p:last-child:has(.cta),
.opportunities .post-case-study p:last-child:has(.cta) {
	margin-block-start: 1.5rem;
}
.sectors-themes .post-case-study a.cta,
.opportunities .post-case-study a.cta {
	color: var(--primary);
}
.sectors-themes .post-case-study a.cta:hover,
.opportunities .post-case-study a.cta:hover {
	color: var(--primary-interaction);
}
.sectors-themes .post-case-study .cta .icon.end,
.opportunities .post-case-study .cta .icon.end {
	width: 1em;
	height: 1em;
}
.sectors-themes .post-case-study .cta .icon svg,
.opportunities .post-case-study .cta .icon svg {
	width: 100%;
	height: auto;
}
.sectors-themes .post-case-study .cta .foreground-stroke,
.opportunities .post-case-study .cta .foreground-stroke {
	stroke: var(--primary);
}
.sectors-themes .post-case-study .cta:hover .foreground-stroke,
.opportunities .post-case-study .cta:hover .foreground-stroke {
	stroke: var(--primary-interaction);
}
.sectors-themes .post-case-study a > .icon.end,
.opportunities .post-case-study a > .icon.end,
.sectors-themes .post-case-study .cta > .icon.end,
.opportunities .post-case-study .cta > .icon.end {
	translate: 0.2em 0.15em;
	width: 0.9em;
	height: 0.9em;
}
.sectors-themes .post-case-study a:hover .cta > .icon.end,
.opportunities .post-case-study a:hover .cta > .icon.end,
.sectors-themes .post-case-study .cta:hover > .icon.end,
.opportunities .post-case-study .cta:hover > .icon.end {
	translate: 0.35em 0;
}
.sectors-themes .post-case-study .recent-posts .icon.end,
.opportunities .post-case-study .recent-posts .icon.end {
	translate: -0.7em 0.2em;
}
.sectors-themes .post-case-study .recent-posts a:hover .icon.end,
.opportunities .post-case-study .recent-posts a:hover .icon.end {
	translate: -0.55em 0.05em;
}
.sectors-themes .post-case-study a > .icon.end > .icon,
.opportunities .post-case-study a > .icon.end > .icon {
	translate: 0 0;
}
.people #team h2 {
	font-size: var(--fs-base);
}
.people #team h2 + p {
	font-size: var(--fs-lg);
	width: min(100%, 25em);
	line-height: 120%;
}
#explainer .x-text {
	width: min(100%, 34em);
	margin-inline: 0 auto;
	font-size: var(--fs-md);
}
#explainer .x-text p {
	font-size: var(--fs-lg);
}
#explainer:has(h2, p) h2 {
	font-size: var(--fs-base);
	color: var(--primary);
	margin-block-end: 1rem;
}
#offices {
	background-color: var(--background);
}
#offices .x-row.category:not(:first-child) .x-row-inner {
	margin: 0;
	padding: 0;
	gap: 0;
}
#key .x-row,
#offices .x-row {
	padding-block: 0;
}
#key .x-col,
#offices .x-col {
	flex: 1 0 100%;
}
#key .x-row .x-col.image,
#offices .x-row.x-col .x-col.image {
	order: 1;
}
#key .x-row .x-col.text,
#offices .x-row.x-col .x-col.text {
	order: 2;
}
#key .text,
#offices .text {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-content: stretch;
	padding-inline: 3rem;
}
#key .text .x-text,
#offices .text .x-text {
	flex: 0 1 min(100%, 30rem);
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	margin-block: 1.2rem 4rem;
	gap: 0;
}
#key .text h2 {
	flex: 1;
	font-size: var(--fs-lg);
	color: var(--secondary);
	margin-block: 0 1.2rem;
}
#offices .text h2,
#offices .text h3,
#offices .text p,
#offices .text ul,
#offices .text ol {
	flex: 1 1 auto;
	width: min(25rem, 80%);
}
#offices .text h3 {
	flex: 1;
	font-size: var(--fs-base);
	color: var(--primary);
	margin-block: 0 1.2rem;
}
#key .text ul,
#offices .text ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#offices .text p:not(.cta) {
	flex: 10 0 7rem;
	font-size: var(--fs-lg);
	line-height: 110%;
}
#key .text li,
#offices .text li {
	margin: 0;
	padding: 0;
}
#key .x-image,
#offices .x-image {
	display: flex;
	flex-wrap: wrap;
}
#key .x-image img,
#offices .x-image img {
	object-fit: cover;
	flex: 1 0 100%;
}
#key.proportional .x-image img,
#offices.proportional .x-image img {
	aspect-ratio: 1.8;
}
#banner-form .x-text + .x-image {
	margin-block-start: 3rem;
}
.contact #worked-with {
	background-color: var(--background);
}
#offices .cta a,
#offices .cta a:hover {
	color: var(--foreground);
}
.leadership-events #banner .x-row:last-child .x-col:first-child .x-image img {
	object-position: 50% 35%;
}
.leadership-vanguard #banner .x-row:last-child .x-col:first-child .x-image img {
	object-position: 50% 10%;
}
.energy-leap #banner .x-row:last-child .x-col:first-child .x-image img {
	object-position: 50% 35%;
}
.exchange #banner .x-row:last-child .x-col:first-child .x-image img {
	object-position: 50% 20%;
}
@media (width < 600px) {
	#programme.energy-leap .x-col  {
		flex: 1 0 90%;
	}
	.sectors-themes .x-row-inner > .x-col:nth-child(2n-1),
	.sectors-themes .x-row-inner > .x-col:nth-child(2n),
	#sectors-themes .x-row-inner > .x-col:nth-child(2n-1),
	#sectors-themes .x-row-inner > .x-col:nth-child(2n),
	#opportinities .x-row-inner > .x-col:nth-child(2n-1),
	#opportinities .x-row-inner > .x-col:nth-child(2n) {
		flex-basis: 100%;
	}
}
@media (width >= 600px) and (width < 979px) {
	#programme.energy-leap .x-col  {
		flex: 1 0 40%;
	}
}
@media (width >= 768px) {
	#featured .recent-posts,
	#related-posts .recent-posts {
		grid-template-columns: repeat(3, minmax(22rem, 1fr));
	}
	.home #sectors-themes .x-text .carousel.slide .slide,
	.home #opportunities .x-text .carousel.slide .slide {
		flex-basis: min(100vw - 4rem, 60rem);
	}
	#key .x-row-inner,
	#offices .x-row + .x-row .x-row-inner,
	#key .x-col,
	#offices .x-row + .x-row .x-col {
		margin: 0;
	}
	#key .x-col,
	#offices .x-row + .x-row .x-col {
		flex: 1 0 45%;
		margin: 0;
	}
	#key .text .x-text,
	#offices .text .x-text {
		margin-block: 4rem;
	}
	#key .x-row .x-col.image,
	#offices .x-row.x-col .x-col.image,
	#key .x-row .x-col.text,
	#offices .x-row.x-col .x-col.text {
		order: initial;
	}
	#key .text:last-child {
		box-shadow: calc(var(--page-margin-inline) * -0.6) 0 0 var(--primary) inset, 2px 0 0 var(--primary);
	}
	#key .text:first-child {
		box-shadow: calc(var(--page-margin-inline) * 0.6) 0 0 var(--primary) inset, -2px 0 0 var(--primary);
	}
	#key.proportional .x-image img,
	#offices.proportional .x-image img {
		aspect-ratio: 1;
	}
	.sectors-themes #sectors-themes .x-col,
	.opportunities #opportunities .x-col,
	.sectors-themes #sectors-themes .x-col:first-child,
	.opportunities #opportunities .x-col:first-child,
	.sectors-themes #sectors-themes .x-col:last-child,
	.opportunities #opportunities .x-col:last-child {
		margin-block: 3.8rem;
		margin-inline: 3rem;
	}
	.sectors-themes #sectors-themes .x-col:first-child,
	.opportunities #opportunities .x-col:first-child,
	.sectors-themes #sectors-themes .x-col:last-child,
	.opportunities #opportunities .x-col:last-child {
		order: initial;
	}
	.sectors-themes #sectors-themes .heading .x-col:first-child,
	.opportunities #opportunities .heading .x-col:first-child {
		flex-basis: 100%;
		margin-block: 0;
		margin-inline: 0;
	}
	.sectors-themes #sectors-themes .x-col:nth-child(2n-1),
	.opportunities #opportunities .x-col:nth-child(2n-1) {
		flex-basis: calc(33.33% - clamp(0px,var(--gap),9999px));
	}
	.sectors-themes #sectors-themes .x-col:nth-child(2n),
	.opportunities #opportunities .x-col:nth-child(2n) {
		flex-basis: calc(66.66% - clamp(0px,var(--gap),9999px));
	}
	.sectors-themes .post-case-study .x-container.max.width,
	.opportunities .post-case-study .x-container.max.width,
	#pages .x-container.max.width {
		width: calc(100% - var(--page-margin-inline) * 3);
	}
	.sectors-themes .post-case-study .x-row,
	.opportunities .post-case-study .x-row,
	#pages .x-row {
		--gap: 6rem;
	}
	#pages .x-row .x-row-inner > .x-col {
		margin: 3rem;
	}
	#pages .x-row:not(.heading-split) .x-col:nth-child(3n-2),
	#pages .x-row > .x-row-inner > :nth-child(3n-2) {
		flex-basis: calc(33% - var(--gap));
		margin-block-end: 2.8rem;
	}
	#pages .x-row:not(.heading-split) .x-col:nth-child(3n-1),
	#pages .x-row > .x-row-inner > :nth-child(3n-1) {
		flex-basis: calc(50% - var(--gap));
	}
	#pages .x-row:not(.heading-split) .x-col:nth-child(3n),
	#pages .x-row > .x-row-inner > :nth-child(3n) {
		flex-basis: calc(17% - var(--gap));
	}
	#pages .heading-split > .x-row-inner > .x-col:first-child {
		flex-basis: 100%;
	}
}
@media (width >= 1000px) {
	#pages .x-row > .x-row-inner > :nth-child(3n) {
		flex-basis: calc(17% - var(--gap));
	}
	#key.proportional .x-image img,
	#offices.proportional .x-image img {
		aspect-ratio: 1.2;
	}
}
@media (width >= 1200px) {
	#key.proportional .x-image img,
	#offices.proportional .x-image img {
		aspect-ratio: 1.8;
	}
}

/* CAROUSELS */

.content .carousel,
.content .carousel ul,
.content .carousel ol {
	display: flex;
	gap: 1rem;
	flex-direction: row;
	flex-wrap: wrap;
}
.carousel ul,
.carousel ol,
.carousel-navigation {
	gap: 1rem;
	list-style: none;
	margin: 0;
	padding: 0;
}
.carousel.sectors-themes ul,
.carousel.opportunities ul,
.carousel.sectors-themes ol,
.carousel.opportunities ol {
	flex-wrap: nowrap;
	gap: 1rem clamp(3rem, 10vh, 20rem);
}
.carousel li {
	margin: 0;
	padding: 0;
}
.carousel .slide-width-75 li {
	width: 75vw;
}
.carousel.sectors-themes .slide-width-75 li,
.carousel.opportunities .slide-width-75 li {
    padding-inline-end: clamp(3rem, 10vh, 20rem);
}
.carousel.sectors-themes li:not(:last-child) h3,
.carousel.opportunities li:not(:last-child) h3 {
    border-inline-end: 1px solid var(--foreground);
}
.dark .carousel.sectors-themes li:not(:last-child) h3,
.dark .carousel.opportunities li:not(:last-child) h3 {
    border-inline-end-color: var(--dark-foreground);
}
.carousel .navigation li {
    flex: 1;
}
#opportunities .x-text:has(.carousel.slide),
.x-text:has(.featured-pages.carousel.slide) {
	position: relative;
	overflow: hidden;
	width: calc(100dvw - var(--page-margin-inline) * 1);
}
.carousel.slide {
	flex-wrap: nowrap;
	transition: 0.3s translate ease, 0.3s transform ease;
}
.carousel.slide > li,
.carousel.slide .slide {
	position: relative;
	max-width: 30rem;
	flex: 1 0 min(100%, 30rem);
	transition: 0.2s opacity linear;
}
.carousel.slide .hide {
	pointer-events: none;
	opacity: 0;
	z-index: -1;
}

/* ACCORDION */

#accordion ul,
#accordion .slide {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
}
#accordion ul {
	--panel-height: 28.8dvw;
	margin: 0;
	padding: 0;
	list-style: none;
}
#accordion li,
#accordion .slide {
	flex: 1 0 100%;
	margin: 0;
	padding: 0;
}
#accordion .slide.hide {
	box-shadow: 0 -2px 0 var(--primary);
}
#accordion .panel a,
#accordion .image,
#accordion .text,
#accordion .text > *,
#accordion .image > * {
	flex: 1 0 100%;
}
#accordion .panel {
	flex: 1 0 100%;
	min-width: 0;
	display: flex;
	justify-content: center;
	align-items: start;
	transition: 0.2s background-color linear;
}
#accordion li:not(:first-child) .panel {
	border-inline-start: 1px solid var(--secondary);
}
#accordion .current .panel {
	background-color: var(--secondary);
}
#accordion .panel a,
#accordion .panel a:hover {
	color: var(--dark-foreground);
}
#accordion .panel a {
	display: flex;
	align-content: center;
	justify-content: center;
	white-space: nowrap;
	padding-block: 0.8rem;
	padding-inline: 1.1rem;
	transform-origin: 50% 50%;
}
#accordion .dark p {
	color: var(--dark-foreground);
}
#accordion .text,
#accordion .image {
	display: flex;
	flex-wrap: wrap;
	transition: 0.3s filter linear;
	filter: none;
}
#accordion .slide.hide .text,
#accordion .slide.hide .image {
	filter: opacity(0%);
	display: none;
	transition: 0.3s filter linear;
}
#accordion .text {
	padding-block: 2.9rem;
	padding-inline: calc(var(--page-margin-inline) * 1.6);
	flex-direction: column;
	flex-wrap: initial;
	gap: 1.9rem;
}
#accordion .image {
	aspect-ratio: 1;
	overflow: hidden;
}
#accordion .text p {
	font-size: var(--fs-lg);
	flex: 100 0 10rem;
	margin-block: 0;
}
#accordion .text h2,
#accordion .text .cta {
	font-size: var(--fs-base);
	flex: 1;
}
#accordion .text h2 {
	color: var(--primary);
	max-height: var(--fs-base);
}
#accordion .text .cta {
	font-size: var(--fs-base);
	margin-block-end: 0;
}
#accordion .dark .text .cta a,
#accordion .dark .text .cta a:hover {
	color: var(--dark-foreground);
}
#accordion .image img {
	aspect-ratio: 1;
	object-fit: cover;
}
@media (width >= 768px) {
	#accordion .slide {
		flex: 1 0 3rem;
	}
	#accordion .slide.current {
		flex: 100 0 10rem;
	}
	#accordion .slide.hide {
		box-shadow: none;
	}
	#accordion .panel {
		flex: 1 0 3.2rem;
		max-width: 4rem;
	}
	#accordion .panel a {
		flex: 1 0 min(var(--panel-height), 40rem);
		rotate: -90deg;
		justify-content: flex-start;
		translate: 0 max(12rem, calc(var(--panel-height) * 0.6 - 4rem));
		padding-block: 0.4rem;
	}
	#accordion .text {
		flex: 30 0 20rem;
	}
	#accordion .image {
		flex: 10 0 20rem;
	}
}
@media (width >= 1200px) {
	#accordion .panel a {
		translate: 0 calc(var(--panel-height) * 0.6 - 4rem);
	}
}

/* ASPIRATIONS / MOBILITY / HOW XYNTEO WORKS */

#aspirations h2,
#mobility h2 {
	color: var(--primary);
	font-size: var(--fs-md);
	margin-block-end: clamp(3rem, 6vh, 7rem);
}
#aspirations .x-row:first-child .x-text p,
#mobility .x-row:first-child .x-text p {
	width: min(100%, 34em);
	margin-inline: 0 auto;
	font-size: var(--fs-lg);
	line-height: 120%;
}
#mobility .x-row:first-child .x-text p {
	font-size: var(--fs-md);
}
#explainer .x-text .text p {
	font-size: var(--fs-lg);
}
#aspirations button,
#mobility button,
#aspirations .x-acc-header-text,
#mobility .x-acc-header-text {
	margin-inline: 0;
	padding-inline: 0;
}
#aspirations button,
#mobility button {
	font-size: var(--fs-md);
	text-wrap: balance;
	padding-inline: 0;
}
#aspirations button.x-active,
#mobility button.x-active {
	color: var(--primary);
}
#aspirations button:hover,
#mobility button:hover,
#aspirations button:focus-within,
#mobility button:focus-within,
#aspirations button.x-active:hover,
#mobility button.x-active:hover,
#aspirations button.x-active:focus-within,
#mobility button.x-active:focus-within {
	color: var(--primary-interaction);
}
#aspirations .x-acc-header-indicator,
#mobility .x-acc-header-indicator {
	color: var(--primary);
	inset-inline-end: 0;
	position: absolute;
	width: 1em;
	height: 1em;
	font-size: var(--fs-md);
	margin-inline-end: calc(var(--page-margin-inline) * 0.7);
	translate: 0 -0.1em;
}
#aspirations .x-active .x-acc-header-indicator,
#mobility .x-active .x-acc-header-indicator {
	transform: none;
}
#aspirations .x-active .x-acc-header-indicator .x-icon,
#mobility .x-active .x-acc-header-indicator .x-icon {
	scale: 1.75 0.9;
	translate: 0 -0.12em;
}
#aspirations .x-active .x-acc-header-indicator .x-icon::before,
#mobility .x-active .x-acc-header-indicator .x-icon::before {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	content: '–';
}
#aspirations .x-acc-content,
#mobility .x-acc-content {
	padding-block: 1rem;
	padding-inline: 0;
}
#aspirations .x-text ul,
#mobility .x-text ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 1rem 3rem;
}
#aspirations .x-text li,
#mobility .x-text li {
	flex: 1 0 30rem;
	margin: 0;
	padding: 0;
}
#mobility .x-text li > .icon.svg-arrow {
	width: 1em;
	rotate: -45deg;
	color: var(--primary);
	display: inline-block;
	height: 1em;
	margin-inline-end: 0.4em;
	position: relative;
	inset-block-start: 0.15em;
}
#mobility .x-text li > .icon.svg-arrow .foreground-stroke {
	stroke: var(--primary);
}
#aspirations .image,
#mobility .image {
	order: 1;
}
#aspirations .x-text .text,
#mobility .x-text .text {
	flex: 2 0 30rem;
	order: 2;
}
#aspirations .text h3,
#mobility .text h3,
#aspirations .text p.x-row:not(:last-child),
#mobility .text p.x-row:not(:last-child) {
	margin-block: 0 0.6em;
}
#aspirations .text h3,
#mobility .text h3 {
	font-size: var(--fs-base);
	font-weight: 600;
}
#aspirations .text a > .icon.arrow,
#mobility .text a > .icon.arrow {
	translate: 0 0.3em;
}
#aspirations .text a:hover > .icon.arrow,
#mobility .text a:hover > .icon.arrow {
	translate: 0.15em 0.15em;
}
#aspirations .text .icon.arrow:has(.icon.arrow),
#mobility .text .icon.arrow:has(.icon.arrow) {
	background: none;
}
#aspirations .text .icon.arrow .foreground-stroke,
#mobility .text .icon.arrow .foreground-stroke {
	stroke: var(--primary);
}
#aspirations .text a:hover .icon.arrow .foreground-stroke,
#mobility .text a:hover .icon.arrow .foreground-stroke {
	stroke: var(--primary-interaction);
}
#aspirations .text .x-btn .icon.arrow .foreground-stroke,
#mobility .text .x-btn .icon.arrow .foreground-stroke,
#aspirations .text .x-btn:hover .icon.arrow .foreground-stroke,
#mobility .text .x-btn:hover .icon.arrow .foreground-stroke {
	stroke: var(--dark-foreground);
}
#aspirations .text .cta,
#mobility .text .cta {
	margin-block: 2rem 0;
}

@media (width >= 768px) {
	#aspirations .x-text ul,
	#mobility .x-text ul {
		margin-block: 1rem;
	}
	#aspirations .x-text ul {
		gap: 3rem;
	}
	#aspirations .x-text li.text,
	#mobility .x-text li.text {
		margin-inline-end: max(18%, 4rem);
	}
}

/* WORKED WITH */

@keyframes logo-carousel {
    0% {
		inset-inline-start: 0%;
	}
    100% {
		inset-inline-start: calc(var(--animation-width) * -1);
	}
}
@media (prefers-reduced-motion) {
    .animate .worked-with-logos {
        justify-content: space-evenly;
        mask-image: unset;
    }
    .animate .worked-with-logos li {
        position: unset;
        inset-inline-start: unset;
        transform: unset;
    }
    .animate .worked-with-logos li {
        animation-play-state: paused;
    }
    @keyframes logo-carousel {
        to {
            inset-inline-start: unset;
        }
    }
}
#worked-with {
	background-color: var(--background);
	padding-block: clamp(4rem, 8vh, 9rem) clamp(6rem, 9vh, 11rem);
}
#worked-with h2 {
	font-size: var(--fs-md);
	text-align: center;
	margin-block-end: clamp(4.8rem, 6.3dvh, 7.5rem);
}
.worked-with-logos {
	position: relative;
	display: flex;
	gap: 3rem 1rem;
	list-style: none;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	--logo-modifier: 1.2;
}
.worked-with-logos li {
	display: flex;
    flex: 1 0 8rem;
	justify-content: center; 
	align-items: center;
}
.animate.enclosure {
	display: flex;
	justify-content: flex-start;
	mask-image: linear-gradient(to right, hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 10%, hsl(0 0% 0% / 1) 90%, hsl(0 0% 0% / 0));
}
.animate > .worked-with-logos {
	display: flex;
	flex-wrap: nowrap;
	gap: 4rem;
	animation: logo-carousel 15s linear 0s infinite;
	transition: 0.3s filter linear;
}
.animate.enclosure.paused {
	filter: opacity(2%) brightness(200%);
	animation-play-state: paused;
}
.animate.enclosure .worked-with-logos {
	margin-inline-start: 0;
}
.animate > .worked-with-logos > li {
	flex: 0 1 8rem;
	position: relative;
}
.worked-with-logos a {
	display: block;
}
.worked-with-logos img {
	display: block;
	flex: 1 0 100%;
	height: auto;
	min-width: 0;
	margin-block: 0;
	margin-inline: 0;
}
.animate .worked-with-logos img {
	flex: 1 0 100%;
	width: auto;
	max-width: 9.2rem;
}
.worked-with-logos .aws img {
	width: auto;
	flex: 0 1 calc(4.2em * var(--logo-modifier));
	translate: 0 0.3em;
}
.worked-with-logos .visa img {
	flex: 0 1 calc(4.1em * var(--logo-modifier));
}
.worked-with-logos .ackerbp img,
.worked-with-logos .ingka img,
.worked-with-logos .catapult img,
.worked-with-logos .nordea img,
.worked-with-logos .cyient img {
	flex: 0 1 calc(5.9em * var(--logo-modifier));
}
.worked-with-logos .abb img {
	flex: 0 1 calc(3.8em * var(--logo-modifier));
}
.animate .worked-with-logos .abb img {
	width: calc(3.8em * var(--logo-modifier));
}
.worked-with-logos .sed img,
.worked-with-logos .sed-fund img,
.worked-with-logos .technip-energies img {
	flex: 0 1 calc(2.9em * var(--logo-modifier));
}
.worked-with-logos .rich img {
	flex: 0 1 calc(4.2em * var(--logo-modifier));
}
.worked-with-logos .shell img {
	flex: 0 1 calc(2.9em * var(--logo-modifier));
}
.worked-with-logos .nasscom img {
	flex: 0 1 calc(6.6em * var(--logo-modifier));
	translate: 0 0.1em;
}
.worked-with-logos .hindalco img,
.worked-with-logos .aditya-birla img,
.worked-with-logos .aditya-birla-hindalco img,
.worked-with-logos .technip img,
.worked-with-logos .yara img {
	flex: 0 1 calc(3.1em * var(--logo-modifier));
}
.worked-with-logos .sbi img {
	flex: 0 1 calc(4.4em * var(--logo-modifier));
}
.worked-with-logos .edp img {
	flex: 0 1 calc(5.6em * var(--logo-modifier));
	translate: 0 0.3em;
}
.worked-with-logos .mastercard img {
    flex: 0 1 calc(3.6em * var(--logo-modifier));
}
.worked-with-logos .sap img {
	flex: 0 1 calc(5.1em * var(--logo-modifier));
	translate: 0.4em 0.2em;
}
.worked-with-logos .godrej img {
	flex: 0 1 calc(5.6em * var(--logo-modifier));
	translate: 0 0.3em;
}
.worked-with-logos .akerbp img {
	flex: 0 1 calc(6.1em * var(--logo-modifier));
}
.worked-with-logos .ingka img {
	flex: 0 1 calc(5.8em * var(--logo-modifier));
	translate: 0 0.2em;
}
.worked-with-logos .nordea img {
	flex: 0 1 calc(5.5em * var(--logo-modifier));
	translate: 0 0.15em;
}
.worked-with-logos .jll img {
	flex: 0 1 calc(5.6em * var(--logo-modifier));
}
.worked-with-logos .jsw img {
	flex: 0 1 calc(5.9em * var(--logo-modifier));
	translate: 0 -0.2em;
}
.worked-with-logos .icrc img {
	flex: 0 1 calc(3.5em * var(--logo-modifier));
	translate: 0 -0.3em;
}
.worked-with-logos .lodha img {
	flex: 0 1 calc(6.2em * var(--logo-modifier));
	translate: 0 0.2em;
}
.worked-with-logos .saint-gobain img {
	flex: 0 1 calc(6.1em * var(--logo-modifier));
	translate: 0 -0.4em;
}
.worked-with-logos .energy-consortium img,
.worked-with-logos .cambridge-cleantech img {
	flex: 0 1 calc(6.4em * var(--logo-modifier));
}
.worked-with-logos .energy-consortium img {
	flex: 0 1 calc(6.4em * var(--logo-modifier));
	translate: 0 0.21em;
}
#worked-with .tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 1.8rem;
	list-style: none;
	margin-block: 0 3.3rem;
	margin-inline: auto;
	width: min(60rem, 100%);
	justify-content: center;
}
#worked-with .tabs li {
	margin-inline: 0;
	padding-inline: 0;
	flex: 0 1 auto;
}
#worked-with .tabs a {
	margin-inline: auto;
	padding-block: 0.6em;
	padding-inline: 1em;
	border-block-end: 2px solid #FFF0;
	color: #969696;
	transition: 0.3s color linear, 0.3s border-color linear;
}
#worked-with .tabs .current a,
#worked-with .tabs a:hover {
	border-block-end-color: var(--primary);
}
#worked-with .tabs li:not(.current) a:hover {
	color: var(--foreground);
	border-block-end-color: var(--foreground);
}
#worked-with .tabs .current a {
	color: var(--primary);
}
.people #worked-with {
	padding-block: 6.5rem;
	background-color: var(--background);
}
.people #worked-with h2 {
	margin-block-end: clamp(4.5rem, 8vh, 9.5rem);
}

@media (width >= 768px) {
	.worked-with-logos {
		width: min(calc(100% - 7rem), 120rem);
		margin-inline: auto;
		justify-content: space-evenly;
	}
	.animate.enclosure .worked-with-logos {
		width: auto;
	}
	.tab-content {
		position: relative;
	}
	.tab-content .worked-with-logos {
		min-height: 9rem;
		transition: 0.5s opacity linear;
	}
	.tab-content .worked-with-logos.hide {
		position: absolute;
		inset-block: 0 auto;
		inset-inline: 0;
		display: flex;
		opacity: 0;
	}
	.worked-with-logos li {
		flex: 0 1 calc(6.9em * var(--logo-modifier));
		padding: 0;
	}
	.worked-with-logos li::before {
		display: block;
	}
}

/* QUOTES */

.quotes.x-section .x-container.max.width {
    padding-inline: 0;
}
.quotes.x-section ol {
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
}
.quotes.x-section ol > li {
    flex: 1 0 100%;
}
.quotes.x-section .hide {
    display: none;
}
.quotes.x-section .x-col.quotes {
	flex-basis: 100%;
	padding-block: 5rem 3rem;
	padding-inline: var(--page-margin-inline);
}
.quotes.x-section .motif {
	display: none;
	margin-inline-end: 0;
	background-color: var(--secondary);
	align-content: start;
	overflow: hidden;
}
.quotes.x-section .motif svg {
	clip-path: inset(0% 56.25% 23.38% 6.54%);
	translate: 152.2% -0.1%;
	transform-origin: 100% 0%;
	scale: 2.7;
	align-self: start;
}
.quotes .x-text,
.quotes .attribution,
.navigation {
    display: flex;
    flex-wrap: wrap;
}
.quotes .x-text > * {
	flex: 1 0 100%;
}
.quotes blockquote,
.quotes blockquote p {
	font-size: min(1.6rem, var(--fs-xl));
}
.quotes blockquote {
	border: 0 none;
	margin-block: 2rem;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0;
}
.quotes blockquote .smaller,
.quotes blockquote .longer,
.quotes .smaller p,
.quotes .longer p {
	font-size: min(1.4rem, calc(var(--fs-xl) * 0.92));
}
.content .quotes .attribution {
    gap: 0.2rem;
}
.quotes .attribution li {
    flex: 1 0 100%;
}
.quotes .attribution > :first-child {
    font-size: var(--fs-md);
    margin-block-end: 0.3em;
}
.quotes .attribution > :last-child {
    font-size: var(--fs-sm);
    filter: opacity(80%);
}
.quotes .x-text > .navigation {
	display: inline-flex;
	flex: 1;
	margin-block: 1rem 0;
	margin-inline: auto 0;
	padding: 0;
	gap: 1rem;
	justify-content: end;
}
.quotes .x-text > .navigation li {
	margin: 0;
	padding: 0;
	flex: 0 1 calc(var(--fs-md) * 1.2);
	font-size: var(--fs-md);
	text-align: center;
}
.quotes .navigation li,
.quotes .navigation li a,
.quotes .navigation li a:hover {
	color: color-mix(in lab, var(--dark-foreground), var(--dark-background));
}
.quotes .navigation .current,
.quotes .navigation .current a,
.quotes .navigation li a:hover {
	color: var(--primary)
}
.navigation .current a,
.navigation .current {
    color: var(--primary);
}
.navigation .current a:hover {
    color: var(--primary-interaction);
}

@media (width >= 786px) {
	.quotes.x-section .x-col.quotes {
		flex-basis: calc(82% - var(--gap));
		padding-inline-end: 0;
	}
	.quotes.x-section .motif {
		display: flex;
	}
}

/* CTA */

.single-post #cta {
	background-color:  var(--background);
}
#cta .x-col,
#cta .motif {
	display: flex;
	flex-wrap: wrap;
}
#cta.individual .x-row, 
#cta .x-col {
	color: var(--dark-foreground);
	margin-inline: auto;
}
#cta.individual .x-row {
	width: min(calc(100% - var(--page-margin-inline)), 1200px);
}
#cta .x-col {
	flex: 0 1 min(calc(100% - var(--page-margin-inline)), 1200px);
	width: auto;
}
#cta.individual .x-col {
	flex: 1 0 50%;
}
#cta .motif {
	background-color: var(--secondary);
	height: 1.8rem;
	overflow: hidden;
}
#cta .motif svg {
	flex: 1 0 100%;
	width: calc(100vw - var(--page-margin-inline));
	height: auto;
	translate: 0% -28%;
	max-width: min(100%, 1200px);
}
#cta .x-col.dark {
	--foreground: var(--dark-foreground);
	--background: var(--dark-background);
}
#cta .x-text {
	margin-inline: auto;
	margin-block: 3rem;
	color: var(--foreground);
	text-align: center;
	text-wrap: balance;
	flex: 1 0 100%;
	padding-inline: max(2rem, 10%);
}
#cta .x-text p {
	font-size: var(--fs-lg);
}
#cta .button,
#cta .cta {
    font-size: var(--fs-base);
    padding-block: 0.9em;
}
#cta .button .icon.start,
#cta .cta .icon.start {
    width: 1em;
	float: inline-start;
	translate: 0.45em 0.2em;
	margin-inline: 0 1em;
}
#cta .button:hover .icon.start,
#cta .cta:hover .icon.start {
	translate: 0.6em 0.05em;
}
#cta.social .x-text {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
#cta.social .x-text > div {
	flex: 1 0 100%;
}
#cta.social .x-text > div:first-child {
	text-align: start;
}
#cta.social .x-text > div:last-child {
	text-align: end;
}
#cta.individual .x-col:first-child .x-text {
	text-align: start;
}
#cta.individual .x-col:first-child .x-text h2 {
	color: var(--primary);
	font-size: var(--fs-base);
}
#cta.individual .x-col:first-child .x-text h3 {
	margin-block: 0 2.1rem;
}
#cta.individual .x-col:first-child .x-text h4,
#cta.individual .x-col:first-child .x-text p,
#cta.social .x-text .cta-social-links p  {
	font-size: var(--fs-base);
}
#cta.individual .x-col:first-child .x-text h4 {
	text-transform: uppercase;
	margin-block: 0;
}
#cta.individual .x-col:first-child .x-text .cta {
	margin-block: 0.5rem 0;
}
#cta.individual .x-col:last-child {
	position: relative;
	overflow: hidden;
	display: none;
}
#cta.individual .x-col:last-child > * {
	position: absolute;
	inset-block-end: 0;
	inset-inline-end: 0;
}
#cta.individual .x-col:last-child .x-image {
	z-index: 2;
	width: min(18.7rem, 47%);
	translate: -25% 0%;
}
#cta.individual .x-col:last-child .motif {
	clip-path: inset(17.44% 42.61% 16.93% 0.95%);
	scale: 0.65;
	translate: 31.4% 11.2%;
	transform-origin: 100% 100%;
	width: 100%;
	height: auto;
	z-index: 1;
}
#cta.individual .x-col:last-child .x-image img {
	width: 100%;
	height: auto;
}
#cta ul.social {
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 1rem;
}
#cta .social li {
	margin: 0;
	padding: 0;
}
#cta .social a {
	aspect-ratio: 1;
	width: var(--fs-lg);
	text-align: center;
	color: color-mix(in lab, var(--dark-background) 25%, var(--dark-foreground));
	background-color: var(--primary);
	display: block;
	padding-block: 0.42em 0;
}
#cta .social svg {
	display: block;
	width: 1em;
	height: auto;
	margin-inline: auto;
	translate: none;
}
#cta .social svg.svg-youtube {
	scale: 1.15;
}

@media (width >= 768px) {
	#cta.individual .x-col:last-child {
		display: flex;
	}
	#cta.social .x-text .cta-contact {
		flex: 10 0 15rem;
		text-align: start;
	}
	#cta.social .x-text .cta-social-links {
		flex: 1 0 15rem;
		text-align: end;
	}
	#cta.social .x-text .cta-social-links p:first-child {
		position: absolute;
		font-size: var(--fs-base);
		inset: 0 0 auto auto;
		rotate: -90deg;
		transform-origin: 100% 100%;
		translate: -9.8em 2.5em;
	}
	#cta.social .social li {
		flex: 1 0 100%;
	}
	#cta .social a {
		margin-inline: auto 0;
	}
}

/* TEAM */

#team-list,
.team-list,
#team-list > li,
.team-list > li,
#team-list .bio,
.team-list .bio {
	display: flex;
	flex-wrap: wrap;
}
#team-list,
#team-list .team-list {
	--card-size: min(100vw, 18rem);
	--card-actual-size: 280px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(var(--card-size), 1fr));
	list-style: none;
	gap: var(--page-margin-inline);
	margin-block: 0;
	padding: 0;
	margin-inline: auto;
	justify-content: center;
}
#team-list.profiles {
	--card-size: 22rem;
}
#team-list > li,
.team-list > li {
	position: relative;
	align-content: start;
	gap: 0.4rem;
	margin: 0;
	padding: 0;
}
#team-list.profiles > li,
.team-list.profiles > li {
	max-width: var(--card-size);
}
#team-list > li > h3,
.team-list > li > h3,
#team-list > li > p,
.team-list > li > p {
	margin-inline: 0.7rem;
}
#team-list > li > h3,
.team-list > li > h3,
#team-list > li > p,
.team-list > li > p,
#team-list .bio > p,
.team-list .bio > p {
	flex: 1 0 calc(100% - var(--page-margin-inline) * 2);
	margin-block: 0;
}
#team-list .image,
.team-list .image {
	order: 1;
	margin-block: 0 0.3rem;
	margin-inline: 0;
}
#team-list .name,
.team-list .name {
	order: 2;
	font-size: var(--fs-md);
	flex: 20 0 10rem;
}
#team-list #ellie-besley-gould.name,
.team-list #ellie-besley-gould.name {
	letter-spacing: -0.01em;
}
#team-list .social,
.team-list .social {
	order: 2;
	text-align: end;
	flex: 1;
}
#team-list .position,
.team-list .location {
	font-size: var(--fs-sm);
}
#team-list .position,
.team-list .position {
	order: 4;
	color: var(--primary);
	position: relative;
	margin-block: -0.2em 0.2em;
}
#team-list .company-position,
.team-list .company-position {
	order: 4;
	margin-block: -0.2em 0.2em;
}
#team-list.profiles .company-position,
.team-list.profiles .company-position {
	min-height: 4.5em;
}
#team-list .location,
.team-list .location {
	order: 5;
}
#team-list .bio,
.team-list .bio {
	position: absolute;
	font-size: var(--fs-base);
	inset-block-start: calc(100% - var(--card-actual-size, var(--card-size)) * 0.44);
	inset-block-start: calc(var(--card-actual-size, calc(100% - var(--card-size) * 0.44 + 2rem)) - 2rem);
	height: calc(var(--page-margin-inline) * 1.1);
	overflow: hidden;
	transition: 0.4s inset ease-in-out, 0.4s height ease-in-out;
}
#team-list.profiles .bio,
.team-list.profiles .bio {
	inset-block-start: calc(100% - var(--card-actual-size, var(--card-size)) * 0.475);
}
#team-list li:hover .bio,
.team-list li:hover .bio {
	inset-block-start: 0;
	background-color: var(--primary);
	height: var(--card-actual-size, calc(100% - 6rem));
}
#team-list.profiles li:hover .bio,
.team-list.profiles li:hover .bio {
	height: var(--card-actual-size, calc(100% - 8.45rem));
}
#team-list .bio > .motif,
.team-list .bio > .motif {
	background-color: var(--secondary);
}
#team-list .bio > .motif svg,
.team-list .bio > .motif svg {
	object-fit: cover;
	aspect-ratio: 1;
	clip-path: inset(26.12% 18.33% 7.72% 15.12%);
	scale: 1.5;
	translate: -23% -39%;
	transform-origin: 0 0;
}
#team-list .bio > .motif svg .primary-fill,
.team-list .bio > .motif svg .primary-fill {
	fill: var(--secondary);
	transition: 0.4s fill linear 0.2s;
}
#team-list li:hover .bio > .motif svg .primary-fill,
.team-list li:hover .bio > .motif svg .primary-fill {
	fill: var(--primary);
}
#team-list .bio > .motif ~ p,
.team-list .bio > .motif ~ p {
	position: relative;
	font-size: var(--fs-sm);
	height: 6.1em;
	margin-block-start: 0;
	color: var(--dark-foreground);
	background-color: var(--dark-background);
	padding-block: 0.9rem;
	padding-inline: 0.5rem;
	overflow-y: auto;
	scrollbar-width: thin;
	transition: 0.4s margin ease 0.1s, 0.4s height ease 0.1s;
	z-index: 1;
}
#team-list.profiles .bio > .motif ~ p,
.team-list.profiles .bio > .motif ~ p {
	font-size: var(--fs-base);
}
#team-list li:hover .bio > .motif ~ p,
.team-list li:hover .bio > .motif ~ p {
	height: calc(var(--card-actual-size, var(--card-size)) * 0.95);
	margin-block-start: calc(var(--card-actual-size, var(--card-size)) * -0.95);
}
#team-list li a > .arrow,
.team-list li a > .arrow {
	transition: 0.3s rotate linear, 0.3s translate ease-in-out;
}
#team-list .bio > .motif ~ .arrow,
.team-list .bio > .motif ~ .arrow {
	background-color: transparent;
	flex: 0 1 5rem;
	height: 1.5em;
	padding-block: 0;
	margin-inline: auto 0;
	inset-block: calc(var(--card-actual-size, var(--card-size)) * -1 - 500% + 4.45rem) auto;
	text-align: end;
	z-index: 3;
	overflow: hidden;
}
#team-list.profiles .bio > .motif ~ .arrow,
.team-list.profiles .bio > .motif ~ .arrow {
	inset-block-start: calc(var(--card-actual-size, var(--card-size)) * -1 + var(--page-margin-inline) - 16.4rem);
}
#team-list li:hover .bio > .motif ~ .arrow,
.team-list li:hover .bio > .motif ~ .arrow,
#team-list.profiles li:hover .bio > .motif ~ .arrow,
.team-list.profiles li:hover .bio > .motif ~ .arrow {
	inset-block-start: 0;
	margin-block-start: calc(var(--card-actual-size, var(--card-size)) * -0.13);
	height: auto;
}
#team-list.profiles li:hover .bio > .motif ~ .arrow,
.team-list.profiles li:hover .bio > .motif ~ .arrow {
	margin-block-start: calc(var(--card-size) * -0.11);
}
#team-list .bio .icon.arrow-ne,
.team-list .bio .icon.arrow-ne {
	display: inline-block;
	background: none;
	height: auto;
	transform-origin: 50% 50%;
	transition: 0.3s linear rotate 0.7s;
	line-height: 100%;
	overflow: hidden;
}
#team-list li:hover .bio .icon.arrow-ne,
.team-list li:hover .bio .icon.arrow-ne {
	rotate: 135deg;
}
#team-list .bio .icon.arrow-ne .icon,
.team-list .bio .icon.arrow-ne .icon {
	width: 1em;
	height: 1em;
	translate: none;
	background: none;
}
#team-list .bio .foreground-stroke,
.team-list .bio .foreground-stroke {
	stroke: var(--dark-foreground);
	transition: 0.3s stroke linear;
}
#team-list li:hover .bio .foreground-stroke,
.team-list li:hover .bio .foreground-stroke {
	stroke: var(--primary);
}
#team-list li:hover .bio > .motif ~ .article,
.team-list li:hover .bio > .motif ~ .article,
#team-list.profiles li:hover .bio > .motif ~ .article,
.team-list.profiles li:hover .bio > .motif ~ .article {
	position: absolute;
	background-color: color-mix(in lab, #0000, var(--dark-background));
	inset-block-end: 0;
	height: 2.8em;
	z-index: 30;
	padding-block: 0.4em;
	overflow: hidden;
}
#team-list li:hover .bio > .motif ~ .article .arrow,
.team-list li:hover .bio > .motif ~ .article .arrow,
#team-list.profiles li:hover .bio > .motif ~ .article .arrow,
.team-list.profiles li:hover .bio > .motif ~ .article .arrow {
	rotate: -45deg;
	translate: 0.1em 0.2em;
}
#team-list li .bio > .motif ~ .article a:hover .arrow,
.team-list li .bio > .motif ~ .article a:hover .arrow,
#team-list.profiles li .bio > .motif ~ .article a:hover .arrow,
.team-list.profiles li .bio > .motif ~ .article a:hover .arrow {
	translate: 0.25em 0.05em;  
}
#team-list .image img,
.team-list .image img {
	object-fit: cover;
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
}
#team-list .social a,
.team-list .social a {
	display: inline-block;
	width: 1.1em;
	padding: 0 0.25em;
	border-radius: 3px;
	background-color: color-mix(in lab, var(--foreground) 40%, var(--background));
	height: 1.1em;
	line-height: 110%;
}
#team-list .social a:hover,
.team-list .social a:hover {
	background-color: var(--primary);
}
#team-list .social svg,
.team-list .social svg {
	width: 100%;
	height: auto;
}
#team-list .social .foreground-fill,
.team-list .social .foreground-fill {
	fill: var(--background);
}
@media (width >= 600px) {
	#team-list,
	#team-list .team-list {
		justify-content: flex-start;
	}
}
@media (width >= 1188px) and (width < 1486px) {
	#team-list .name {
		font-size: var(--fs-base);
	}
	#team-list .position {
		font-size: calc(var(--fs-sm) * 0.9);
	}
}

/* IMPACT / STATISTICS */

#impact,
#impact.wp-block-columns {
	text-align: center;
}
#impact h2,
#impact .h2 {
	font-size: var(--fs-base);
}
#impact ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	width: min(100%, 25rem);
	margin: 0;
	padding: 0;
	gap: 1rem 3.2rem;
	margin-inline: auto;
	align-content: start;
	justify-content: center;
}
#impact li {
    flex: 1 0 100%;
    margin: 0;
    padding: 0;
    text-wrap: balance;
    font-size: var(--fs-sm);
}
#impact li h3:first-child,
#impact li .h3:first-child,
#impact .wp-block-heading,
#impact li:first-child {
	font-size: var(--fs-xxxl);
	color: var(--primary);
}
#impact .wp-block-column,
#impact .wp-block-heading {
	text-align: center;
}
#impact .wp-block-heading {
	margin-block: 1rem;
}

/* CAREERS AND APPROACH */

#careers .x-row,
#approach .x-row {
	margin-inline-end: 0;
	padding-inline-end: 0;
}
#careers .x-row .x-row-inner > :nth-child(2n),
#approach .x-row .x-row-inner > :nth-child(2n) {
	margin-inline-end: 0.2rem;
}
#careers .x-col:first-child,
#approach .x-col:first-child {
	padding-block: 3.5rem;
	padding-inline: 3.5rem;
}
#beliefs .x-col {
	flex-basis: 100%;
}
#beliefs .x-col:nth-child(2n) {
	display: none;
}
#careers .x-text,
#approach .x-text {
	margin-inline: auto;
	width: min(100%, 35rem);
}
#careers h2,
#approach h2,
#careers p,
#approach p {
	font-size: var(--fs-base);
}
#careers h2,
#approach h2,
#careers h2 a,
#approach h2 a {
	color: var(--primary);
}
#careers h2,
#approach h2 {
	font-size: var(--fs-base);
	margin-block: 0 0.8rem;
}
#careers h3,
#approach h3 {
	font-size: var(--fs-lg);
	margin-block: 0.3rem 1.4rem;
	line-height: 120%;
}
#careers h2 a:hover,
#approach h2 a:hover {
	color: var(--primary-interaction);
}
#careers .x-image img,
#approach .x-image img {
	object-fit: cover;
	aspect-ratio: 1;
}
.beliefs h2 {
	color: var(--primary);
	font-size: var(--fs-base);
}
.beliefs h3 {
	margin-block: 0.6em;
}
.beliefs a .foreground-stroke {
	stroke: var(--primary);
}
@media (width < 768px) {
	#careers .x-row {
		width: auto;
		margin-inline: auto;
	}
	#careers .x-row > .x-row-inner > :nth-child(2n-1),
	#careers .x-row > .x-row-inner > :nth-child(2n) {
		flex-basis: 100%;
	}
	#careers .x-row > .x-row-inner > :nth-child(2n-1) {
		order: 2;
	}
	#careers .x-row > .x-row-inner > :nth-child(2n) {
		order: 1;
	}
}
@media (width >= 768px) {
	#careers.primary-border-start,
	#approach.primary-border-start {
		border-inline-start: calc(var(--page-margin-inline) * 0.8) solid var(--primary);
	}
	#beliefs .x-col {
		flex-basis: calc(50% - clamp(0px,var(--gap),9999px));
	}
	#beliefs .x-col:nth-child(2n) {
		display: block;
	}
}
@media (width >= 1000px) {
	#careers .x-col:nth-child(2n-1),
	#approach .x-col:nth-child(2n-1) {
		flex: 5 0 30rem;
	}
	#careers .x-col:nth-child(2n),
	#approach .x-col:nth-child(2n) {
		flex: 1 0 30rem;
	}
	#careers .x-image img,
	#approach .x-image img {
		aspect-ratio: 1.333;
	}
}

/* WHAT WE DO */

#what-we-do .x-row {
	padding-inline-start: 0;
	background-color: var(--background-shaded);
}
#what-we-do .x-col:last-child {
	padding-block: 3.5rem;
	padding-inline: 3.5rem;
}
#what-we-do .x-text {
	margin-inline: auto;
	width: min(100%, 35rem);
}
#what-we-do .x-image img {
	object-fit: cover;
	aspect-ratio: 1;
}
#what-we-do h2 {
	font-size: var(--fs-base);
}
#what-we-do h2,
#what-we-do h2 a {
	color: var(--primary);
}
#what-we-do h2 {
	font-size: var(--fs-base);
	margin-block: 0 0.8rem;
}
#what-we-do h2 a:hover {
	color: var(--primary-interaction);
}
#what-we-do p {
	font-size: var(--fs-lg);
	margin-block: 0.3rem 1.4rem;
	line-height: 120%;
}
#what-we-do .cta {
	font-size: var(--fs-xl);
}

@media (width < 768px) {
	#our-work .x-col:nth-child(2n-1),
	#what-we-do .x-col:nth-child(2n-1),
	#our-work .x-col:nth-child(2n),
	#what-we-do .x-col:nth-child(2n) {
		flex-basis: 100%;
	}
}
@media (width >= 1000px) {
	#what-we-do .x-col:nth-child(2n-1) {
		flex: 1 0 30rem;
	}
	#what-we-do .x-col:nth-child(2n) {
		flex: 5 0 30rem;
	}
	#what-we-do .x-image img {
		aspect-ratio: 1.333;
	}
}

/* NEW YORK CLIMATE WEEK */

#programme h2,
#programme .h2 {
	margin-block: 0 4rem;
}
#programme h3,
#programme .h3,
#programme .date {
	color: var(--primary);
	font-size: var(--fs-md);
	margin-block: 0 1rem;
}
#programme h4,
#programme .h4 {
	font-size: var(--fs-lg);
	line-height: 120%;
	margin-block: 0 1rem;
}
#programme h5,
#programme .h5 {
	font-size: var(--fs-base);
	font-weight: 600;
}
#programme .x-btn,
#programme .button {
	font-size: var(--fs-base);
	padding-block: 0.9em;
	padding-inline: 1.8em;
}
#programme .x-image img {
	display: block;
	width: 100%;
	object-fit: cover;
	aspect-ratio: 4 / 3;
}
#programme .x-row:nth-child(2) .x-col,
#programme .x-row:nth-child(4) .x-col {
	flex: 1 0 calc(100% - 2 * var(--page-margin-inline));
}

@media (width >= 768px) {
	#programme .x-row:nth-child(2) .x-col {
		flex-basis: calc(50% - var(--gap));
	}
	#programme .x-row:nth-child(4) .x-col {
		flex-basis: calc(33.33% - clamp(0px,var(--gap),9999px));
	}
	#programme .x-btn,
	#programme .button {
		font-size: var(--fs-sm);
	}
}

@media (width >= 1000px) {
	#programme .x-row:nth-child(2) .x-col {
		flex-basis: calc(25% - var(--gap));
	}
}

/* CONTACT FORM */

.content select,
.content textarea,
.content input[type="text"],
.content input[type="password"],
.content input[type="datetime"],
.content input[type="datetime-local"],
.content input[type="date"],
.content input[type="month"],
.content input[type="time"],
.content input[type="week"],
.content input[type="number"],
.content input[type="email"],
.content input[type="url"],
.content input[type="search"],
.content input[type="tel"],
.content input[type="color"],
.content .uneditable-input {
	font-size: var(--fs-base);
	color: var(--foreground);
	background-color: var(--background-shaded);
	box-shadow: 0 0 0 2px color-mix(in lab, var(--foreground) 30%, var(--background)) inset;
	border-radius: 3px;
	border: 0 none;
	line-height: 140%;
	margin-block: 0;
	padding-block: 0.8em;
	padding-inline: 0.8em;
	transition: box-shadow linear .2s,box-shadow linear .2s;
}
.content select:hover,
.content select:focus-within,
.content textarea:hover,
.content textarea:focus-within,
.content input[type="text"]:hover,
.content input[type="text"]:focus-within,
.content input[type="password"]:hover,
.content input[type="password"]:focus-within,
.content input[type="datetime"]:hover,
.content input[type="datetime"]:focus-within,
.content input[type="datetime-local"]:hover,
.content input[type="datetime-local"]:focus-within,
.content input[type="date"]:hover,
.content input[type="date"]:focus-within,
.content input[type="month"]:hover,
.content input[type="month"]:focus-within,
.content input[type="time"]:hover,
.content input[type="time"]:focus-within,
.content input[type="week"]:hover,
.content input[type="week"]:focus-within,
.content input[type="number"]:hover,
.content input[type="number"]:focus-within,
.content input[type="email"]:hover,
.content input[type="email"]:focus-within,
.content input[type="url"]:hover,
.content input[type="url"]:focus-within,
.content input[type="search"]:hover,
.content input[type="search"]:focus-within,
.content input[type="tel"]:hover,
.content input[type="tel"]:focus-within,
.content input[type="color"]:hover,
.content input[type="color"]:focus-within,
.content .uneditable-input:hover,
.content .uneditable-input:focus-within {
	border: 0 none;
	background-color: var(--background);
	box-shadow: 0 0 0 2px color-mix(in lab, var(--foreground) 60%, var(--background)) inset;
}
.content input::placeholder,
.content textarea::placeholder,
.content select option[value=""] {
	color: color-mix(in lab, var(--foreground) 50%, var(--background));
}
.content label {
	display: block;
	margin-block: 0 0.3em;
	font-size: var(--fs-base);
}
.content label .required {
	color: var(--primary);
	font-size: calc(var(--fs-sm) * 0.8);
	position: absolute;
}
.content textarea {
	min-height: 1.6em;
	height: 4.8em;
}
.wpcf7 form > p {
	position: relative;
	margin-block: 0 1.3rem;
}
.wpcf7 .wpcf7-not-valid-tip {
	position: absolute;
	font-size: var(--fs-sm);
	color: var(--magenta);
	text-align: end;
	inset-block-end: -1.7em;
	inset-inline-end: 0em;
	z-index: 1;
	pointer-events: none;
}
.wpcf7 button[type="submit"] {
	display: block;
	width: 100%;
}
div:has(.grecaptcha-badge) {
	position: absolute;
	z-index: -1;
	visibility: hidden;
}
.show-recaptcha div:has(.grecaptcha-badge),
.contact div:has(.grecaptcha-badge) {
	z-index: 1;
	visibility: inherit;
}
@media (width < 600px) {
	.contact #banner-form .x-row .x-col {
		flex: 1 0 60%;
	}
	.contact #offices .x-row:nth-child(2n-1) .x-col:nth-child(2n) {
		order: 1;
	}
	.contact #offices .x-row:nth-child(2n-1) .x-col:nth-child(2n-1) {
		order: 2;
	}
}

/* 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 {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--secondary);
	width: 2rem;
	accent-color: block;
	aspect-ratio: 1;
  }
#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);
}


/* SEARCH DIALOG AND PAGE */

.search-dialog {
    --duration: 0.3s;
    transition: margin var(--duration) ease-in-out, scale var(--duration) ease-in-out, filter var(--duration) ease-in-out;
}
.search-dialog[open] {
	margin-block-start: clamp(3rem, 30dvh, 20rem);
	inline-size: min(600px, 100%);
	border: 4px solid var(--dark-background);
	background-color: var(--primary);
	padding-block: 0.8rem;
	padding-inline: 1.2rem;
	scale: 1;
	filter: none;
    @starting-style {
		margin-block-start: 4rem;
		scale: 1.05;
		filter: blur(5px) invert(20%) brightness(140%);
    }
}
.search-dialog:not([open]) {
	margin-block-start: -4rem;
    scale: 1.05;
	filter: blur(5px) invert(20%) brightness(140%);
}
.search-dialog::backdrop {
    transition: background-color 0.5s linear 0.2s;
	background-color: color-mix(in lab, var(--dark-background), transparent);
    @starting-style {
		background-color: transparent;
	}
}
.search-dialog form,
.search-dialog .search,
#search form,
#xynteo-search-form,
#search .search,
#xynteo-search-form .search {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.search-dialog .search {
	flex: 20 0 12em;
}
#search .search,
#xynteo-search-form .search,
#search .categories,
#xynteo-search-form .categories {
	display: flex;
	flex: 1 0 100%;
	gap: 1.7rem;
}
#xynteo-search-form,
#xynteo-search-form .search {
	gap: 1.5rem;
}
#search p {
	text-align: start;
}
.search-dialog p {
	flex: 1 0 1em;
	display: flex;
	flex-wrap: wrap;
	font-size: var(--fs-md);
	margin: 0;
	width: auto;
}
.search-dialog input[type="search"],
#search input[type="search"],
#xynteo-search-form input[type="search"] {
	flex: 20 0 12em;
	height: auto;
	line-height: 150%;
	margin: 0;
}
.search-dialog input[type="search"] {
	border: 0 none;
	margin: 0;
	font-size: var(--fs-md);
}
.search-dialog button[type="submit"] {
	color: var(--dark-foreground);
	border: 0 none;
	background-color: var(--primary);
	text-shadow: none;
	flex: 1 0 5em;
}
.search-dialog input[type="search"]:focus-within {
	color: var(--foreground);
}
.search-dialog textarea {
	height: 7.6em;
}
.search-dialog .buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.search-dialog .close {
	font-size: var(--fs-md);
	aspect-ratio: 1;
	width: 1em;
	height: auto;
	display: flex;
	box-shadow: none;
	align-items: center;
	justify-content: center;
	margin-block-start: -0.5em;
	margin-inline-end: -1em;
	line-height: 100%;
	opacity: inherit;
	margin: 0;
}
.search-dialog .close .x-btn {
	background-color: transparent;
	border: none;
	color: var(--dark-foreground);
	opacity: 1;
	text-shadow: none;
	font-size: var(--fs-md);
	line-height: 80%;
	aspect-ratio: 1;
	padding-block: 0 0.1em;
	flex: 1 1 auto;
}
.search-dialog .hide {
	position: absolute;
	visibility: hidden;
}
.search-dialog .buttons button {
	flex: 1;
}
.search-dialog .buttons button:focus-within {
	background-color: var(--primary);
}
#search .categories input,
#xynteo-search-form .categories input {
	margin-inline-end: 0.4em;
}

/* RELATED POSTS */

#related-posts {
	width: calc(100% - var(--page-margin-inline));
    max-width: none;
	margin-inline: auto;
}
.single-post .x-author-box + .cs-content #related-posts {
	width: auto;
}
#related-posts h2 {
	font-size: var(--fs-md);
	color: var(--primary);	
}
@media (width >= 1000px) {
	#related-posts .recent-posts {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* DOWNLOAD */

#xynteo-download {
	width: min(100%, 45rem);
	border: 4px solid var(--primary);
	box-shadow: 0 0 0 6px color-mix(in lab, #0000001e 80%, var(--primary));
	border-radius: var(--border-radius);
	padding: 2.8rem 2.6rem;
}
#xynteo-download::backdrop {
	background-color: color-mix(in lab, #56565600 80%, var(--primary));
}
#xynteo-download .screen-reader-response {
	position: absolute;
}
#xynteo-download .wpcf7,
#xynteo-download .wpcf7-form,
#xynteo-download .name,
#xynteo-download .email {
	display: flex;
	flex-wrap: wrap;
	gap: 1.4rem;
	margin: 0;
}
#xynteo-download .close {
	position: absolute;
	color: var(--foreground);
	inset: 0.6rem 1rem auto auto;
	opacity: inherit;
	font-weight: inherit;
}
#xynteo-download form,
#xynteo-download .wpcf7 > *,
#xynteo-download .wpcf7-form > h2,
#xynteo-download .wpcf7 .wpcf7-form > p,
#xynteo-download .wpcf7-form-control-wrap,
#xynteo-download .wpcf7-list-item,
#xynteo-download label {
	margin: 0;
}
#xynteo-download .wpcf7-form > h2 {
	font-size: var(--fs-md);
	color: var(--primary);
}
#xynteo-download .name,
#xynteo-download .email {
	gap: 0.5rem;
}
#xynteo-download .name > * {
	flex: 1 0 5rem;
}
#xynteo-download .name > label,
#xynteo-download .email > * {
	flex: 1 0 calc(100% - 2rem);
}
#xynteo-download .privacy-notice {
	font-size: var(--fs-sm);
}
#xynteo-download input[type="checkbox"] {
	margin-inline: 0 1rem;
	accent-color: var(--primary);
}
#xynteo-download button[type="button"],
#xynteo-download button[type="submit"] {
	display: block;
}
#xynteo-download .wpcf7-form.sent p,
#xynteo-download .wpcf7-form.sent input,
#xynteo-download .wpcf7-form.sent h2 {
	filter: opacity(10%);
}
#xynteo-download .wpcf7-form.sent .wpcf7-response-output {
	position: absolute;
	color: var(--background);
	background-color: var(--primary);
	font-size: var(--fs-base);
	text-shadow: none;
	border: 0 none;
	inset: calc(50% - 4rem) 0 auto;
	text-align: center;
	border-radius: 0;
	z-index: 1;
}

/* TEMPORARY */

/* #xynteo-download p,
#xynteo-download span,
#xynteo-download div,
#xynteo-download h2,
#xynteo-download input, */
.x-text.heading-split {
	color: #ff0064;
	outline: 3px solid #ff0064;
	background-color: #ff0064;
}