/*
Theme Name: Nexia Albania
Theme URI: https://nexia.al
Author: Taulant Balla
Author URI: https://nexia.al
Description: Block theme for Nexia Albania, following the Nexia International website and brand guidelines (palette, type, holding device, member-firm disclaimer).
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.1
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wp-starter
Tags: block-theme, full-site-editing, wide-blocks, block-patterns
*/

/*
 * Block themes get nearly all of their styling from theme.json, and block
 * styles are registered with inline CSS in functions.php. Only put rules here
 * that neither of those can express.
 */

/* ---------- Header ---------- */

header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 50;
}

.site-header {
	transition: padding 0.25s ease, box-shadow 0.25s ease;
}

.is-scrolled .site-header {
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	box-shadow: 0 6px 24px rgb(0 50 60 / 0.25);
}

.site-logo {
	display: block;
	flex: none;
	line-height: 0;
}

.site-logo img {
	height: 42px;
	width: auto;
}

/* Footer: Nexia's "Audit. Tax. Advisory." logo, wider than the header one. */
.site-footer .site-logo img {
	height: 30px;
}

.site-header__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--40);
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
}

.site-nav__list {
	display: flex;
	gap: 0.25rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-nav__item {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.5rem 0.9rem;
	border: 0;
	border-radius: var(--wp--custom--radius--button);
	background: transparent;
	color: var(--wp--preset--color--base);
	font: inherit;
	font-size: var(--wp--preset--font-size--medium);
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.site-nav__item:hover,
.site-nav__item:focus-visible,
.site-nav__item[aria-expanded="true"] {
	background: rgb(255 255 255 / 0.1);
	color: var(--wp--preset--color--light-teal);
	text-decoration: none;
}

.nav-chevron {
	transition: transform 0.2s ease;
}

.site-nav__item[aria-expanded="true"] .nav-chevron {
	transform: rotate(180deg);
}

.site-header__tools {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.site-header__icon {
	display: inline-flex;
	padding: 0.4rem;
	color: var(--wp--preset--color--base);
}

.site-header__icon:hover {
	color: var(--wp--preset--color--light-teal);
}

.site-header__login {
	padding: 0.6rem 1.25rem;
	border-radius: var(--wp--custom--radius--button);
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
	text-decoration: none;
}

.site-header__login:hover {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-teal);
}

.site-header__burger {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 44px;
	height: 44px;
	padding: 0 10px;
	border: 0;
	border-radius: var(--wp--custom--radius--button);
	background: rgb(255 255 255 / 0.1);
	cursor: pointer;
}

.site-header__burger span {
	display: block;
	height: 2px;
	border-radius: 1px;
	background: var(--wp--preset--color--base);
}

/* ---------- Fly-out panels ---------- */

/* The header's constrained layout caps children's width; these are viewport-sized. */
.site-header > .flyout-backdrop,
.site-header > .flyout {
	max-width: none;
	margin: 0;
}

.flyout-backdrop {
	position: fixed;
	inset: 0;
	z-index: 90;
	background: rgb(0 50 60 / 0.55);
	backdrop-filter: blur(3px);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.flyout-backdrop.is-open {
	opacity: 1;
}

.flyout {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	width: min(600px, 94vw);
	padding: 1.5rem clamp(1.5rem, 3.5vw, 3rem) clamp(1.5rem, 3vw, 2.25rem);
	overflow-y: auto;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-teal);
	border-radius: 0 var(--wp--custom--radius--device) var(--wp--custom--radius--device) 0;
	box-shadow: 24px 0 60px rgb(0 50 60 / 0.25);
	transform: translateX(-104%);
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.flyout.is-open {
	transform: none;
}

/* display:flex above would otherwise override the hidden attribute. */
.flyout[hidden],
.flyout-backdrop[hidden] {
	display: none;
}

.flyout__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flyout__kicker {
	margin: 0;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
}

.flyout__close {
	display: inline-flex;
	padding: 0.55rem;
	border: 0;
	border-radius: var(--wp--custom--radius--button);
	background: var(--wp--preset--color--base-2);
	color: var(--wp--preset--color--dark-teal);
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.flyout__close:hover {
	background: var(--wp--preset--color--light-teal-20);
	transform: rotate(90deg);
}

.flyout__body {
	flex: 1;
}

.flyout__title {
	margin: 0 0 0.5rem;
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: 400;
	line-height: 1.05;
	letter-spacing: -0.02em;
}

.flyout__intro {
	margin: 0 0 1.5rem;
	color: var(--wp--preset--color--dark-teal-80);
}

.flyout__links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.flyout__links li {
	opacity: 0;
	transform: translateX(-12px);
	transition: opacity 0.35s ease, transform 0.35s ease;
	transition-delay: calc(0.12s + var(--i, 0) * 0.035s);
}

.flyout.is-open .flyout__links li {
	opacity: 1;
	transform: none;
}

.flyout__links a {
	position: relative;
	display: grid;
	gap: 0.15rem;
	margin: 0 -0.9rem;
	padding: 0.8rem 2.75rem 0.8rem 0.9rem;
	border-radius: var(--wp--custom--radius--button);
	color: var(--wp--preset--color--dark-teal);
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.flyout__links a::after {
	content: "→";
	position: absolute;
	top: 50%;
	right: 1rem;
	opacity: 0;
	transform: translate(-6px, -50%);
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.flyout__links a:hover,
.flyout__links a:focus-visible {
	background: var(--wp--preset--color--light-teal-20);
}

.flyout__links a:hover::after,
.flyout__links a:focus-visible::after {
	opacity: 1;
	transform: translate(0, -50%);
}

.flyout__link-title {
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 400;
	line-height: 1.3;
}

.flyout__link-desc {
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.45;
}

.flyout__all {
	margin: 1rem 0 0;
	padding-top: 1rem;
	border-top: 1px solid var(--wp--preset--color--dark-teal-20);
}

.flyout__foot {
	display: grid;
	gap: 1rem;
}

.flyout__feature {
	border-radius: var(--wp--custom--radius--device) 0;
	overflow: hidden;
}

.flyout__feature--contact {
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
	padding: 1.75rem 2rem 2rem;
}

.flyout__feature--image {
	position: relative;
	display: block;
	min-height: 150px;
	color: var(--wp--preset--color--base);
	text-decoration: none;
}

.flyout__feature--image img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.flyout__feature--image:hover img {
	transform: scale(1.04);
}

.flyout__feature-text {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 0.35rem;
	min-height: 150px;
	padding: 1.25rem 1.5rem;
	background: linear-gradient(0deg, rgb(0 50 60 / 0.92) 0%, rgb(0 50 60 / 0.2) 100%);
}

.flyout__feature-text strong {
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 400;
}

.flyout__feature-cta {
	color: var(--wp--preset--color--light-teal);
	font-weight: 400;
}

.flyout__feature-cta::after {
	content: " →";
}

.flyout__button {
	display: inline-block;
	padding: 0.7rem 1.4rem;
	border-radius: var(--wp--custom--radius--button);
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
	font-weight: 400;
	text-decoration: none;
}

.flyout__button:hover {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-teal);
}

.flyout__contact {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
	font-size: var(--wp--preset--font-size--small);
}

.flyout__contact a {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	color: var(--wp--preset--color--dark-teal-80);
	text-decoration: none;
}

.flyout__contact a:hover {
	color: var(--wp--preset--color--dark-teal);
}

/* ---------- Mobile menu: full screen, drill-down views ---------- */

.mnav.flyout {
	left: 0;
	right: 0;
	width: auto;
	height: 100dvh;
	gap: 0;
	padding: 0;
	overflow: hidden;
	border-radius: 0;
	box-shadow: none;
	transform: translateX(100%);
}

.mnav.flyout.is-open {
	transform: none;
}

.mnav__top {
	display: grid;
	gap: 1rem;
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
	border-radius: 0 0 var(--wp--custom--radius--device) 0;
}

.mnav__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 44px;
}

.mnav__bar .site-logo img {
	height: 34px;
	width: auto;
}

.mnav__close {
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	padding: 0;
	background: rgb(255 255 255 / 0.1);
	color: var(--wp--preset--color--base);
}

.mnav__close:hover {
	background: rgb(255 255 255 / 0.2);
}

.mnav__search {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0 1rem;
	border-radius: var(--wp--custom--radius--button);
	background: var(--wp--preset--color--base-2);
	color: var(--wp--preset--color--dark-teal-80);
	transition: box-shadow 0.2s ease;
}

.mnav__search:focus-within {
	box-shadow: 0 0 0 2px var(--wp--preset--color--light-teal);
}

.mnav__search svg {
	flex: none;
}

.mnav__search input {
	flex: 1;
	min-width: 0;
	padding: 0.8rem 0;
	border: 0;
	background: none;
	color: var(--wp--preset--color--dark-teal);
	/* 16px stops iOS zooming into the field. */
	font: inherit;
	font-size: 16px;
	outline: none;
}

.mnav__search input::placeholder {
	color: var(--wp--preset--color--dark-teal-80);
	opacity: 1;
}

.mnav__views {
	position: relative;
	flex: 1;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.mnav__view {
	padding: 1rem var(--wp--preset--spacing--40) 1.5rem;
	transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease, visibility 0s linear 0.38s;
}

.mnav__view:not(.is-active) {
	position: absolute;
	inset: 0 0 auto;
	visibility: hidden;
	opacity: 0;
}

.mnav__view--root:not(.is-active) {
	transform: translateX(-30%);
}

.mnav__view--sub:not(.is-active) {
	transform: translateX(100%);
}

.mnav__view.is-active {
	transition-delay: 0s;
}

.mnav--instant .mnav__view {
	transition: none;
}

.mnav__list,
.mnav__links,
.mnav__chips {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Rows rise in, one after another, each time a view opens. */
.mnav__list li,
.mnav__links li {
	opacity: 0;
	transform: translateY(8px);
	transition: opacity 0.35s ease, transform 0.35s ease;
	transition-delay: calc(0.1s + var(--i, 0) * 0.04s);
}

.mnav.is-open .is-active .mnav__list li,
.mnav.is-open .is-active .mnav__links li {
	opacity: 1;
	transform: none;
}

.mnav__row {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	width: 100%;
	padding: 1.05rem 0;
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--dark-teal-20);
	background: none;
	color: var(--wp--preset--color--dark-teal);
	font: inherit;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: -0.01em;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
}

.mnav__label {
	flex: 1;
}

.mnav__row.is-current .mnav__label::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 0.6rem 0.2em 0;
	border-radius: 50%;
	background: var(--wp--preset--color--light-teal);
	vertical-align: middle;
}

.mnav__count {
	min-width: 1.75rem;
	padding: 0.15rem 0.5rem;
	border-radius: 999px;
	background: var(--wp--preset--color--light-teal-20);
	color: var(--wp--preset--color--dark-teal);
	font-size: var(--wp--preset--font-size--x-small, 0.8rem);
	font-weight: 400;
	text-align: center;
}

.mnav__row .nav-chevron {
	flex: none;
	width: 36px;
	height: 36px;
	padding: 10px;
	border-radius: 50%;
	background: var(--wp--preset--color--base-2);
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.mnav__row:active .nav-chevron,
.mnav__row:hover .nav-chevron {
	background: var(--wp--preset--color--light-teal);
	transform: translateX(3px);
}

.mnav__subhead {
	margin: 1.75rem 0 0.75rem;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
}

.mnav__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.mnav__chips a {
	display: block;
	padding: 0.55rem 0.95rem;
	border: 1px solid var(--wp--preset--color--dark-teal-20);
	border-radius: 999px;
	color: var(--wp--preset--color--dark-teal);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
	text-decoration: none;
}

.mnav__chips a:hover,
.mnav__chips a:active {
	border-color: var(--wp--preset--color--light-teal);
	background: var(--wp--preset--color--light-teal-20);
}

.mnav__back {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin: 0 0 1rem -0.4rem;
	padding: 0.45rem 0.8rem 0.45rem 0.4rem;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--base-2);
	color: var(--wp--preset--color--dark-teal);
	font: inherit;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
	cursor: pointer;
}

.mnav__title {
	margin: 0 0 0.35rem;
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: 400;
	line-height: 1.05;
	letter-spacing: -0.02em;
}

.mnav__intro {
	margin: 0 0 1rem;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
}

.mnav__links a {
	display: grid;
	gap: 0.15rem;
	padding: 0.85rem 0;
	border-bottom: 1px solid var(--wp--preset--color--dark-teal-20);
	color: var(--wp--preset--color--dark-teal);
	text-decoration: none;
}

.mnav__links a[aria-current] .mnav__link-title {
	color: var(--wp--preset--color--dark-teal);
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--light-teal);
	text-decoration-thickness: 3px;
	text-underline-offset: 5px;
}

.mnav__link-title {
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.3;
}

.mnav__link-desc {
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.45;
}

.mnav__all {
	margin-top: 1.25rem;
}

.mnav__foot {
	display: grid;
	gap: 0.85rem;
	padding: 1rem var(--wp--preset--spacing--40) calc(1rem + env(safe-area-inset-bottom));
	border-top: 1px solid var(--wp--preset--color--dark-teal-20);
	background: var(--wp--preset--color--base);
}

.mnav__actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.6rem;
}

.mnav__action {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.85rem 0.5rem;
	border-radius: var(--wp--custom--radius--button);
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
	font-weight: 400;
	text-decoration: none;
}

.mnav__action:hover,
.mnav__action:active {
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
}

.mnav__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.mnav__login {
	color: var(--wp--preset--color--dark-teal);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
	text-decoration: none;
}

.mnav__login::after {
	content: " ↗";
	color: var(--wp--preset--color--dark-teal-80);
}

@media (prefers-reduced-motion: reduce) {
	.mnav.flyout,
	.mnav__view,
	.mnav__list li,
	.mnav__links li {
		transition: none;
	}
}

body.has-flyout {
	overflow: hidden;
}

/* Labels never wrap; tighten between laptop widths (Albanian runs longer). */
.site-nav__item,
.site-header__login {
	white-space: nowrap;
}

/* Six main items: compact below 1700px (Albanian labels are longer), the burger below 1280px. */
@media (max-width: 1700px) {
	.site-nav__item {
		padding-inline: 0.6rem;
		font-size: var(--wp--preset--font-size--base);
	}

	.site-header__tools {
		gap: 0.6rem;
	}
}

/* Just above the burger, with every section a fly-out (IT Solutions too,
 * 2026-11-02): tighter still, so the Albanian bar fits 1280px. */
@media (max-width: 1400px) {
	.site-nav__list {
		gap: 0.1rem;
	}

	.site-nav__item {
		gap: 0.3rem;
		padding-inline: 0.45rem;
	}
}

@media (max-width: 1279px) {
	.site-nav,
	.site-header__icon,
	.site-header__login {
		display: none;
	}

	.site-header__burger {
		display: inline-flex;
	}

	.site-logo img {
		height: 34px;
	}
}

/* ---------- Buttons ---------- */

.wp-block-button.is-style-light .wp-block-button__link {
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
}

.wp-block-button.is-style-light .wp-block-button__link:hover {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-teal);
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: currentColor;
	border: 2px solid currentColor;
}

/* On the home hero: solid Dark Teal, so the light trails don't show through. */
.home-hero .wp-block-button.is-style-outline .wp-block-button__link {
	background: var(--wp--preset--color--dark-teal);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--light-teal);
	border-color: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
}

.wp-block-button.is-style-arrow .wp-block-button__link {
	background: transparent;
	color: currentColor;
	padding: 0;
	border-radius: 0;
}

.wp-block-button.is-style-arrow .wp-block-button__link::after {
	content: "→";
	display: inline-block;
	margin-left: 0.5em;
	transition: transform 0.2s ease;
}

.wp-block-button.is-style-arrow .wp-block-button__link:hover::after {
	transform: translateX(4px);
}

/* ---------- Section label ("eyebrow") ---------- */

.eyebrow {
	font-size: var(--wp--preset--font-size--label);
	font-weight: 400;
	letter-spacing: 0;
}

/* ---------- Service cards ---------- */

.service-card {
	position: relative;
	transition: background-color 0.25s ease, transform 0.25s ease;
}

.service-card:hover {
	background-color: var(--wp--preset--color--light-teal-20) !important;
	transform: translateY(-4px);
}

/* Whole card is clickable via the title link. */
.service-card h3 a {
	text-decoration: none;
}

.service-card h3 a::before {
	content: "";
	position: absolute;
	inset: 0;
}

.service-card .arrow-link {
	margin-top: auto;
}

.service-card--cta:hover {
	background-color: var(--wp--preset--color--dark-teal-80) !important;
}

/* ---------- Motion ---------- */

.js .reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.7s ease, transform 0.7s ease;
}

.js .reveal.is-visible {
	opacity: 1;
	transform: none;
}

/* Images keep their proportions: the width/height attributes (there to
 * reserve space while loading) must not fix the height. Rules that set a
 * height (cropped tiles, avatars) still win. */
img {
	max-width: 100%;
	height: auto;
}

/* Keyboard focus: one clear ring everywhere, in the text colour so it
 * shows on light and dark bands alike. */
:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

/* Form check boxes big enough to tap (WCAG 2.5.8). */
input[type="checkbox"],
input[type="radio"] {
	width: 1.25rem;
	height: 1.25rem;
	accent-color: var(--wp--preset--color--dark-teal);
}

/* Respect users who ask for less motion. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}

	.js .reveal {
		opacity: 1;
		transform: none;
	}
}

/* ---------- Trust strip ---------- */

.trust-strip {
	position: relative;
}

.trust-strip__viewport {
	overflow: hidden;
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.trust-strip__track {
	display: flex;
	width: max-content;
	animation: trust-scroll 45s linear infinite;
}

.trust-strip:hover .trust-strip__track,
.trust-strip.is-paused .trust-strip__track {
	animation-play-state: paused;
}

.trust-strip__list {
	display: flex;
	gap: 3rem;
	margin: 0;
	padding: 0 3rem 0 0;
	list-style: none;
	white-space: nowrap;
	color: var(--wp--preset--color--dark-teal-80);
	font-weight: 400;
}

.trust-strip__list li {
	display: inline-flex;
	align-items: center;
	gap: 3rem;
}

.trust-strip__list li::after {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--wp--preset--color--light-teal);
}

@keyframes trust-scroll {
	to { transform: translateX(-50%); }
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* ---------- Pill links (wayfinding into a section) ---------- */

.pill-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin: var(--wp--preset--spacing--30) 0 0;
	padding: 0;
	list-style: none;
}

.pill-links a {
	display: inline-block;
	padding: 0.5rem 1rem;
	border: 1px solid var(--wp--preset--color--dark-teal-20);
	border-radius: 999px;
	color: var(--wp--preset--color--dark-teal);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.pill-links a:hover {
	border-color: var(--wp--preset--color--light-teal);
	background: var(--wp--preset--color--light-teal-20);
}

/* ---------- Stats ---------- */

.stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
	gap: 1.5rem;
	margin-top: var(--wp--preset--spacing--50) !important;
	padding-top: var(--wp--preset--spacing--40);
	border-top: 1px solid var(--wp--preset--color--dark-teal-20);
}

/* Light Teal fails contrast as text on white, so stats get a teal bar instead. */
.stat::before {
	content: "";
	display: block;
	width: 2.5rem;
	height: 4px;
	margin-bottom: 1rem;
	border-radius: 2px;
	background: var(--wp--preset--color--light-teal);
}

.stat__number {
	margin: 0 0 0.4rem;
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.02em;
}

.stat__label {
	margin: 0;
	color: var(--wp--preset--color--dark-teal-80);
}

/* ---------- Check list ---------- */

.check-list {
	display: grid;
	gap: 0.75rem;
	margin: var(--wp--preset--spacing--30) 0 0;
	padding: 0;
	list-style: none;
}

.check-list li {
	position: relative;
	padding-left: 2.1rem;
}

.check-list li::before {
	content: "";
	position: absolute;
	top: 0.15rem;
	left: 0;
	width: 1.35rem;
	height: 1.35rem;
	border-radius: 7px;
	background: var(--wp--preset--color--light-teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%2300323c' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 72% no-repeat;
}

/* ---------- Footer ---------- */

.site-footer a {
	color: inherit;
	text-decoration: none;
}

.site-footer a:hover {
	color: var(--wp--preset--color--light-teal);
}

.site-footer__grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1fr;
	gap: var(--wp--preset--spacing--50);
}

.site-footer__tagline {
	max-width: 22rem;
	margin: 1.25rem 0;
	color: var(--wp--preset--color--light-teal-40);
}

.site-footer__address {
	margin: 0 0 1rem;
	font-style: normal;
	color: var(--wp--preset--color--light-teal-40);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.6;
}

.site-footer__reach {
	margin: 0;
	font-weight: 400;
	line-height: 1.8;
}

.site-footer__heading {
	margin: 0 0 1rem;
	color: var(--wp--preset--color--light-teal);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
}

.site-footer__col ul {
	display: grid;
	gap: 0.6rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem 2rem;
	margin-top: var(--wp--preset--spacing--50);
	padding-top: var(--wp--preset--spacing--30);
	border-top: 1px solid var(--wp--preset--color--dark-teal-80);
}

.site-footer__social,
.site-footer__legal {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: var(--wp--preset--font-size--small);
}

.site-footer__social {
	gap: 0.5rem;
}

.site-footer__social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 12px;
	background: rgb(255 255 255 / 0.08);
	transition: background-color 0.2s ease, color 0.2s ease;
}

.site-footer__social a:hover {
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
}

.site-footer__fine {
	margin-top: var(--wp--preset--spacing--30);
	color: var(--wp--preset--color--light-teal-40);
	font-size: var(--wp--preset--font-size--small);
}

.site-footer__fine p {
	margin: 0 0 0.4rem;
}

.site-footer__fine a {
	text-decoration: underline;
}

@media (max-width: 960px) {
	.site-footer__grid {
		grid-template-columns: 1fr 1fr;
	}

	.site-footer__brand {
		grid-column: 1 / -1;
	}
}

@media (max-width: 560px) {
	.site-footer__grid {
		grid-template-columns: 1fr;
	}
}

/* Motion off for those who ask: also stop the strip and floating cards. */
@media (prefers-reduced-motion: reduce) {
	.trust-strip__track {
		animation: none;
	}
}

/* =========================================================
 * Home page option B ("v2"): light, editorial
 * ========================================================= */

.v2-h2 {
	margin: 0;
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -0.01em;
}

.v2-btn {
	display: inline-flex;
	align-items: center;
	padding: 0.9rem 1.6rem;
	border: 2px solid transparent;
	border-radius: var(--wp--custom--radius--button);
	font-weight: 400;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.v2-btn--dark {
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
}

.v2-btn--dark:hover {
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
}

.v2-btn--ghost {
	border-color: var(--wp--preset--color--dark-teal-20);
	color: var(--wp--preset--color--dark-teal);
}

.v2-btn--ghost:hover {
	border-color: var(--wp--preset--color--dark-teal);
}

.v2-btn--light {
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
}

.v2-btn--light:hover {
	background: var(--wp--preset--color--base);
}

.v2-btn--ghost-light {
	border-color: rgb(255 255 255 / 0.5);
	/* Solid, so the light graphic behind doesn't show through. */
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
}

.v2-btn--ghost-light:hover {
	border-color: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--light-teal);
}

/* Hero */

.v2-hero__intro {
	max-width: 980px;
	margin-inline: auto;
	text-align: center;
}

.v2-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	margin: 0 0 1.75rem;
	padding: 0.45rem 1rem;
	border: 1px solid var(--wp--preset--color--dark-teal-20);
	border-radius: 999px;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
}

.v2-chip__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--wp--preset--color--light-teal);
	box-shadow: 0 0 0 4px var(--wp--preset--color--light-teal-20);
}

.v2-hero__title {
	margin: 0;
	font-size: var(--wp--preset--font-size--display);
	font-weight: 400;
	line-height: 1.05;
	letter-spacing: -0.02em;
}

/* Highlighter in Light Teal 40% under Dark Teal text — keeps contrast. */
.v2-mark {
	background: linear-gradient(transparent 58%, var(--wp--preset--color--light-teal-40) 58%, var(--wp--preset--color--light-teal-40) 92%, transparent 92%);
}

.v2-hero__lead {
	max-width: 680px;
	margin: 1.75rem auto 0;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--medium);
}

.v2-hero__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem;
	margin-top: 2.25rem;
}

/* Section heads */

.v2-section-head {
	max-width: 760px;
	margin: 0 auto var(--wp--preset--spacing--50);
	text-align: center;
}

.v2-section-head .eyebrow {
	margin: 0 0 0.75rem;
	color: var(--wp--preset--color--dark-teal-80);
}

.v2-section-head--row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	max-width: var(--wp--style--global--wide-size);
	text-align: left;
}

.v2-section-head--row .v2-h2 {
	max-width: 720px;
}

/* Services tabs */

.v2-tabs__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem;
	margin-bottom: var(--wp--preset--spacing--40);
}

.v2-tabs__tab {
	padding: 0.65rem 1.15rem;
	border: 1px solid var(--wp--preset--color--dark-teal-20);
	border-radius: 999px;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-teal);
	font: inherit;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.v2-tabs__tab:hover {
	border-color: var(--wp--preset--color--light-teal);
}

.v2-tabs__tab[aria-selected="true"] {
	border-color: var(--wp--preset--color--dark-teal);
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
}

.v2-tabs__panel {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--wp--preset--spacing--50);
	align-items: center;
	padding: var(--wp--preset--spacing--50);
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--base);
	animation: v2-panel-in 0.4s ease;
}

.v2-tabs__panel[hidden] {
	display: none;
}

@keyframes v2-panel-in {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: none; }
}

.v2-tabs__copy h3 {
	margin: 0 0 1rem;
	font-size: var(--wp--preset--font-size--x-large);
}

.v2-tabs__copy > p {
	margin: 0 0 1.5rem;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--medium);
}

.v2-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0 0 2rem;
	padding: 0;
	list-style: none;
}

.v2-tags li {
	padding: 0.4rem 0.85rem;
	border-radius: 999px;
	background: var(--wp--preset--color--light-teal-20);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
}

.v2-tabs__media {
	border-radius: var(--wp--custom--radius--device) 0;
	overflow: hidden;
	aspect-ratio: 4 / 3;
}

.v2-tabs__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Facts band */

.v2-facts {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.v2-fact {
	padding: 0.5rem var(--wp--preset--spacing--40);
	border-left: 1px solid var(--wp--preset--color--dark-teal-80);
}

.v2-fact:first-child {
	padding-left: 0;
	border-left: 0;
}

.v2-fact__number {
	margin: 0 0 0.5rem;
	color: var(--wp--preset--color--light-teal);
	font-size: var(--wp--preset--font-size--display);
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.02em;
}

.v2-fact__label {
	margin: 0;
	color: var(--wp--preset--color--light-teal-20);
}

/* Why us */

.v2-why {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: var(--wp--preset--spacing--60);
}

.v2-why__media {
	border-radius: var(--wp--custom--radius--device) 0;
	overflow: hidden;
}

.v2-why__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.v2-why__copy .eyebrow {
	margin: 0 0 0.75rem;
	color: var(--wp--preset--color--dark-teal-80);
}

.v2-why__list {
	margin: var(--wp--preset--spacing--40) 0 0;
	padding: 0;
	list-style: none;
}

.v2-why__list li {
	display: grid;
	grid-template-columns: 3.5rem 1fr;
	gap: 1rem;
	padding: 1.5rem 0;
	border-top: 1px solid var(--wp--preset--color--dark-teal-20);
}

.v2-why__num {
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 300;
	line-height: 1.2;
}

.v2-why__list h3 {
	margin: 0 0 0.4rem;
	font-size: var(--wp--preset--font-size--large);
}

.v2-why__list p {
	margin: 0;
	color: var(--wp--preset--color--dark-teal-80);
}

/* Insight cards */

.v2-cards {
	display: grid;
	gap: 1.25rem;
}

.v2-card {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	color: var(--wp--preset--color--dark-teal);
	text-decoration: none;
}

.v2-card__media {
	display: block;
	margin-bottom: 0.75rem;
	border-radius: var(--wp--custom--radius--device) 0;
	overflow: hidden;
	background: var(--wp--preset--color--base-2);
}

.v2-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.v2-card:hover .v2-card__media img {
	transform: scale(1.04);
}

.v2-card__kicker {
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
}

.v2-card__title {
	font-size: var(--wp--preset--font-size--large);
	font-weight: 400;
	line-height: 1.25;
}

/* Closing CTA */

.v2-closing {
	max-width: 860px;
	margin-inline: auto;
	text-align: center;
}

.v2-closing .eyebrow {
	margin: 0 0 0.75rem;
	color: var(--wp--preset--color--light-teal);
}

.v2-closing__title {
	margin: 0;
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--display);
	font-weight: 400;
	line-height: 1.05;
	letter-spacing: -0.02em;
}

.v2-closing__meta {
	margin: 2rem 0 0;
	color: var(--wp--preset--color--light-teal-40);
	font-size: var(--wp--preset--font-size--small);
}

.v2-closing__meta a {
	color: inherit;
}

@media (max-width: 960px) {
	.v2-tabs__panel,
	.v2-why {
		grid-template-columns: 1fr;
	}

	.v2-facts {
		grid-template-columns: 1fr 1fr;
		row-gap: 2rem;
	}

	.v2-fact:nth-child(3) {
		padding-left: 0;
		border-left: 0;
	}
}

@media (max-width: 700px) {

	.v2-tabs__list {
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow-x: auto;
		padding-bottom: 0.25rem;
	}

	.v2-tabs__tab {
		white-space: nowrap;
	}

}

@media (prefers-reduced-motion: reduce) {
	.v2-tabs__panel {
		animation: none;
	}
}

/* =========================================================
 * Inner pages
 * ========================================================= */

/* ---------- The client's light graphics, one per section ----------
 * Nexia_Light_Graphics_02/04/06.psd: the body class comes from
 * wp_starter_light_graphic() (functions.php). */
body {
	--light-graphic: url("assets/images/light-graphic-pink.webp");
}

body.graphic-amber {
	--light-graphic: url("assets/images/light-graphic-amber.webp");
}

body.graphic-orange {
	--light-graphic: url("assets/images/light-graphic-orange.webp");
}

/* ---------- Banner + breadcrumb ---------- */

.page-banner {
	position: relative;
	overflow: hidden;
}

/* The section's light graphic on the right, fading in behind the text. */
.page-banner::after {
	content: "";
	position: absolute;
	inset: 0 0 0 40%;
	background: var(--light-graphic) center / cover no-repeat;
	opacity: 0.8;
	/* The graphic's background is a shade off Dark Teal: lighten keeps only the lines. */
	mix-blend-mode: lighten;
	mask-image: linear-gradient(90deg, transparent, #000 55%);
	pointer-events: none;
}

.page-banner__inner {
	position: relative;
	z-index: 1;
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
}

.breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin: 0 0 1.5rem;
	padding: 0;
	list-style: none;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--light-teal-40);
}

.breadcrumb li + li::before {
	content: "/";
	margin-right: 0.35rem;
	opacity: 0.6;
}

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

.breadcrumb a:hover {
	color: var(--wp--preset--color--base);
	text-decoration: underline;
}

.page-banner__eyebrow {
	margin: 0 0 0.75rem;
	color: var(--wp--preset--color--light-teal);
	font-weight: 400;
}

.page-banner__title {
	max-width: 900px;
	margin: 0;
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--display);
	font-weight: 400;
	line-height: 1.05;
	letter-spacing: -0.02em;
}

.page-banner--post .page-banner__title {
	font-size: var(--wp--preset--font-size--xx-large);
}

.page-banner__intro {
	max-width: 720px;
	margin: 1.25rem 0 0;
	color: var(--wp--preset--color--light-teal-20);
	font-size: var(--wp--preset--font-size--medium);
}

.pill-links--dark {
	margin-top: var(--wp--preset--spacing--40);
}

.pill-links--dark a {
	border-color: rgb(255 255 255 / 0.25);
	/* Solid, so the banner's light graphic doesn't show through. */
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
}

.pill-links--dark a:hover {
	border-color: var(--wp--preset--color--light-teal);
	background: var(--wp--preset--color--dark-teal-80);
}

.pill-links--dark a[aria-current="page"],
.pill-links--dark a[aria-current="true"] {
	border-color: var(--wp--preset--color--light-teal);
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
}

.post-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.25rem;
	margin: 1.5rem 0 0;
	color: var(--wp--preset--color--light-teal-40);
	font-size: var(--wp--preset--font-size--small);
}

.post-meta__cat {
	padding: 0.15rem 0.7rem;
	border-radius: 999px;
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
	font-weight: 400;
	text-decoration: none;
}

.banner-search {
	display: flex;
	gap: 0.5rem;
	max-width: 640px;
	margin-top: var(--wp--preset--spacing--40);
}

.banner-search input {
	flex: 1;
	min-width: 0;
	padding: 0.9rem 1.1rem;
	border: 0;
	border-radius: var(--wp--custom--radius--button);
	font: inherit;
}

.banner-search button {
	padding: 0.9rem 1.5rem;
	border: 0;
	border-radius: var(--wp--custom--radius--button);
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
	font: inherit;
	font-weight: 400;
	cursor: pointer;
}

/* ---------- Article lists ---------- */

.post-card .wp-block-post-featured-image {
	margin-bottom: 0.5rem;
	background: var(--wp--preset--color--base-2);
	border-radius: var(--wp--custom--radius--device) 0;
	overflow: hidden;
}

.post-card .wp-block-post-featured-image img {
	transition: transform 0.5s ease;
}

.post-card:hover .wp-block-post-featured-image img {
	transform: scale(1.04);
}

.post-card .wp-block-post-title {
	margin: 0;
	line-height: 1.25;
}

.post-card .wp-block-post-title a {
	text-decoration: none;
}

.post-card .wp-block-post-excerpt {
	color: var(--wp--preset--color--dark-teal-80);
}

.post-card__cat a {
	display: inline-block;
	min-height: 24px; /* WCAG 2.5.8 target size */
	color: var(--wp--preset--color--dark-teal);
	font-weight: 400;
	text-decoration: none;
}

.post-card .wp-block-post-date {
	color: var(--wp--preset--color--dark-teal-80);
}

.pagination {
	margin-top: var(--wp--preset--spacing--50);
	gap: 0.5rem;
}

.pagination a,
.pagination .page-numbers {
	padding: 0.5rem 0.9rem;
	border-radius: 12px;
	text-decoration: none;
}

.pagination .current {
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
}

/* ---------- Article body ---------- */

.entry-content > * + * {
	margin-top: 1.25em;
}

.entry-content h2 {
	margin-top: 2.2em;
	font-size: var(--wp--preset--font-size--x-large);
}

.entry-content h3 {
	margin-top: 1.8em;
	font-size: var(--wp--preset--font-size--large);
}

.entry-content a {
	text-decoration-color: var(--wp--preset--color--light-teal);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.entry-content img {
	border-radius: 15px 0;
}

.post-related {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--wp--preset--spacing--40);
	margin-top: var(--wp--preset--spacing--60);
	padding-top: var(--wp--preset--spacing--50);
	border-top: 1px solid var(--wp--preset--color--dark-teal-20);
}

.service-callout {
	display: grid;
	gap: 0.5rem;
	align-content: start;
	padding: var(--wp--preset--spacing--40);
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.service-callout:hover {
	background: var(--wp--preset--color--dark-teal-80);
}

.service-callout__label {
	color: var(--wp--preset--color--light-teal);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
}

.service-callout__title {
	font-size: var(--wp--preset--font-size--large);
	font-weight: 400;
}

.service-callout__text {
	color: var(--wp--preset--color--light-teal-20);
}

.service-callout__cta {
	margin-top: 0.5rem;
	color: var(--wp--preset--color--light-teal);
	font-weight: 400;
}

/* ---------- Content building blocks (used in page content) ---------- */

.is-lead {
	font-size: var(--wp--preset--font-size--large);
	font-weight: 300;
	line-height: 1.45;
}

.section-title {
	margin-top: var(--wp--preset--spacing--60);
}

.content-cards {
	gap: 1.25rem;
}

.content-card {
	padding: var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--dark-teal-20);
	border-radius: var(--wp--custom--radius--device) 0;
	transition: border-color 0.25s ease, transform 0.25s ease;
}

.content-card:hover {
	border-color: var(--wp--preset--color--light-teal);
	transform: translateY(-3px);
}

.content-card h3 {
	margin: 0 0 0.5rem;
	font-size: var(--wp--preset--font-size--medium);
}

.content-card p {
	margin: 0;
	color: var(--wp--preset--color--dark-teal-80);
}

.content-card a {
	text-decoration: none;
}

ol.steps {
	counter-reset: step;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
	gap: 1.25rem;
	padding: 0;
	list-style: none;
}

ol.steps li {
	counter-increment: step;
	padding-top: 1rem;
	border-top: 3px solid var(--wp--preset--color--light-teal);
}

ol.steps li::before {
	content: counter(step, decimal-leading-zero);
	display: block;
	margin-bottom: 0.5rem;
	color: var(--wp--preset--color--dark-teal-80);
	font-weight: 300;
	font-size: var(--wp--preset--font-size--large);
}

.wp-block-details.faq {
	padding: 1.1rem 0;
	border-bottom: 1px solid var(--wp--preset--color--dark-teal-20);
}

.wp-block-details.faq summary {
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 400;
	cursor: pointer;
	position: relative;
	padding-right: 2.5rem;
	list-style: none;
}

.wp-block-details.faq > :not(summary) {
	margin-top: 0.75rem;
	color: var(--wp--preset--color--dark-teal-80);
}

.callout {
	padding: var(--wp--preset--spacing--40);
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--light-teal-20);
}

.person-card {
	padding: var(--wp--preset--spacing--40);
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--base-2);
}

.person-card h2 {
	margin: 1rem 0 0.25rem;
	font-size: var(--wp--preset--font-size--large);
}

ul.doc-list {
	padding: 0;
	list-style: none;
}

ul.doc-list li {
	border-bottom: 1px solid var(--wp--preset--color--dark-teal-20);
}

ul.doc-list a {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 0;
	font-weight: 400;
	text-decoration: none;
}

ul.doc-list a::after {
	content: "↓";
	color: var(--wp--preset--color--dark-teal-80);
}

/* ---------- Contact ---------- */

.contact-form-wrap {
	border-radius: var(--wp--custom--radius--device) 0;
}

.contact-form-wrap__title {
	margin: 0 0 0.5rem;
	font-size: var(--wp--preset--font-size--x-large);
}

.contact-form-wrap__intro {
	margin: 0 0 1.5rem;
	color: var(--wp--preset--color--dark-teal-80);
}

.contact-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem 1.25rem;
}

.field {
	display: grid;
	gap: 0.4rem;
}

.field--full {
	grid-column: 1 / -1;
}

.field label {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
}

.field input,
.field select,
.field textarea {
	width: 100%;
	padding: 0.85rem 1rem;
	border: 1px solid var(--wp--preset--color--dark-teal-20);
	border-radius: 12px;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-teal);
	font: inherit;
}

.field input:focus,
.field select:focus,
.field textarea:focus {
	border-color: var(--wp--preset--color--light-teal);
	outline: 3px solid var(--wp--preset--color--light-teal-40);
	outline-offset: 0;
}

.field--check {
	display: flex;
	gap: 0.75rem;
	align-items: flex-start;
}

.field--check input {
	width: 1.2rem;
	height: 1.2rem;
	margin-top: 0.2rem;
	accent-color: var(--wp--preset--color--dark-teal);
}

.contact-form__hp {
	position: absolute;
	left: -9999px;
}

.contact-form button {
	border: 0;
	font: inherit;
	font-weight: 400;
	cursor: pointer;
}

.form-notice {
	margin: 0 0 1.5rem;
	padding: 1rem 1.25rem;
	border-radius: 12px;
	font-weight: 400;
}

.form-notice--ok {
	background: var(--wp--preset--color--light-teal-20);
}

.form-notice--error {
	background: #fce9e9;
	color: #7a1b1b;
}

@media (max-width: 960px) {
	.post-related {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {
	.contact-form {
		grid-template-columns: 1fr;
	}

	/* Phones: the lines rise from the bottom, clear of the title. */
	.page-banner::after {
		inset: 0;
		background-position: 30% 100%;
		background-size: 200% auto;
		opacity: 0.5;
		mask-image: linear-gradient(180deg, transparent 35%, #000 85%);
	}
}

/* Inputs include their padding in the 100% width. */
.field input,
.field select,
.field textarea,
.banner-search input {
	box-sizing: border-box;
}

/* Article covers carry their title on the left: keep that edge in view. */
.post-card .wp-block-post-featured-image img {
	object-position: left top;
}

/* ---------- Language switch ---------- */

.lang-switch {
	display: flex;
	gap: 0.15rem;
	margin: 0;
	padding: 0.2rem;
	list-style: none;
	border-radius: 12px;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
}

.lang-switch a {
	display: block;
	padding: 0.3rem 0.55rem;
	border-radius: 9px;
	text-decoration: none;
}

.lang-switch--header {
	background: rgb(255 255 255 / 0.08);
}

.lang-switch--header a {
	color: var(--wp--preset--color--light-teal-40);
}

.lang-switch--header a:hover {
	color: var(--wp--preset--color--base);
}

.lang-switch--header a[aria-current] {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-teal);
}

.lang-switch--menu {
	justify-self: start;
	background: var(--wp--preset--color--base-2);
}

.lang-switch--menu a {
	color: var(--wp--preset--color--dark-teal-80);
}

.lang-switch--menu a[aria-current] {
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
}

/* ---------- Brand lines (light-trails motif, drawn as SVG) ---------- */

/* Content sits above the decorative layer. */
.home-hero,
.has-lines {
	position: relative;
	isolation: isolate;
	overflow: hidden;
}

.home-hero::before,
.has-lines::before {
	content: "";
	position: absolute;
	z-index: -1;
	pointer-events: none;
	background-repeat: no-repeat;
}

/* Hero: a faint sweep across the whole band, fading out behind the headline. */
.home-hero::before {
	/* The whole light trail at its own proportions on the right, fading out
	 * before the text (cover stretched it into a few thick, busy lines). */
	inset: 0 0 0 38%;
	background-image: url("assets/images/light-trails-teal.webp");
	background-size: auto 120%;
	background-position: right center;
	opacity: 0.22;
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 45%);
	mask-image: linear-gradient(90deg, transparent 0%, #000 45%);
}

/* Hero with Nexia's moving light trails (patterns/home-hero.php): the
 * client's animation fills the whole band, uncropped by masks. Its first
 * frame (the poster) shows until it plays, and for visitors who ask for
 * less motion. */
.home-hero--video::before {
	content: none;
}

.home-hero__motion {
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	container-type: size;
}

/* The hero's constrained layout gives every child the content width and a
 * block gap; the video ignores both. */
.home-hero > .home-hero__motion {
	max-width: none;
	margin: 0;
}

/* The whole 16:9 frame, a little smaller than the band, against its right
 * edge; the other edges faded (the trails run off the frame). */
.home-hero__video {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: min(80cqw, 142cqh);
	height: auto;
	aspect-ratio: 16 / 9;
	transform: translateY(-50%);
	opacity: 0.6;
	/* The video's background is a shade off Dark Teal: lighten keeps only the lines. */
	mix-blend-mode: lighten;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 25%), linear-gradient(180deg, transparent, #000 15%, #000 85%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 25%), linear-gradient(180deg, transparent, #000 15%, #000 85%, transparent);
	-webkit-mask-composite: source-in;
	mask-composite: intersect;
}

/* Stacked hero (tablets, phones): the band is taller than wide, so the frame
 * spans its width at the foot of the band, behind the buttons, faded only at
 * the top and bottom. */
@media (max-width: 1024px) {
	.home-hero__video {
		top: auto;
		bottom: 0;
		transform: none;
		width: 100cqw;
		-webkit-mask-image: linear-gradient(180deg, transparent, #000 20%, #000 80%, transparent);
		mask-image: linear-gradient(180deg, transparent, #000 20%, #000 80%, transparent);
	}
}

/* Wide band: tall enough for the trails to show at most of its width; the
 * text centred on them. */
@media (min-width: 1025px) {
	.home-hero--video {
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: min(50vw, 760px);
	}
}

/* Stacked band: room under the buttons for the trails to show. */
@media (max-width: 1024px) {
	.home-hero--video .home-hero__content {
		margin-bottom: 30vw;
	}
}

.home-hero__toggle {
	position: absolute;
	right: var(--wp--style--root--padding-right, 1rem);
	bottom: 1rem;
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 1px solid rgb(255 255 255 / 0.35);
	border-radius: 50%;
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
	cursor: pointer;
}

.home-hero__toggle[hidden] {
	display: none;
}

.home-hero__toggle svg {
	fill: currentColor;
}

.home-hero__play,
.home-hero__toggle[aria-pressed="true"] .home-hero__pause {
	display: none;
}

.home-hero__toggle[aria-pressed="true"] .home-hero__play {
	display: inline;
}

/* Light sections: a quiet sweep in one corner. */
.has-lines--corner::before {
	inset: auto -10% -20% 35%;
	height: 85%;
	background-image: url("assets/images/light-trails-teal.webp");
	background-size: cover;
	opacity: 0.32;
	mask-image: linear-gradient(90deg, transparent 0%, #000 45%);
}

/* Light Teal contact banner: Dark Teal lines, very faint. */
@media (max-width: 781px) {
	.has-lines--corner::before {
		inset: auto -40% -10% 0;
		height: 50%;
	}
}

/* ---------- Homepage refinements (QA pass) ---------- */

/* No gap between the last section and the footer. */
.wp-site-blocks > footer {
	margin-block-start: 0;
}

/* Insight cards show covers at their native 1.91:1 ratio — no cropped titles. */
.v2-card__media {
	aspect-ratio: 1.91 / 1;
}

.v2-card__media img {
	object-position: left center;
}

.v2-cards {
	align-items: start;
}

.v2-facts__more {
	margin: var(--wp--preset--spacing--40) auto 0;
	text-align: right;
}

.v2-facts__more a {
	color: var(--wp--preset--color--light-teal);
}

.v2-facts__more a:hover {
	color: var(--wp--preset--color--base);
}

/* Careers band */

.careers-band {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--wp--preset--spacing--50);
	align-items: center;
}

.careers-band .eyebrow {
	margin: 0 0 0.75rem;
	color: var(--wp--preset--color--dark-teal-80);
}

.careers-band__lead {
	margin: 1.25rem 0 0;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--medium);
}

.careers-band .check-list {
	margin: 0;
}

.careers-band__actions {
	justify-content: flex-start;
	margin-top: var(--wp--preset--spacing--40);
}

@media (max-width: 960px) {
	.careers-band {
		grid-template-columns: 1fr;
	}
}

/* ---------- Mobile refinements (QA pass) ---------- */

@media (max-width: 781px) {
	/* Service cards: no forced height, tighter rhythm. */
	.service-card {
		min-height: 0 !important;
		padding: 1.5rem;
	}

	.service-card .arrow-link {
		margin-top: 0.75rem;
	}

	/* Facts and network bands: two-up numbers. */
	.v2-facts {
		grid-template-columns: 1fr 1fr;
		row-gap: 2rem;
	}

	.v2-fact {
		padding-inline: 1rem 0;
	}

	.v2-fact:nth-child(odd) {
		padding-left: 0;
		border-left: 0;
	}

	.v2-fact__number {
		font-size: var(--wp--preset--font-size--xx-large);
	}


	/* Buttons stack full width, not floating at odd widths. */
	.v2-hero__actions,
	.wp-block-buttons {
		flex-direction: column;
		align-items: stretch;
	}

	.v2-hero__actions .v2-btn,
	.wp-block-buttons .wp-block-button,
	.wp-block-buttons .wp-block-button__link {
		box-sizing: border-box;
		width: 100%;
		justify-content: center;
		text-align: center;
	}
}

@media (max-width: 781px) {
	.v2-facts__more {
		text-align: left;
	}

	.v2-fact__label {
		font-size: var(--wp--preset--font-size--small);
	}
}

/* =========================================================
 * Inner page layout (QA round 2)
 * ========================================================= */

/* Banner: text + optional publication cover (its own 1.91:1 shape),
 * section links underneath. */
.page-banner__inner--media {
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: var(--wp--preset--spacing--50);
	align-items: center;
}

.page-banner__media {
	position: relative;
	z-index: 1;
	aspect-ratio: 1.91 / 1;
	overflow: hidden;
	border-radius: var(--wp--custom--radius--device) 0;
}

.page-banner__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section-nav {
	position: relative;
	z-index: 1;
	margin-top: var(--wp--preset--spacing--40);
}

.section-nav .pill-links {
	margin: 0;
}

/* One left edge for everything; sidebar on the right when present. */
.page-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--preset--spacing--60);
	align-items: start;
}

.page-layout:has(> .page-aside) {
	grid-template-columns: minmax(0, 1fr) 320px;
}

.page-layout:not(:has(> .page-aside)) .page-layout__main {
	max-width: 1000px;
}

.page-layout__main > * {
	margin-block: 0;
}

.page-layout__main > * + * {
	margin-top: 1.25rem;
}

.page-layout__main > :where(p, ul, ol:not(.steps), h2, h3, h4, details, .wp-block-buttons) {
	max-width: 720px;
}

.page-layout__main .section-title {
	margin-top: var(--wp--preset--spacing--60);
	font-size: var(--wp--preset--font-size--x-large);
}

.page-layout__main > .section-title + * {
	margin-top: 1.5rem;
}

.page-layout__main .content-cards,
.page-layout__main .people-grid,
.page-layout__main .related-insights {
	max-width: none;
	margin-top: 1.5rem;
}

.page-layout__main .content-cards {
	grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
}

/* Sidebar */

.page-aside {
	position: sticky;
	top: 110px;
	display: grid;
	gap: 1rem;
}

.aside-card {
	padding: 1.5rem;
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--base-2);
}

.aside-card--contact {
	display: grid;
	gap: 0.6rem;
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
}

.aside-card__label {
	margin: 0 0 0.4rem;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
}

.aside-card--contact .aside-card__label {
	color: var(--wp--preset--color--light-teal);
}

.aside-person {
	display: flex;
	gap: 0.9rem;
	align-items: center;
	margin-bottom: 0.4rem;
}

.aside-person__photo {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
	background: var(--wp--preset--color--base);
}

.aside-person__name {
	margin: 0;
	font-weight: 400;
	font-size: var(--wp--preset--font-size--medium);
}

.aside-person__role {
	margin: 0.15rem 0 0;
	color: var(--wp--preset--color--light-teal-40);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.4;
}

/* The partner's practice areas, under the title. */
.aside-person__areas {
	margin: 0.15rem 0 0;
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.4;
}

.aside-card__link {
	display: inline-block;
	min-height: 24px;
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
	word-break: break-word;
}

.aside-card__link:hover {
	color: var(--wp--preset--color--light-teal);
}

.aside-card__cta {
	justify-content: center;
	margin-top: 0.6rem;
}

/* Cards that link: the whole card is the target; arrow sits at the bottom. */
.content-card--link {
	position: relative;
	display: flex;
	flex-direction: column;
}

.content-card--link h3 a {
	text-decoration: none;
}

.content-card--link h3 a::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
}

.content-card--link h3 a::after {
	content: none;
}

.content-card--link::after {
	content: "→";
	align-self: flex-start;
	margin-top: auto;
	padding-top: 1rem;
	color: var(--wp--preset--color--dark-teal-80);
	transition: transform 0.2s ease;
}

.content-card--link:hover::after {
	transform: translateX(4px);
}

.content-card--link:focus-within {
	outline: 2px solid var(--wp--preset--color--light-teal);
	outline-offset: 3px;
}

/* FAQ: plus/minus instead of the browser triangle. */
.wp-block-details.faq summary::-webkit-details-marker {
	display: none;
}

.wp-block-details.faq summary::after {
	content: "+";
	position: absolute;
	top: 50%;
	right: 0;
	display: grid;
	place-items: center;
	width: 1.9rem;
	height: 1.9rem;
	border-radius: 50%;
	background: var(--wp--preset--color--light-teal-20);
	font-weight: 400;
	transform: translateY(-50%);
	transition: transform 0.2s ease;
}

.wp-block-details.faq[open] summary::after {
	content: "−";
}

/* Steps inside the main column: up to four across. */
.page-layout__main ol.steps {
	grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

/* Timeline (About → Our story): milestones as cards on alternate sides of
 * a centre line that fills in Light Teal as you scroll (--progress, set by
 * site.js); each card slides in from its side, the latest one's dot filled.
 * Phones: one column, the line on the left. */
ol.timeline {
	--timeline-gap: 2.75rem;
	position: relative;
	display: grid;
	gap: 1.5rem;
	max-width: none;
	padding: 0;
	list-style: none;
}

ol.timeline::before,
ol.timeline::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(50% - 1px);
	width: 2px;
	border-radius: 2px;
	background: var(--wp--preset--color--dark-teal-20);
}

ol.timeline::after {
	background: linear-gradient(var(--wp--preset--color--light-teal), var(--wp--preset--color--dark-teal-80));
	transform: scaleY(var(--progress, 1));
	transform-origin: top;
}

ol.timeline li {
	position: relative;
	justify-self: start;
	width: calc(50% - var(--timeline-gap));
	box-sizing: border-box;
	padding: 1.5rem 1.75rem;
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--base-2);
	color: var(--wp--preset--color--dark-teal-80);
}

ol.timeline li:nth-child(even) {
	justify-self: end;
}

/* Zigzag: each card starts beside the previous one's lower half (cards are
 * always taller than the overlap, so same-side cards never touch). */
ol.timeline li + li {
	margin-top: -4rem;
}

/* The milestone's dot on the line, and a short stem from the card to it. */
ol.timeline li::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 1.85rem;
	right: calc(-1 * var(--timeline-gap) - 8px);
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	border: 3px solid var(--wp--preset--color--light-teal);
	border-radius: 50%;
	background: var(--wp--preset--color--base);
	transition: transform 0.5s ease 0.2s;
}

ol.timeline li::after {
	content: "";
	position: absolute;
	top: calc(1.85rem + 7px);
	right: calc(-1 * var(--timeline-gap) + 8px);
	width: calc(var(--timeline-gap) - 8px);
	height: 2px;
	background: var(--wp--preset--color--light-teal-20);
}

ol.timeline li:nth-child(even)::before {
	right: auto;
	left: calc(-1 * var(--timeline-gap) - 8px);
}

ol.timeline li:nth-child(even)::after {
	right: auto;
	left: calc(-1 * var(--timeline-gap) + 8px);
}

ol.timeline li:last-child::before {
	background: var(--wp--preset--color--light-teal);
	box-shadow: 0 0 0 6px var(--wp--preset--color--light-teal-20);
}

ol.timeline strong {
	display: block;
	margin-bottom: 0.5rem;
	color: var(--wp--preset--color--dark-teal);
	font-size: clamp(1.75rem, 2.6vw, 2.25rem);
	font-weight: 300;
	line-height: 1;
}

/* Cards slide in from their own side; the dot pops once the card is in. */
.js ol.timeline li.reveal {
	transform: translateX(-2rem);
}

.js ol.timeline li.reveal:nth-child(even) {
	transform: translateX(2rem);
}

.js ol.timeline li.reveal.is-visible {
	transform: none;
}

.js ol.timeline li.reveal::before {
	transform: scale(0.3);
}

.js ol.timeline li.reveal.is-visible::before {
	transform: none;
}

@media (max-width: 640px) {
	ol.timeline {
		padding-left: 2.25rem;
	}

	ol.timeline::before,
	ol.timeline::after {
		left: 7px;
	}

	ol.timeline li,
	ol.timeline li:nth-child(even) {
		justify-self: stretch;
		width: auto;
		padding: 1.25rem 1.35rem;
	}

	ol.timeline li + li {
		margin-top: 0;
	}

	ol.timeline li::before,
	ol.timeline li:nth-child(even)::before {
		top: 1.6rem;
		right: auto;
		left: calc(-2.25rem - 1px);
	}

	ol.timeline li::after {
		content: none;
	}

	.js ol.timeline li.reveal,
	.js ol.timeline li.reveal:nth-child(even) {
		transform: translateX(1.5rem);
	}

	.js ol.timeline li.reveal.is-visible {
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.js ol.timeline li.reveal,
	.js ol.timeline li.reveal:nth-child(even),
	.js ol.timeline li.reveal::before {
		transform: none;
	}
}

@media (max-width: 1080px) {
	.page-layout:has(> .page-aside) {
		grid-template-columns: minmax(0, 1fr);
	}

	.page-aside {
		position: static;
		grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
	}
}

@media (max-width: 781px) {
	.page-banner__inner--media {
		grid-template-columns: 1fr;
	}
}

/* Card grids sized to their count so no card sits alone on a row. */
.page-layout__main .content-cards:has(> :nth-child(2):last-child),
.page-layout__main .content-cards:has(> :nth-child(4):last-child),
.page-layout__main .content-cards:has(> :nth-child(8):last-child) {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-layout__main .content-cards:has(> :nth-child(3):last-child),
.page-layout__main .content-cards:has(> :nth-child(6):last-child) {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Odd counts of 5 or 7: two columns, the last card across the full row. */
.page-layout__main .content-cards:has(> :nth-child(5):last-child) {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-layout__main .content-cards:has(> :nth-child(5):last-child) > :last-child {
	grid-column: 1 / -1;
}

.aside-card__note {
	margin: 0;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
}

/* Section pills: one swipeable row on small screens. */
@media (max-width: 781px) {
	.section-nav {
		margin-right: calc(-1 * var(--wp--preset--spacing--40)) !important;
	}

	.section-nav .pill-links {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding: 0 var(--wp--preset--spacing--40) 0.25rem 0;
		scrollbar-width: none;
		mask-image: linear-gradient(90deg, #000 85%, transparent);
	}

	.section-nav .pill-links li {
		flex: none;
	}
}

/* Stats inside page content */
.page-layout__main .stats--content {
	max-width: none;
	margin-top: 1.5rem;
	padding-top: 0;
	border-top: 0;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 781px) {
	.page-layout__main .stats--content {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Related service on its own: one horizontal card across the column. */
.post-related:not(:has(.post-related__more)) {
	grid-template-columns: minmax(0, 1fr);
	max-width: 900px;
}

.post-related:not(:has(.post-related__more)) .service-callout {
	grid-template-columns: 1fr auto;
	align-items: center;
	column-gap: var(--wp--preset--spacing--40);
}

.post-related:not(:has(.post-related__more)) .service-callout > :not(.service-callout__cta) {
	grid-column: 1;
}

.post-related:not(:has(.post-related__more)) .service-callout__cta {
	grid-column: 2;
	grid-row: 1 / span 3;
	align-self: center;
	margin: 0;
	padding: 0.8rem 1.4rem;
	border-radius: var(--wp--custom--radius--button);
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
	white-space: nowrap;
}

@media (max-width: 781px) {
	.post-related:not(:has(.post-related__more)) .service-callout {
		grid-template-columns: 1fr;
	}

	.post-related:not(:has(.post-related__more)) .service-callout__cta {
		grid-column: 1;
		grid-row: auto;
		justify-self: start;
		margin-top: 0.5rem;
	}
}

.stats > * {
	margin: 0;
}

.flyout__feature--cover {
	display: grid;
	gap: 0.75rem;
	border-radius: 0;
	color: var(--wp--preset--color--dark-teal);
	text-decoration: none;
}

.flyout__feature--cover img {
	width: 100%;
	aspect-ratio: 1.91 / 1;
	object-fit: cover;
	border-radius: var(--wp--custom--radius--device) 0;
	transition: transform 0.4s ease;
}

.flyout__feature--cover:hover img {
	transform: translateY(-3px);
}

.flyout__feature--cover .flyout__feature-cta {
	color: var(--wp--preset--color--dark-teal);
}

/* Team cards: short bio, the rest on demand. */
.person-card {
	display: flex;
	flex-direction: column;
}

.bio-more summary {
	display: inline-flex;
	gap: 0.4rem;
	align-items: center;
	font-weight: 400;
	cursor: pointer;
	list-style: none;
}

.bio-more summary::-webkit-details-marker {
	display: none;
}

.bio-more summary::after {
	content: "+";
	display: grid;
	place-items: center;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	background: var(--wp--preset--color--light-teal-20);
	font-size: 0.9rem;
}

.bio-more > p {
	margin-top: 0.75rem;
}

/* Insights fly-out: latest articles fill the panel. */
.flyout__subhead {
	margin: 1.5rem 0 0.5rem;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
}

.flyout__posts {
	display: grid;
	gap: 0.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.flyout__posts a {
	display: flex;
	gap: 0.9rem;
	align-items: center;
	margin: 0 -0.9rem;
	padding: 0.6rem 0.9rem;
	border-radius: var(--wp--custom--radius--button);
	color: var(--wp--preset--color--dark-teal);
	font-weight: 400;
	line-height: 1.35;
	text-decoration: none;
}

.flyout__posts a:hover {
	background: var(--wp--preset--color--light-teal-20);
}

.flyout__posts img {
	flex: none;
	width: 72px;
	height: 52px;
	border-radius: 10px;
	object-fit: cover;
	object-position: left center;
}

.flyout__post-date {
	display: block;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: 0.8rem;
	font-weight: 400;
}

@media (max-width: 781px) {
	/* Beats the count-based grid rules above: one column on phones. */
	.page-layout__main .content-cards.content-cards:has(> :nth-child(n):nth-last-child(n)) {
		grid-template-columns: minmax(0, 1fr);
	}

	.is-style-device .wp-block-buttons,
	.wp-block-group .wp-block-buttons {
		width: 100%;
	}
}

/* ---------- Tablet (782–1024px) ---------- */

@media (max-width: 1024px) {
	/* Insight cards: guide across the top, articles two-up. */
	.v2-card--feature {
		grid-column: 1 / -1;
	}
}

/* Headlines wrap between words, never inside them. */
h1,
h2,
.page-banner__title,
.v2-hero__title {
	overflow-wrap: normal;
	word-break: normal;
	hyphens: manual;
}

/* ---------- QA pass: desktop alignment ---------- */

/* Why us: photo spans exactly the text column's height. */
.v2-why {
	align-items: stretch;
}

.v2-why__media {
	aspect-ratio: auto;
	min-height: 420px;
}

/* Insight cards: equal columns so images and titles line up across the row. */
.v2-cards {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Closing banner: the client's amber light graphic on Dark Teal, its lines
 * fading out instead of stopping at a seam. */
.v2-closing-cover {
	background-color: var(--wp--preset--color--dark-teal);
}

.v2-closing-cover .wp-block-cover__image-background {
	mask-image: linear-gradient(180deg, #000 55%, transparent 100%);
}

/* Articles: banner and text share one 760px reading column. */
.page-banner--post .page-banner__inner {
	max-width: var(--wp--style--global--content-size);
}

/* Lists of results: items without an image get a branded placeholder of the same size. */
.post-card:not(:has(.wp-block-post-featured-image))::before {
	content: "";
	display: block;
	aspect-ratio: 1.91 / 1;
	margin-bottom: 0.5rem;
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--dark-teal) url("assets/images/light-graphic-orange.webp") center / cover no-repeat;
}

/* Contact banner (Light Teal): the teal light trail, only at the right edge. */
.has-lines--cta::before {
	inset: 0 0 0 auto;
	width: 30%;
	background-image: url("assets/images/light-trails-teal.webp");
	background-size: auto 140%;
	background-position: left center;
	opacity: 0.3;
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 70%);
	mask-image: linear-gradient(90deg, transparent 0%, #000 70%);
}

/* Five steps: one row of five on desktop rather than four plus a straggler. */
.page-layout__main ol.steps:has(> li:nth-child(5):last-child) {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 1080px) {
	.page-layout__main ol.steps:has(> li:nth-child(5):last-child) {
		grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
	}
}

/* A topic with no articles yet shows nothing (no heading, no empty promise). */
.topic-insights:not(:has(.wp-block-post-template > li)) {
	display: none;
}

.page-layout__main .topic-insights > * + * {
	margin-top: 1.25rem;
}

ul.doc-list--links a::after {
	content: "↗";
}

/* ---------- Billy quote form ---------- */

.quote-form-wrap {
	margin-top: var(--wp--preset--spacing--60);
	padding: var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--dark-teal-20);
	border-radius: var(--wp--custom--radius--device) 0;
	scroll-margin-top: 120px;
}

.form-group {
	margin: 0;
	padding: 0;
	border: 0;
}

.form-group legend {
	margin-bottom: 0.75rem;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 400;
}

.form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem 1.25rem;
}

.field__hint {
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
}

.yes-no {
	display: grid;
	margin-bottom: 1rem;
}

.yes-no__row {
	display: grid;
	grid-template-columns: 1fr auto auto;
	gap: 1rem;
	align-items: center;
	padding: 0.65rem 0;
	border-bottom: 1px solid var(--wp--preset--color--dark-teal-20);
}

.yes-no__row label {
	display: inline-flex;
	gap: 0.35rem;
	align-items: center;
	cursor: pointer;
}

@media (max-width: 560px) {
	.form-grid {
		grid-template-columns: 1fr;
	}

	.yes-no__row {
		grid-template-columns: 1fr auto auto;
		font-size: var(--wp--preset--font-size--small);
	}
}

/* =========================================================
 * New home sections (review round)
 * ========================================================= */

/* Industries */
.industries {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: var(--wp--preset--spacing--60);
	align-items: center;
}

.industries__intro .eyebrow {
	margin: 0 0 0.75rem;
	color: var(--wp--preset--color--dark-teal-80);
}

.industries__lead {
	margin: 1.25rem 0;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--medium);
}

.industries__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.industry {
	display: flex;
	gap: 0.9rem;
	align-items: center;
	box-sizing: border-box;
	height: 100%;
	color: inherit;
	text-decoration: none;
	padding: 1rem 1.1rem;
	border: 1px solid var(--wp--preset--color--dark-teal-20);
	border-radius: var(--wp--custom--radius--button);
	font-weight: 400;
	line-height: 1.3;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

.industry:hover {
	border-color: var(--wp--preset--color--light-teal);
	background: var(--wp--preset--color--light-teal-20);
}

.industry__icon {
	display: inline-flex;
	flex: none;
	padding: 0.55rem;
	border-radius: 12px;
	background: var(--wp--preset--color--light-teal-20);
	color: var(--wp--preset--color--dark-teal);
}

/* People strip */
/* One column per person (--count, set by the pattern): one row on desktop. */
.people-strip {
	display: grid;
	grid-template-columns: repeat(var(--count, 5), minmax(0, 1fr));
	gap: 1.25rem;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.people-strip a {
	display: grid;
	gap: 0.3rem;
	color: var(--wp--preset--color--dark-teal);
	text-decoration: none;
}

.people-strip__photo {
	display: block;
	margin-bottom: 0.6rem;
	overflow: hidden;
	aspect-ratio: 350 / 380;
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--base);
}

.people-strip__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.people-strip a:hover .people-strip__photo img {
	transform: scale(1.04);
}

.people-strip__name {
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 400;
}

.people-strip__role {
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.4;
}

/* Billy band */
.billy-band {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: var(--wp--preset--spacing--50);
	align-items: center;
	padding: var(--wp--preset--spacing--60);
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
}

.billy-band__logo {
	display: block;
	height: 48px;
	width: auto;
	margin-bottom: 1.5rem;
}

.billy-band__title {
	margin: 0;
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -0.01em;
}

.billy-band__lead {
	margin: 1.25rem 0 0;
	color: var(--wp--preset--color--light-teal-20);
	font-size: var(--wp--preset--font-size--medium);
}

.billy-band__actions {
	justify-content: flex-start;
}

.billy-band__points {
	display: grid;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.billy-band__points li {
	position: relative;
	padding: 1rem 1.1rem 1rem 3.1rem;
	border: 1px solid rgb(173 233 233 / 0.25);
	border-radius: var(--wp--custom--radius--button);
	background: rgb(255 255 255 / 0.05);
	font-weight: 400;
}

.billy-band__points li::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1rem;
	width: 1.35rem;
	height: 1.35rem;
	border-radius: 7px;
	background: var(--wp--preset--color--light-teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%2300323c' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 72% no-repeat;
	transform: translateY(-50%);
}

/* Accreditations: heading row, then five even items; logos fill their badge. */
.accreditations {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--wp--preset--spacing--40);
	align-items: center;
}

.accreditations__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
}

.accreditations__title {
	margin: 0;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 400;
	line-height: 1.3;
}

.accreditations__list {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.accreditation {
	display: flex;
	gap: 0.75rem;
	align-items: center;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.35;
}

.accreditation strong {
	display: block;
	color: var(--wp--preset--color--dark-teal);
	font-weight: 400;
}

.accreditation__badge {
	display: grid;
	flex: none;
	place-items: center;
	width: 56px;
	height: 56px;
	overflow: hidden;
	padding: 6px;
	box-sizing: border-box;
	border-radius: 12px;
	background: var(--wp--preset--color--base);
	box-shadow: inset 0 0 0 1px var(--wp--preset--color--dark-teal-20);
}

.accreditation__badge img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	filter: grayscale(1);
	opacity: 0.85;
	transition: filter 0.2s ease, opacity 0.2s ease;
}

.accreditation:hover .accreditation__badge img {
	filter: none;
	opacity: 1;
}

.accreditation__badge--nexia img {
	filter: none;
	opacity: 1;
}

.accreditations__more {
	margin: 0;
	white-space: nowrap;
}

@media (max-width: 1180px) {
	.accreditations__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 960px) {
	.industries,
	.billy-band {
		grid-template-columns: 1fr;
	}

	.billy-band {
		padding: var(--wp--preset--spacing--40);
	}

	.people-strip {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Tablets: up to four people stay on one row (three then one looks orphaned). */
@media (min-width: 601px) and (max-width: 960px) {
	.people-strip:not(:has(> :nth-child(5))) {
		grid-template-columns: repeat(var(--count, 4), minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.industries__grid,
	.accreditations__list {
		grid-template-columns: 1fr;
	}

	.people-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Insight cards: these must come after the 3-column desktop rule above. */
@media (max-width: 1024px) {
	.v2-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.v2-cards {
		grid-template-columns: 1fr;
	}
}

/* =========================================================
 * Inner-page sections (review round 2)
 * ========================================================= */

/* Service finder */
.finder {
	padding: var(--wp--preset--spacing--40);
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--base-2);
}

.finder__head {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: center;
	justify-content: space-between;
}

.finder__title {
	margin: 0;
	font-size: var(--wp--preset--font-size--x-large);
}

/* A search box: full width, a big field. */
.finder__search {
	display: flex;
	flex: 1 1 100%;
	gap: 0.5rem;
	align-items: center;
	padding: 0 0.9rem;
	border: 1px solid var(--wp--preset--color--dark-teal-20);
	border-radius: 12px;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--label);
}

.finder__search:focus-within {
	border-color: var(--wp--preset--color--light-teal);
	outline: 3px solid var(--wp--preset--color--light-teal-40);
}

.finder__search input {
	flex: 1;
	min-width: 0;
	padding: 1rem 0;
	border: 0;
	background: none;
	color: var(--wp--preset--color--dark-teal);
	font: inherit;
	outline: none;
}

.finder__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.5rem 1.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* No trailing gap when nothing is typed. */
.finder__list:not([hidden]) {
	margin-top: 1.25rem;
}

.finder__list a {
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	padding: 0.8rem 1rem;
	box-sizing: border-box;
	border-radius: 12px;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-teal);
	text-decoration: none;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.finder__list a:hover,
.finder__list a:focus-visible {
	box-shadow: 0 0 0 2px var(--wp--preset--color--light-teal);
}

.finder__need {
	line-height: 1.4;
}

.finder__service {
	flex: none;
	max-width: 45%;
	padding: 0.25rem 0.7rem;
	border-radius: 999px;
	background: var(--wp--preset--color--light-teal-20);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
	text-align: right;
}

.finder__service::after {
	content: " →";
}

.finder__empty {
	margin: 1rem 0 0;
}

/* Related services */
.related-services {
	margin-top: var(--wp--preset--spacing--60);
	padding-top: var(--wp--preset--spacing--50);
	border-top: 1px solid var(--wp--preset--color--dark-teal-20);
}

.related-services__title {
	margin: 0 0 var(--wp--preset--spacing--40);
	font-size: var(--wp--preset--font-size--x-large);
}

.related-services__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.related-service {
	display: grid;
	gap: 0.5rem;
	color: var(--wp--preset--color--dark-teal);
	text-decoration: none;
}

.related-service__media {
	display: block;
	margin-bottom: 0.5rem;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--base-2);
}

.related-service__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.related-service:hover .related-service__media img {
	transform: scale(1.04);
}

.related-service__title {
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 400;
}

.related-service__title::after {
	content: " →";
}

.related-service__text {
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
}

/* Featured article on News & Insights */
.featured-post {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: var(--wp--preset--spacing--50);
	align-items: center;
	margin-bottom: var(--wp--preset--spacing--60);
	padding-bottom: var(--wp--preset--spacing--50);
	border-bottom: 1px solid var(--wp--preset--color--dark-teal-20);
}

.featured-post__media {
	display: block;
	overflow: hidden;
	aspect-ratio: 1.91 / 1;
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--base-2);
}

.featured-post__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left center;
	transition: transform 0.5s ease;
}

.featured-post:hover .featured-post__media img {
	transform: scale(1.03);
}

.featured-post__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
	align-items: center;
	margin: 0 0 1rem;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
}

.featured-post__meta a {
	color: var(--wp--preset--color--dark-teal);
	font-weight: 400;
	text-decoration: none;
}

.featured-post__label {
	padding: 0.15rem 0.7rem;
	border-radius: 999px;
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
	font-weight: 400;
}

.featured-post__title {
	margin: 0;
	font-size: var(--wp--preset--font-size--xx-large);
	line-height: 1.1;
}

.featured-post__title a {
	text-decoration: none;
}

.featured-post__excerpt {
	margin: 1rem 0;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--medium);
}

@media (max-width: 960px) {
	.finder__list,
	.related-services__list,
	.featured-post {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.finder__list a {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5rem;
	}

	.finder__service {
		max-width: none;
		text-align: left;
	}
}

/* Component headings keep their own spacing inside page content. */
.entry-content .finder__title,
.entry-content .contact-form-wrap__title {
	margin-top: 0;
}

/* Form submit: a proper button, sized to its label, with an arrow. */
.contact-form .field:has(> button[type="submit"]) {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: center;
	margin-top: 0.5rem;
}

.contact-form button[type="submit"] {
	display: inline-flex;
	gap: 0.6rem;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 13rem;
	padding: 1rem 1.75rem;
	border-radius: var(--wp--custom--radius--button);
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--base);
	font-weight: 400;
	box-shadow: 0 10px 24px rgb(0 50 60 / 0.18);
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.contact-form button[type="submit"]::after {
	content: "→";
	transition: transform 0.2s ease;
}

.contact-form button[type="submit"]:hover,
.contact-form button[type="submit"]:focus-visible {
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
	transform: translateY(-1px);
	box-shadow: 0 14px 28px rgb(0 185 185 / 0.28);
}

.contact-form button[type="submit"]:hover::after {
	transform: translateX(4px);
}

.contact-form button[type="submit"]:focus-visible {
	outline: 3px solid var(--wp--preset--color--light-teal-40);
	outline-offset: 2px;
}

@media (max-width: 560px) {
	.contact-form button[type="submit"] {
		width: 100%;
	}
}

/* ---------- Teal glow: call-to-action surfaces with white text ----------
 * White on flat Light Teal fails AA (2.43:1, brand guidelines), so these use
 * Dark Teal with a Light Teal glow capped at 55% strength: at its brightest
 * the background is #00777C, where white text still measures about 5:1. */

.contact-quick__tile.contact-quick__tile--accent,
.service-card--cta.service-card--cta,
.content-card--link:has(a[href*="nexia.com/global-presence"]),
.c-tile--cta a,
.home-c .c-closing {
	--glow: radial-gradient(120% 140% at 100% 100%, rgb(0 185 185 / 0.55) 0%, rgb(0 185 185 / 0.28) 40%, rgb(0 185 185 / 0) 72%);
	border-color: transparent;
	background: var(--glow), var(--wp--preset--color--dark-teal) !important;
	color: var(--wp--preset--color--base) !important;
}

.service-card--cta.service-card--cta a,
.service-card--cta.service-card--cta h3,
.service-card--cta.service-card--cta p,
.content-card--link:has(a[href*="nexia.com/global-presence"]) a,
.content-card--link:has(a[href*="nexia.com/global-presence"]) p,
.content-card--link:has(a[href*="nexia.com/global-presence"])::after,
.contact-quick__tile--accent .contact-quick__label,
.contact-quick__tile--accent .contact-quick__note,
.contact-quick__tile--accent .contact-quick__value,
.c-closing__title,
.c-closing__lead,
.c-closing__line {
	color: var(--wp--preset--color--base) !important;
}

.contact-quick__tile.contact-quick__tile--accent .contact-quick__icon {
	background: rgb(255 255 255 / 0.12);
	color: var(--wp--preset--color--light-teal);
}

.service-card--cta.service-card--cta:hover,
.content-card--link:has(a[href*="nexia.com/global-presence"]):hover,
.c-tile--cta a:hover {
	--glow: radial-gradient(130% 150% at 100% 100%, rgb(0 185 185 / 0.55) 0%, rgb(0 185 185 / 0.35) 45%, rgb(0 185 185 / 0) 80%);
}

.c-closing__trails {
	background: url("assets/images/light-trails-teal.webp") right center / cover no-repeat;
	opacity: 0.45;
	mask-image: linear-gradient(90deg, transparent 25%, #000 80%);
}

/* ---------- Search results ---------- */

.site-search {
	max-width: 52rem;
}

.site-search__count {
	margin: 0 0 1rem;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
}

.site-search__list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--wp--preset--color--dark-teal-20);
}

.search-hit a {
	display: grid;
	gap: 0.35rem;
	margin: 0 -1.25rem;
	padding: 1.35rem 1.25rem;
	border-bottom: 1px solid var(--wp--preset--color--dark-teal-20);
	border-radius: 0;
	color: var(--wp--preset--color--dark-teal);
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.search-hit a:hover,
.search-hit a:focus-visible {
	background: var(--wp--preset--color--light-teal-20);
}

.search-hit__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.75rem;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
}

.search-hit__type {
	color: var(--wp--preset--color--dark-teal);
	font-weight: 400;
}

.search-hit__title {
	font-size: var(--wp--preset--font-size--large);
	font-weight: 400;
	line-height: 1.25;
}

.search-hit a:hover .search-hit__title {
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--light-teal);
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

.search-hit__excerpt {
	color: var(--wp--preset--color--dark-teal-80);
	line-height: 1.55;
}

.search-hit__path {
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
}

.search-suggest__title {
	margin: 0 0 0.75rem;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 400;
}

.site-search__help {
	margin-top: 2rem;
}

.site-search__pages ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 2rem 0 0;
	padding: 0;
	list-style: none;
}

.site-search__pages .page-numbers {
	display: inline-block;
	padding: 0.4rem 0.8rem;
	border-radius: 12px;
	color: var(--wp--preset--color--dark-teal);
	text-decoration: none;
}

.site-search__pages .page-numbers.current {
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
}

/* ---------- Contact page ---------- */

/* The banner leaves room for the quick tiles to overlap it. */
main:has(.contact-quick) > .page-banner {
	padding-bottom: calc(var(--wp--preset--spacing--60) + 5rem) !important;
}

.contact-v3 {
	display: grid;
	gap: var(--wp--preset--spacing--60);
}

.contact-quick {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	margin: calc(-1 * var(--wp--preset--spacing--60) - 5rem) 0 0;
	padding: 0;
	list-style: none;
}

.contact-quick__tile {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	padding: 1.75rem;
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--base);
	box-shadow: 0 18px 50px rgb(0 50 60 / 0.14);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.contact-quick__tile:hover {
	transform: translateY(-3px);
	box-shadow: 0 24px 60px rgb(0 50 60 / 0.2);
}

.contact-quick__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin-bottom: 0.75rem;
	border-radius: var(--wp--custom--radius--button);
	background: var(--wp--preset--color--light-teal-20);
	color: var(--wp--preset--color--dark-teal);
}

.contact-quick__label {
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
}

.contact-quick__value {
	color: var(--wp--preset--color--dark-teal);
	font-size: var(--wp--preset--font-size--large);
	font-style: normal;
	font-weight: 400;
	line-height: 1.25;
	text-decoration: none;
}

.contact-quick__value--address {
	font-size: var(--wp--preset--font-size--medium);
}

/* The whole tile is the link target for call and email. */
a.contact-quick__value::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
}

.contact-quick__note {
	margin-top: auto;
	padding-top: 0.5rem;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
}

a.contact-quick__note {
	position: relative;
	z-index: 1;
	color: var(--wp--preset--color--dark-teal);
}

.contact-main {
	display: grid;
	grid-template-columns: 1.35fr 1fr;
	gap: var(--wp--preset--spacing--50);
	align-items: start;
}

.contact-v3 .contact-form-wrap {
	padding: clamp(1.5rem, 3vw, 2.75rem);
	border: 0;
	background: var(--wp--preset--color--base-2);
}

.contact-v3 .contact-form input:not([type="checkbox"]),
.contact-v3 .contact-form select,
.contact-v3 .contact-form textarea {
	background-color: var(--wp--preset--color--base);
}

.contact-side {
	display: grid;
	gap: 1.25rem;
	/* Title lines up with the form card's title. */
	padding-top: clamp(1.5rem, 3vw, 2.75rem);
}

.contact-side__title {
	margin: 0;
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 400;
	line-height: 1.15;
}

.partner-cards {
	display: grid;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.partner-card {
	display: flex;
	gap: 1rem;
	align-items: center;
	padding: 0.9rem;
	border: 1px solid var(--wp--preset--color--dark-teal-20);
	border-radius: var(--wp--custom--radius--device) 0;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

.partner-card:hover {
	border-color: var(--wp--preset--color--light-teal);
	background: var(--wp--preset--color--light-teal-20);
}

.partner-card__photo {
	flex: none;
	width: 72px;
	height: 72px;
	overflow: hidden;
	border-radius: 20px 0;
	background: var(--wp--preset--color--base-2);
}

.partner-card__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}

.partner-card__text {
	display: grid;
	gap: 0.1rem;
	min-width: 0;
}

.partner-card__name {
	font-weight: 400;
}

.partner-card__role {
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
}

.partner-card__areas {
	color: var(--wp--preset--color--dark-teal);
	font-size: var(--wp--preset--font-size--small);
}

.partner-card__email {
	display: inline-block;
	min-height: 24px;
	overflow-wrap: anywhere;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
}

.contact-side__billy {
	padding: 1.25rem 1.5rem;
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
}

.contact-side__billy p {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
}

.contact-side__billy .contact-side__billy-title {
	margin-bottom: 0.25rem;
	color: var(--wp--preset--color--light-teal);
	font-weight: 400;
}

.contact-side__billy a {
	color: var(--wp--preset--color--base);
}

.contact-side__more {
	margin: 0;
}

.contact-map {
	position: relative;
	min-height: 420px;
	overflow: hidden;
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--base-2);
}

.contact-map__frame {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	filter: grayscale(0.85) contrast(1.05);
}

.contact-map__card {
	position: relative;
	display: grid;
	gap: 0.35rem;
	width: min(22rem, calc(100% - 2rem));
	margin: 1.5rem;
	padding: 1.75rem;
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
	box-shadow: 0 18px 50px rgb(0 50 60 / 0.25);
}

.contact-map__card .contact-quick__label {
	color: var(--wp--preset--color--light-teal);
}

.contact-map__title {
	margin: 0;
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--xx-large);
	line-height: 1.05;
}

.contact-map__card address {
	margin: 0.5rem 0 1.25rem;
	font-style: normal;
	line-height: 1.6;
}

.contact-map__btn.contact-map__btn {
	justify-self: start;
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
}

@media (max-width: 1000px) {
	.contact-main {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 760px) {
	.contact-quick {
		grid-template-columns: 1fr;
	}

	.contact-quick__tile {
		padding: 1.35rem;
	}

	.contact-map {
		display: flex;
		flex-direction: column;
		min-height: 0;
	}

	.contact-map__frame {
		position: static;
		height: 280px;
	}

	.contact-map__card {
		width: auto;
		margin: 0;
		border-radius: 0;
	}
}

/* =====================================================================
 * Home C (/home-v3/): bold, interactive
 * ===================================================================== */

.home-c section.alignfull {
	padding-inline: var(--wp--style--root--padding-left, var(--wp--preset--spacing--40));
}

.home-c section .alignwide {
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
}

.c-kicker {
	margin: 0 0 0.75rem;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
	letter-spacing: 0.02em;
}

.c-h2 {
	margin: 0;
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: 400;
	line-height: 1.08;
	letter-spacing: -0.02em;
}

.c-h2 span {
	color: var(--wp--preset--color--dark-teal-60);
}

.c-section {
	padding-block: var(--wp--preset--spacing--70);
}

.c-section__head {
	max-width: 46rem;
	margin: 0 auto var(--wp--preset--spacing--50);
	text-align: center;
}

.home-c .c-section__head--row {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 2rem;
	align-items: end;
	justify-content: space-between;
	max-width: var(--wp--style--global--wide-size);
	text-align: left;
}

.c-section__head--row .arrow-link {
	margin: 0;
}

.c-section__lead {
	margin: 1rem auto 0;
	max-width: 38rem;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--medium);
}

.c-btn {
	display: inline-flex;
	gap: 0.5rem;
	align-items: center;
	justify-content: center;
	padding: 0.95rem 1.6rem;
	border: 2px solid transparent;
	border-radius: var(--wp--custom--radius--button);
	font-weight: 400;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.c-btn:hover {
	transform: translateY(-1px);
}

.c-btn--light {
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
}

.c-btn--light::after {
	content: "→";
	transition: transform 0.2s ease;
}

.c-btn--light:hover {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-teal);
}

.c-btn--light:hover::after {
	transform: translateX(3px);
}

/* ---------- Hero ---------- */

.c-hero {
	position: relative;
	overflow: hidden;
	padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60);
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
}

.c-hero__trails {
	position: absolute;
	inset: 0;
	opacity: 0.7;
	pointer-events: none;
	/* The lines start behind the photo side and fade out over the text. */
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 32%, #000 62%);
	mask-image: linear-gradient(90deg, transparent 0%, transparent 32%, #000 62%);
}

/* Two layers of lines, each moved as a whole (cheap for the GPU, no
 * re-drawing), out of step so the bundle ripples like a wave. */
.c-hero__wave {
	position: absolute;
	inset: -6% 0;
	width: 100%;
	height: 112%;
	will-change: transform;
	animation: c-wave-a 9s ease-in-out infinite alternate;
}

.c-hero__wave--b {
	animation-name: c-wave-b;
	animation-duration: 11s;
}

@keyframes c-wave-a {
	from {
		transform: translate3d(-1.5%, 3%, 0) scaleY(0.94);
	}
	to {
		transform: translate3d(1.5%, -3%, 0) scaleY(1.06);
	}
}

@keyframes c-wave-b {
	from {
		transform: translate3d(1.5%, -2%, 0) scaleY(1.05);
	}
	to {
		transform: translate3d(-1.5%, 3%, 0) scaleY(0.95);
	}
}

.c-hero__inner {
	position: relative;
	display: grid;
	grid-template-columns: 1.25fr 0.75fr;
	gap: var(--wp--preset--spacing--50);
	align-items: center;
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
}

@keyframes c-pulse {
	70% {
		box-shadow: 0 0 0 10px rgb(0 185 185 / 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgb(0 185 185 / 0);
	}
}

.c-hero__title {
	margin: 0;
	color: var(--wp--preset--color--base);
	font-size: clamp(2.5rem, 4.6vw, 4.25rem);
	font-weight: 400;
	line-height: 1.02;
	letter-spacing: -0.03em;
}

.c-hero__title span {
	display: block;
	background: linear-gradient(90deg, var(--wp--preset--color--light-teal), var(--wp--preset--color--light-teal-40));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.c-hero__lead {
	max-width: 36rem;
	color: var(--wp--preset--color--light-teal-40);
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.55;
}

.c-picker fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

.c-picker__legend {
	margin-bottom: 0.85rem;
	padding: 0;
	color: var(--wp--preset--color--base);
	font-weight: 400;
}

.c-picker__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0 0 1.5rem;
	padding: 0;
	list-style: none;
}

.c-chip {
	position: relative;
	display: block;
	cursor: pointer;
}

.c-chip input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.c-chip span {
	display: inline-flex;
	gap: 0.4rem;
	align-items: center;
	padding: 0.55rem 1rem;
	border: 1px solid rgb(255 255 255 / 0.25);
	border-radius: 999px;
	/* Solid, so the hero's wave lines don't show through. */
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
}

.c-chip span::before {
	content: "+";
	color: var(--wp--preset--color--light-teal);
	font-weight: 700;
}

.c-chip:hover span {
	border-color: var(--wp--preset--color--light-teal);
}

.c-chip input:checked + span {
	border-color: var(--wp--preset--color--light-teal);
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
}

.c-chip input:checked + span::before {
	content: "✓";
	color: var(--wp--preset--color--dark-teal);
}

.c-chip input:focus-visible + span {
	outline: 2px solid var(--wp--preset--color--base);
	outline-offset: 3px;
}

.c-chip:active span {
	transform: scale(0.97);
}

.c-picker__go {
	display: flex;
	flex-wrap: wrap;
}

.c-hero__visual {
	position: relative;
}

@keyframes c-float {
	50% {
		transform: translateY(-8px);
	}
}

/* ---------- Marquee ---------- */

.home-c .c-marquee {
	position: relative;
	padding-block: 1.4rem;
	padding-inline: 0;
	border-bottom: 1px solid var(--wp--preset--color--dark-teal-20);
}

.c-marquee__viewport {
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.c-marquee__track {
	display: flex;
	width: max-content;
	animation: c-marquee 40s linear infinite;
}

.c-marquee:hover .c-marquee__track,
.c-marquee:focus-within .c-marquee__track,
.c-marquee.is-paused .c-marquee__track {
	animation-play-state: paused;
}

.c-marquee__toggle {
	position: absolute;
	top: 50%;
	right: var(--wp--style--root--padding-right, 1rem);
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 1px solid var(--wp--preset--color--dark-teal-20);
	border-radius: 50%;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-teal);
	cursor: pointer;
	transform: translateY(-50%);
}

.c-marquee__toggle svg {
	fill: currentColor;
}

.c-marquee__play,
.c-marquee__toggle[aria-pressed="true"] .c-marquee__pause {
	display: none;
}

.c-marquee__toggle[aria-pressed="true"] .c-marquee__play {
	display: inline;
}

@keyframes c-marquee {
	to {
		transform: translateX(-50%);
	}
}

.c-marquee__row {
	display: flex;
	flex: none;
	align-items: center;
	gap: 3rem;
	margin: 0;
	padding: 0 1.5rem;
	list-style: none;
}

.c-marquee__item {
	display: flex;
	align-items: center;
	color: var(--wp--preset--color--dark-teal-80);
	font-weight: 400;
	white-space: nowrap;
}

.c-marquee__item span::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 0.75rem;
	border-radius: 50%;
	background: var(--wp--preset--color--light-teal);
	vertical-align: middle;
}

.c-marquee__item img {
	height: 32px;
	width: auto;
	filter: grayscale(1);
	opacity: 0.75;
}

/* ---------- Bento ---------- */

.c-bento {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: minmax(15rem, auto);
	gap: 1rem;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.c-tile a {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
	overflow: hidden;
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--base-2);
	color: var(--wp--preset--color--dark-teal);
	text-decoration: none;
	transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease;
}

.c-tile a:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 50px rgb(0 50 60 / 0.15);
}

.c-tile--wide {
	grid-column: span 2;
}

.c-tile--tall {
	grid-row: span 2;
}

.c-tile__media {
	position: absolute;
	inset: 0;
}

.c-tile__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.c-tile a:hover .c-tile__media img {
	transform: scale(1.05);
}

.c-tile__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgb(0 50 60 / 0.92) 0%, rgb(0 50 60 / 0.35) 55%, rgb(0 50 60 / 0) 100%);
}

.c-tile:has(.c-tile__media) a {
	color: var(--wp--preset--color--base);
}

.c-tile--billy a {
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
}

.c-tile__logo {
	position: absolute;
	top: 1.75rem;
	left: 1.75rem;
	width: 88px;
	height: auto;
}

.c-tile__body {
	position: relative;
	display: grid;
	gap: 0.5rem;
	padding: 1.75rem;
}

.c-tile__title {
	font-size: var(--wp--preset--font-size--large);
	font-weight: 400;
	line-height: 1.15;
}

.c-tile__text {
	max-width: 30rem;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
	opacity: 0.85;
}

.c-tile__go {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
	transform: rotate(-45deg);
	transition: transform 0.3s ease;
}

.c-tile:not(:has(.c-tile__media)) .c-tile__go {
	position: static;
	order: -1;
	margin-bottom: auto;
}

.c-tile:not(:has(.c-tile__media)):not(.c-tile--billy) .c-tile__body {
	height: 100%;
	align-content: space-between;
}

.c-tile--cta a {
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
}

.c-tile--cta .c-tile__go {
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
}

.c-tile--cta .c-tile__text {
	opacity: 1;
}

.c-tile--billy .c-tile__go {
	display: none;
}

.c-tile a:hover .c-tile__go {
	transform: rotate(0);
}

/* ---------- Numbers ---------- */

/* Dark Teal band of figures (the home page and Home A). */
.c-numbers {
	padding-block: var(--wp--preset--spacing--60);
	padding-inline: var(--wp--style--root--padding-left, var(--wp--preset--spacing--40));
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
}

.c-numbers__list {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 2rem;
	max-width: var(--wp--style--global--wide-size);
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.c-number {
	display: grid;
	gap: 0.35rem;
	padding-left: 1.25rem;
	border-left: 2px solid var(--wp--preset--color--light-teal);
}

.c-number__figure {
	white-space: nowrap;
}

.c-number__value,
.c-number__suffix {
	font-size: clamp(2.5rem, 4.5vw, 4rem);
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.03em;
	font-variant-numeric: tabular-nums;
}

.c-number__suffix {
	color: var(--wp--preset--color--light-teal);
}

.c-number__label {
	color: var(--wp--preset--color--light-teal-40);
	font-size: var(--wp--preset--font-size--small);
}

/* Capitalised in every language: TranslatePress shares one translation
 * between "countries in the Nexia network" (hero label, after a number)
 * and "Countries in the Nexia network" (here). */
.c-number__label::first-letter {
	text-transform: uppercase;
}

/* ---------- Story (sticky scroll) ---------- */

.c-story__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--wp--preset--spacing--60);
	align-items: start;
}

.c-story__sticky {
	position: sticky;
	top: 7rem;
}

.c-story__progress {
	display: flex;
	gap: 0.5rem;
	margin: 1.75rem 0;
	padding: 0;
	list-style: none;
}

.c-story__progress li {
	padding: 0.3rem 0.7rem;
	border-radius: 999px;
	background: var(--wp--preset--color--base-2);
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.c-story__progress li.is-active {
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
}

.c-story__images {
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--base-2);
}

.c-story__images img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transform: scale(1.06);
	transition: opacity 0.6s ease, transform 1.2s ease;
}

.c-story__images img.is-active {
	opacity: 1;
	transform: none;
}

.c-story__panel {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 70vh;
	padding-left: 1.75rem;
	border-left: 3px solid var(--wp--preset--color--dark-teal-20);
	transition: border-color 0.4s ease;
}

.c-story__panel.is-active {
	border-left-color: var(--wp--preset--color--light-teal);
}

.c-story__num {
	margin: 0 0 0.5rem;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 400;
}

.c-story__title {
	margin: 0 0 1rem;
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 400;
	line-height: 1.1;
}

.c-story__text {
	margin: 0 0 1.5rem;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.6;
}

.c-story__inline-image {
	display: none;
}

.c-story__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.c-story__links a {
	display: inline-block;
	padding: 0.5rem 0.95rem;
	border: 1px solid var(--wp--preset--color--dark-teal-20);
	border-radius: 999px;
	color: var(--wp--preset--color--dark-teal);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
	text-decoration: none;
}

.c-story__links a::after {
	content: " →";
}

.c-story__links a:hover {
	border-color: var(--wp--preset--color--light-teal);
	background: var(--wp--preset--color--light-teal-20);
}

/* ---------- People ---------- */

.home-c .c-people {
	background: var(--wp--preset--color--base-2);
}

.c-people__list {
	display: grid;
	grid-template-columns: repeat(var(--count, 5), 1fr);
	gap: 1rem;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.c-person a {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	padding: 0.75rem 0.75rem 1.25rem;
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-teal);
	text-decoration: none;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.c-person a:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 40px rgb(0 50 60 / 0.12);
}

.c-person__photo {
	display: block;
	aspect-ratio: 1;
	margin-bottom: 0.75rem;
	overflow: hidden;
	border-radius: 22px 0;
}

.c-person__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	transition: transform 0.5s ease;
}

.c-person a:hover .c-person__photo img {
	transform: scale(1.04);
}

.c-person__name {
	padding-inline: 0.25rem;
	font-size: var(--wp--preset--font-size--label);
	font-weight: 400;
}

.c-person__role {
	padding-inline: 0.25rem;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
}

.c-person__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem;
	margin-top: 0.4rem;
	padding-inline: 0.25rem;
}

.c-person__chips span {
	padding: 0.15rem 0.55rem;
	border-radius: 999px;
	background: var(--wp--preset--color--light-teal-20);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
}

.c-person__former {
	margin-top: auto;
	padding: 0.6rem 0.25rem 0;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
}

/* ---------- Closing ---------- */

.home-c .c-closing-wrap {
	padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--70);
}

.home-c .c-closing {
	position: relative;
	display: grid;
	grid-template-columns: 1.3fr 1fr;
	gap: 2rem;
	align-items: center;
	padding: clamp(2rem, 5vw, 4.5rem);
	overflow: hidden;
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
}

.c-closing__trails {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.c-closing__copy,
.c-closing__actions {
	position: relative;
	z-index: 1;
}

.c-closing__title {
	margin: 0;
	color: var(--wp--preset--color--dark-teal);
	font-size: clamp(2.25rem, 4.5vw, 4rem);
	font-weight: 400;
	line-height: 1.02;
	letter-spacing: -0.03em;
}

.c-closing__lead {
	margin: 1rem 0 0;
	font-size: var(--wp--preset--font-size--medium);
}

.c-closing__actions {
	display: grid;
	gap: 0.75rem;
	justify-items: start;
}

.c-closing__line {
	color: var(--wp--preset--color--dark-teal);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 400;
	text-decoration: none;
}

.c-closing__line:hover {
	text-decoration: underline;
}

/* ---------- Home C: smaller screens ---------- */

@media (max-width: 1100px) {
	.c-people__list {
		grid-template-columns: repeat(3, 1fr);
	}

	/* Four people: two by two, not three then one. */
	.c-people__list:has(> :nth-child(4):last-child) {
		grid-template-columns: repeat(2, 1fr);
	}

	.c-numbers__list {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 960px) {
	.c-hero__inner,
	.c-story__grid,
	.home-c .c-closing {
		grid-template-columns: 1fr;
	}

	.c-hero__visual {
		padding-left: 0;
	}

	.c-bento {
		grid-template-columns: repeat(2, 1fr);
	}

	.c-tile--tall {
		grid-row: span 1;
	}

	.c-tile--fill-row {
		grid-column: span 2;
	}

	/* No sticky story on narrow screens: each panel shows its own image. */
	.c-story__sticky {
		position: static;
	}

	.c-story__progress,
	.c-story__images {
		display: none;
	}

	.c-story__panel {
		min-height: 0;
		padding-block: 1.5rem;
		padding-left: 0;
		border-left: 0;
	}

	.c-story__inline-image {
		display: block;
		order: -1;
		width: 100%;
		aspect-ratio: 16 / 9;
		margin-bottom: 1.25rem;
		object-fit: cover;
		border-radius: var(--wp--custom--radius--device) 0;
	}
}

@media (max-width: 640px) {
	.c-bento,
	.c-people__list {
		grid-template-columns: 1fr;
	}

	.c-tile--wide,
	.c-tile--fill-row {
		grid-column: span 1;
	}

	.c-numbers__list {
		grid-template-columns: 1fr 1fr;
	}

	/* An odd one out takes the whole last row. */
	.c-numbers__list > :last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}

}

@media (prefers-reduced-motion: reduce) {
	.c-hero__wave,
	.c-marquee__track {
		animation: none;
	}

	/* No motion: the strip wraps onto lines instead of scrolling. */
	.c-marquee__viewport {
		-webkit-mask-image: none;
		mask-image: none;
	}

	.c-marquee__track {
		width: auto;
	}

	.c-marquee__row {
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 1rem;
	}

	.c-marquee__row[aria-hidden="true"],
	.c-marquee__toggle {
		display: none;
	}
}

.finder__list[hidden] {
	display: none;
}

/* Home C: room for the arrow beside photo-tile titles. */
.c-tile:has(.c-tile__media) .c-tile__body {
	padding-right: 4.75rem;
}

/* Home C: leadership swipes sideways on phones. */
@media (max-width: 640px) {
	.home-c .c-people__list {
		display: flex;
		gap: 0.75rem;
		margin-inline: calc(-1 * var(--wp--style--root--padding-left, 1rem));
		padding-inline: var(--wp--style--root--padding-left, 1rem);
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: var(--wp--style--root--padding-left, 1rem);
		scrollbar-width: none;
	}

	.home-c .c-person {
		flex: 0 0 72%;
		scroll-snap-align: start;
	}
}

/* Safari sizes search inputs by their intrinsic width (~20 characters), which
 * pushed the finder past the screen on iPhones. */
.finder__search,
.mnav__search {
	box-sizing: border-box;
	min-width: 0;
	max-width: 100%;
}

.finder__search input,
.mnav__search input,
.banner-search input {
	width: 100%;
	min-width: 0;
}

/* Home C hero photo: keep the face in frame in the tall crop. */

/* Teal glow touch-ups: the arrow keeps its Light Teal disc; the contact tile
 * keeps its edge where it overlaps the Dark Teal banner. */
.c-tile.c-tile--cta .c-tile__go {
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
}

.contact-quick__tile.contact-quick__tile--accent {
	box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.14), 0 18px 50px rgb(0 50 60 / 0.25);
}

/* Home A hero: keep the network card on the shoulder, clear of the face. */

/* ---------- Home C (editorial) hero: panoramic photo + stats bar ---------- */

.v2-stage {
	position: relative;
	margin-top: var(--wp--preset--spacing--50);
	padding-bottom: 3.5rem;
}

.v2-stage__photo {
	overflow: hidden;
	aspect-ratio: 21 / 8;
	border-radius: var(--wp--custom--radius--device) 0;
}

.v2-stage__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.v2-stage__stats {
	position: absolute;
	right: 6%;
	bottom: 0;
	left: 6%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin: 0;
	padding: 1.5rem 0;
	list-style: none;
	border-radius: 24px;
	background: var(--wp--preset--color--base);
	box-shadow: 0 24px 60px rgb(0 50 60 / 0.16);
}

.v2-stage__stats li {
	display: grid;
	gap: 0.2rem;
	padding: 0 1.75rem;
	border-left: 1px solid var(--wp--preset--color--dark-teal-20);
}

.v2-stage__stats li:first-child {
	border-left: 0;
}

.v2-stage__stats strong {
	color: var(--wp--preset--color--dark-teal);
	font-size: clamp(1.75rem, 2.6vw, 2.5rem);
	font-weight: 400;
	line-height: 1.05;
	letter-spacing: -0.02em;
}

.v2-stage__stats span {
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.4;
}

@media (max-width: 900px) {
	.v2-stage__photo {
		aspect-ratio: 16 / 10;
		border-radius: var(--wp--custom--radius--device) 0;
	}

	.v2-stage {
		padding-bottom: 0;
	}

	.v2-stage__stats {
		position: relative;
		inset: auto;
		grid-template-columns: 1fr 1fr;
		gap: 1.25rem 0;
		margin: -2.5rem 1rem 0;
	}

	.v2-stage__stats li:nth-child(3) {
		border-left: 0;
	}
}

@media (max-width: 900px) {
	.v2-stage__stats li {
		padding: 0 1rem;
	}
}

/* Leadership cards: the link fills the card without overflowing it (a
 * percentage height overflowed inside the phone carousel and was clipped). */
.c-person {
	display: flex;
}

.c-person a {
	flex: 1;
	height: auto;
}

/* ---------- Topic insights on service pages: text cards like the home
 * page's service cards (date, title, summary, Read more) ---------- */

.insight-card {
	position: relative;
	gap: 0.6rem;
	height: 100%;
	min-height: 15rem;
	padding: var(--wp--preset--spacing--40);
	box-sizing: border-box;
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--base-2);
	transition: background-color 0.25s ease, transform 0.25s ease;
}

.insight-card:hover {
	background: var(--wp--preset--color--light-teal-20);
	transform: translateY(-4px);
}

.insight-card > * {
	margin: 0;
}

.insight-card .wp-block-post-date {
	color: var(--wp--preset--color--dark-teal-80);
}

.insight-card .wp-block-post-title {
	margin-top: 0;
	line-height: 1.25;
}

/* Whole card is clickable via the title link. */
.insight-card .wp-block-post-title a {
	text-decoration: none;
}

.insight-card .wp-block-post-title a::before {
	content: "";
	position: absolute;
	inset: 0;
}

.insight-card .wp-block-post-excerpt {
	color: var(--wp--preset--color--dark-teal-80);
	line-height: 1.55;
}

.insight-card .wp-block-read-more {
	margin-top: auto;
}

/* ---------- Management team: one profile row per person ---------- */

.page-layout__main .people-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	align-items: start;
}

.people-grid .person-card {
	display: grid;
	grid-template-columns: 168px minmax(0, 1fr);
	column-gap: 2rem;
	align-items: start;
	padding: 1.75rem;
	border: 1px solid var(--wp--preset--color--dark-teal-20);
	background: var(--wp--preset--color--base);
}

.people-grid .person-card > * {
	grid-column: 2;
}

.people-grid .person-card > .wp-block-post-featured-image {
	grid-column: 1;
	grid-row: 1 / span 6;
	margin: 0;
}

.people-grid .person-card > .wp-block-post-featured-image img {
	width: 168px;
	height: 196px;
	border-radius: var(--wp--custom--radius--device) 0;
	object-fit: cover;
	object-position: top;
	background: var(--wp--preset--color--base-2);
}

.people-grid .person-card h2 {
	margin: 0;
}

.people-grid .person-card > * + * {
	margin-top: 0.5rem;
}

/* Bio (post content) and the email link from the Team post. */
.people-grid .person-card .wp-block-post-content > * + * {
	margin-top: 0.5rem;
}

.person-card__email .wp-block-button__link {
	padding: 0;
	border-radius: 0;
	background: none;
	color: var(--wp--preset--color--dark-teal);
	font-size: inherit;
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--light-teal);
	text-underline-offset: 4px;
}

.people-grid .person-card .person-card__role {
	display: inline-block;
	justify-self: start;
	margin-bottom: 0.5rem;
	padding: 0.2rem 0.7rem;
	border-radius: 999px;
	background: var(--wp--preset--color--light-teal-20);
	color: var(--wp--preset--color--dark-teal);
	font-size: var(--wp--preset--font-size--small);
}

.people-grid .person-card .person-card__areas {
	margin: 0 0 0.75rem;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
}

@media (max-width: 640px) {
	.people-grid .person-card {
		grid-template-columns: 1fr;
		padding: 1.25rem;
	}

	.people-grid .person-card > *,
	.people-grid .person-card > .wp-block-post-featured-image {
		grid-column: 1;
		grid-row: auto;
	}

	.people-grid .person-card > .wp-block-post-featured-image img {
		width: 120px;
		height: 140px;
	}
}

/* ---------- Transparency reports: year cards ---------- */

.report-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.report-card a {
	position: relative;
	display: grid;
	gap: 0.25rem;
	padding: 1.5rem;
	border: 1px solid var(--wp--preset--color--dark-teal-20);
	border-radius: var(--wp--custom--radius--device) 0;
	color: var(--wp--preset--color--dark-teal);
	text-decoration: none;
	transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.report-card a::after {
	content: "↓";
	position: absolute;
	top: 1.25rem;
	right: 1.25rem;
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--wp--preset--color--light-teal-20);
}

.report-card a:hover {
	border-color: var(--wp--preset--color--light-teal);
	transform: translateY(-2px);
}

.report-card__label,
.report-card__file {
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
}

.report-card__year {
	margin: 0.5rem 0 0.25rem;
	font-size: var(--wp--preset--font-size--xx-large);
	line-height: 1;
	letter-spacing: -0.02em;
}

.report-card--latest a {
	border-color: transparent;
	background: radial-gradient(120% 140% at 100% 100%, rgb(0 185 185 / 0.55) 0%, rgb(0 185 185 / 0.25) 40%, rgb(0 185 185 / 0) 72%), var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
}

.report-card--latest .report-card__label,
.report-card--latest .report-card__file {
	color: var(--wp--preset--color--light-teal-40);
}

.report-card--latest a::after {
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--dark-teal);
}

/* ---------- Awards: one row per accreditation, with its logo ---------- */

.award-list {
	display: grid;
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.award {
	display: grid;
	grid-template-columns: 7rem minmax(0, 1fr);
	gap: 1.75rem;
	align-items: center;
	padding: 1.5rem 1.75rem;
	border: 1px solid var(--wp--preset--color--dark-teal-20);
	border-radius: var(--wp--custom--radius--device) 0;
}

.award__logo {
	display: grid;
	place-items: center;
	height: 5rem;
	padding: 0.75rem;
	border-radius: var(--wp--custom--radius--button);
	background: var(--wp--preset--color--base-2);
}

.award__logo img {
	max-width: 100%;
	max-height: 3.25rem;
	object-fit: contain;
}

.award__body > p {
	margin: 0;
}

.award__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.75rem;
	align-items: baseline;
	margin-bottom: 0.4rem !important;
}

.award__meta strong {
	font-size: var(--wp--preset--font-size--large);
	font-weight: 400;
}

.award__meta span {
	padding: 0.15rem 0.6rem;
	border-radius: 999px;
	background: var(--wp--preset--color--light-teal-20);
	font-size: var(--wp--preset--font-size--small);
}

.award__text {
	color: var(--wp--preset--color--dark-teal-80);
	line-height: 1.6;
}

@media (max-width: 640px) {
	.award {
		grid-template-columns: 1fr;
		gap: 1rem;
		padding: 1.25rem;
	}

	.award__logo {
		justify-self: start;
		width: 7rem;
	}
}

.report-card {
	display: flex;
}

.report-card a {
	flex: 1;
	height: auto;
}

/* ---------- Guide tables ---------- */

.guide-table.wp-block-table {
	margin-block: 1.5rem;
	overflow-x: auto;
	border-radius: 24px 0;
	border: 1px solid var(--wp--preset--color--dark-teal-20);
}

.guide-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--wp--preset--font-size--small);
}

.guide-table thead {
	border: 0;
}

.guide-table th,
.guide-table td {
	padding: 0.85rem 1.1rem;
	border: 0;
	text-align: left;
	vertical-align: top;
}

.guide-table th {
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
	font-weight: 400;
}

.guide-table tbody tr:nth-child(even) {
	background: var(--wp--preset--color--base-2);
}

.guide-table tbody tr + tr td {
	border-top: 1px solid var(--wp--preset--color--dark-teal-20);
}

.guide-table td:first-child {
	color: var(--wp--preset--color--dark-teal);
}

.guide-table figcaption {
	margin: 0;
	padding: 0.6rem 1.1rem;
	border-top: 1px solid var(--wp--preset--color--dark-teal-20);
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
	text-align: left;
}

/* ---------- Guide chapter navigation (sidebar) ---------- */

.guide-nav__list {
	margin: 0 0 1rem;
	padding: 0;
	list-style: none;
	counter-reset: chapter;
}

/* The overview (first item) gets a dot; chapters are numbered 01, 02… */
.guide-nav__list li + li {
	counter-increment: chapter;
}

.guide-nav__list a {
	display: flex;
	gap: 0.65rem;
	padding: 0.5rem 0;
	border-bottom: 1px solid var(--wp--preset--color--dark-teal-20);
	color: var(--wp--preset--color--dark-teal);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.4;
	text-decoration: none;
}

.guide-nav__list li:first-child a::before {
	content: "·";
	min-width: 1.4rem;
	color: var(--wp--preset--color--dark-teal-80);
}

.guide-nav__list li + li a::before {
	content: counter(chapter, decimal-leading-zero);
	min-width: 1.4rem;
	color: var(--wp--preset--color--dark-teal-80);
	font-variant-numeric: tabular-nums;
}

.guide-nav__list a:hover {
	color: var(--wp--preset--color--dark-teal);
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--light-teal);
	text-underline-offset: 4px;
}

.guide-nav__list a[aria-current] {
	font-weight: 700;
}

.guide-nav__list a[aria-current]::before {
	color: var(--wp--preset--color--light-teal);
}

.guide-nav__pdf {
	display: inline-flex;
	min-height: 24px;
	gap: 0.4rem;
	align-items: center;
	color: var(--wp--preset--color--dark-teal);
	font-size: var(--wp--preset--font-size--small);
}

.guide-nav__pdf::after {
	content: "↓";
}

@media (max-width: 640px) {
	.guide-table th,
	.guide-table td {
		padding: 0.65rem 0.7rem;
	}
}

.guide-table:focus-visible {
	outline: 3px solid var(--wp--preset--color--light-teal);
	outline-offset: 2px;
}

/* Bio toggle: the focus ring only for keyboard users. */
.bio-more summary:focus:not(:focus-visible) {
	outline: none;
}

.bio-more summary:focus-visible {
	outline: 2px solid var(--wp--preset--color--light-teal);
	outline-offset: 3px;
	border-radius: 6px;
}

/* Home A hero: the main photo in front of two smaller photo cards, fanned
 * out behind it (like monday.com's hero). Static. */

/* Labels sit in front of the photo deck, each over one side card. */

/* Each headline sentence stays on one line where there is room. */
@media (min-width: 1200px) {
	.c-hero__title {
		white-space: nowrap;
	}

	.c-hero__title span {
		white-space: nowrap;
	}
}

/* ---------- Home A hero deck v2: bigger photos, labels off the faces,
 * a one-off entrance sequence ---------- */

/* Labels: two above the deck, one along its bottom edge. */

/* Entrance: main photo, then the cards behind it, then the labels. */
@keyframes c-deck-main {
	from {
		opacity: 0;
		transform: translateY(24px) scale(0.96);
	}
}

@keyframes c-deck-left {
	from {
		opacity: 0;
		transform: translateX(55%) scale(0.9);
	}
}

@keyframes c-deck-right {
	from {
		opacity: 0;
		transform: translateX(-55%) scale(0.9);
	}
}

@keyframes c-pop {
	from {
		opacity: 0;
		transform: translateY(12px) scale(0.92);
	}
}

@media (max-width: 960px) {
	.c-hero__visual {
		max-width: 30rem;
		margin-inline: auto;
		padding-top: 4rem;
	}
}

/* Narrower screens: no room for two labels side by side on top, so the
 * network label moves to the right edge, over the right-hand card. */

/* ---------- Home A hero: monday.com-style card stack ----------
 * Three white-framed photo cards, captions inside the cards (no floating
 * labels on faces), the main card in front with a frosted bar. */

.c-hero__visual {
	padding: 0;
}

.c-stack {
	position: relative;
	display: grid;
	align-items: center;
}

.c-card {
	margin: 0;
	padding: 10px;
	border-radius: var(--wp--custom--radius--device) 0;
	background: var(--wp--preset--color--base);
	box-shadow: 0 30px 60px rgb(0 0 0 / 0.3);
}

.c-card img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 20%;
	border-radius: 32px 0;
}

.c-card--main {
	position: relative;
	z-index: 2;
	margin-inline: auto;
	aspect-ratio: 3 / 4;
}

.c-card__caption {
	position: absolute;
	left: 24px;
	color: var(--wp--preset--color--dark-teal);
}

.c-card__bar {
	position: absolute;
	right: 20px;
	bottom: 20px;
	left: 20px;
	display: flex;
	gap: 0.6rem;
	align-items: center;
	margin: 0;
	padding: 0.8rem 1rem;
	border: 1px solid var(--wp--preset--color--base);
	border-radius: var(--wp--custom--radius--button);
	/* Solid, so the photo doesn't show through. */
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-teal);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.35;
}

.c-card__bar-icon {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--wp--preset--color--light-teal);
}

/* Entrance: the main card first, then the side cards slide out from behind. */

@media (max-width: 960px) {
	.c-stack {
		max-width: 34rem;
		margin: 1rem auto 0;
	}
}

@media (max-width: 640px) {
	.c-card {
		padding: 6px;
	}

	.c-card img {
		border-radius: 26px 0;
	}

	.c-card__caption {
		right: 14px;
	}

	.c-card__bar {
		right: 10px;
		bottom: 10px;
		left: 10px;
	}

	.c-card__bar-icon {
		display: none;
	}
}

/* ---------- Typography: no orphans ----------
 * Headings balance their lines; body text avoids a lone last word. */
h1,
h2,
h3,
h4,
.c-h2,
.v2-h2,
.page-banner__title,
.c-hero__title span,
.c-closing__title,
.c-tile__title,
.c-story__title,
.flyout__title,
.mnav__title {
	text-wrap: balance;
}

p,
li,
figcaption,
.c-tile__text,
.page-banner__intro {
	text-wrap: pretty;
}

/* The two hero sentences stay one line each on desktop (set above). */
@media (min-width: 1200px) {
	.c-hero__title,
	.c-hero__title span {
		text-wrap: nowrap;
	}
}

/* ---------- Card stack: captions as small pills on the visible part ---------- */
.c-card__caption {
	top: 20px;
	right: auto;
	max-width: calc(100% - 40%);
	padding: 0.35rem 0.7rem;
	border-radius: 999px;
	background: rgb(255 255 255 / 0.88);
	text-shadow: none;
	font-size: 0.78rem;
	line-height: 1.3;
}

.c-card--main .c-card__caption {
	max-width: calc(100% - 44px);
}

@media (max-width: 640px) {
	.c-stack {
		min-height: 0;
	}

	.c-card__caption {
		top: 10px;
		left: 10px;
		padding: 0.25rem 0.5rem;
	}

}

/* Side-card captions fit the part of the card that shows beside the main one. */

@media (max-width: 640px) {
	.c-card__caption {
		font-size: 0.75rem;
	}
}

/* Stack v3: more room on the right, side cards ~70% visible, and the
 * entrance shows the side cards first, then the main card lands in front. */
@media (min-width: 961px) {
	.c-hero__inner {
		grid-template-columns: 0.92fr 1.08fr;
		gap: var(--wp--preset--spacing--40);
	}
}

@media (min-width: 1200px) {
	.c-hero__title {
		font-size: clamp(2.5rem, 3.4vw, 3.75rem);
	}
}

.c-stack {
	min-height: 36rem;
}

.c-card--main {
	width: 44%;
}

@keyframes c-card-in {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
}

@keyframes c-card-land {
	from {
		opacity: 0;
		transform: translateY(40px) scale(1.06);
	}
}

.c-card--main {
	animation: c-card-land 0.8s cubic-bezier(0.22, 1, 0.36, 1) 1.3s both;
}

.c-card__bar {
	animation: c-pop 0.5s ease-out 2s both;
}

@media (prefers-reduced-motion: reduce) {
	.c-card,
	.c-card__bar {
		animation: none;
	}
}

/* Side labels: siblings of the cards, above all of them, positioned at the
 * top of each side card (card height = 40% of the stack width x 4/3). */
.c-stack {
	container-type: inline-size;
}


.c-stack {
	width: 100%;
}

.c-hero__visual {
	width: 100%;
}

/* Phones: wider deck, fewer labels on the photos. */
@media (max-width: 640px) {
	.c-stack {
		margin-top: 0.5rem;
	}

	.c-card--main {
		width: 54%;
	}

	.c-card--main .c-card__caption {
		display: none;
	}

	.c-card__bar {
		padding: 0.45rem 0.55rem;
		font-size: 0.75rem;
	}
}

@media (max-width: 960px) {
	.c-hero__visual {
		padding: 0;
	}

	.c-stack {
		min-height: 0;
		padding-block: 1.5rem 0.5rem;
	}
}

@media (max-width: 640px) {
	.c-card__bar {
		display: none;
	}

}

/* ---------- Single-photo layout (default): one big framed photo, the
 * two stats as pills above it, one frosted bar on the photo ---------- */
.c-stack--single {
	display: block;
	min-height: 0;
}

.c-stack--single .c-card__caption {
	display: none;
}

.c-stack--single .c-card--main {
	aspect-ratio: 4 / 4.6;
	margin-left: auto;
	animation: c-deck-main 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.c-stack--single .c-card__bar {
	display: flex;
	animation: c-pop 0.5s ease-out 0.7s both;
}

@media (max-width: 640px) {
	.c-stack--single {
		padding-top: 0;
	}

	.c-stack--single .c-card--main {
		aspect-ratio: 4 / 4.2;
	}

}

@media (max-width: 640px) {
	.c-stack--single {
		display: flex;
		flex-wrap: wrap;
		gap: 0.5rem;
	}

	.c-stack--single .c-card--main {
		order: 1;
		margin-top: 0.25rem;
	}
}

/* ---------- Single photo: labels pinned to the photo, each hanging a
 * little outside its edge ---------- */
.c-stack--single {
	padding-top: 0;
}

.c-pin {
	position: absolute;
	z-index: 3;
	margin: 0;
	padding: 0.55rem 0.95rem;
	border-radius: 999px;
	background: var(--wp--preset--color--base);
	box-shadow: 0 12px 30px rgb(0 0 0 / 0.25);
	color: var(--wp--preset--color--dark-teal);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.3;
	white-space: nowrap;
}

.c-pin strong {
	font-weight: 700;
}

/* Middle of the left edge, about 10% of the photo outside it. */
.c-pin--left {
	top: 50%;
	left: 0;
	animation: c-pop 0.5s ease-out 0.9s both;
}

/* Above the head, top right, hanging off the right edge. */
.c-pin--right {
	right: 0;
	animation: c-pop 0.5s ease-out 1.05s both;
}

/* The ranking bar: bottom, shifted right and out past the edge. */
.c-stack--single .c-card__bar {
	right: 0;
	bottom: 7%;
	left: 22%;
	translate: 12% 0;
	box-shadow: 0 12px 30px rgb(0 0 0 / 0.25);
}

@media (prefers-reduced-motion: reduce) {
	.c-pin {
		animation: none;
	}
}

@media (max-width: 960px) {
	.c-stack--single .c-card--main {
		margin-inline: auto;
	}
}

@media (max-width: 640px) {
	.c-pin {
		padding: 0.4rem 0.65rem;
		font-size: 0.75rem;
		white-space: normal;
		max-width: 11rem;
	}

	.c-stack--single .c-card__bar {
		display: flex;
		left: 18%;
		translate: 8% 0;
		font-size: 0.75rem;
	}
}

.c-stack--single .c-card--main {
	width: min(76%, 28rem);
	margin-right: 9%;
}

.c-pin--left {
	translate: -30% -50%;
}

@media (max-width: 640px) {
	.c-stack--single .c-card--main {
		width: 78%;
		margin-left: 12%;
		margin-right: 10%;
	}

	.c-pin--left {
		translate: -18% -50%;
	}

	.c-pin--right,
	.c-stack--single .c-card__bar {
		translate: 6% 0;
	}
}

/* ---------- Home A hero copy: calmer ---------- */
.c-hero__lead {
	margin: 1.25rem 0 2rem;
}

.c-picker__chips {
	margin-bottom: 1.75rem;
}

.c-picker__extra {
	display: none;
}

.c-picker__chips.is-expanded .c-picker__extra {
	display: list-item;
}

.c-chip--more {
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
}

.c-chip--more span {
	border-style: dashed;
	color: var(--wp--preset--color--light-teal-40);
}

.c-chip--more span::before {
	content: none;
}

.c-picker__go {
	align-items: center;
	gap: 1.5rem;
}

.c-hero__link {
	color: var(--wp--preset--color--base);
}

.c-hero__link:hover {
	color: var(--wp--preset--color--light-teal);
}

@media (max-width: 640px) {
	.c-picker__go .c-btn {
		flex: 0 1 auto;
	}
}

/* IEKA pin: higher, above her head, hanging off the top-right corner. */
.c-pin--right {
	top: 0;
	translate: 28% -40%;
}

@media (max-width: 640px) {
	.c-pin--right {
		translate: 6% -40%;
	}
}

/* Underline only under the words of the text link, not the arrow. */
.c-hero__link span {
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--light-teal);
	text-underline-offset: 6px;
}

/* Per-photo tweak: left label lower, clear of a face in the middle. */
.c-pin--left.c-pin--low {
	top: 72%;
}

/* Albanian runs ~30% longer: the hero headline wraps instead of overflowing. */
html[lang^="sq"] .c-hero__title,
html[lang^="sq"] .c-hero__title span {
	white-space: normal;
	text-wrap: balance;
}

@media (min-width: 1200px) {
	html[lang^="sq"] .c-hero__title {
		font-size: clamp(2.25rem, 3vw, 3.25rem);
	}
}

/* ---------- Home A on phones: calmer hero ---------- */
@media (max-width: 640px) {
	/* The wave lines sit behind the text on a narrow screen: drop them. */
	.c-hero__trails {
		display: none;
	}

	.c-hero {
		padding-block: 1.5rem 2.5rem;
	}

	.c-hero__lead {
		margin: 1rem 0 1.5rem;
	}

	.c-picker__legend {
		margin-bottom: 0.6rem;
	}

	.c-picker__chips {
		gap: 0.4rem;
		margin-bottom: 1.25rem;
	}

	.c-chip span {
		padding: 0.45rem 0.8rem;
	}

	.c-picker__go {
		gap: 1rem 1.25rem;
	}

	.c-hero__visual {
		margin-top: 0.5rem;
	}
}

/* Contact as an envelope button beside search. */
.site-header__contact {
	border-radius: 12px;
}

.site-header__contact[aria-current] {
	color: var(--wp--preset--color--light-teal);
}

/* Home C stage: keep both faces in frame. */
.v2-stage__photo img {
	object-position: center 70%;
}

/* ---------- Home A closing CTA: flat Light Teal (as on nexia.com), Dark
 * Teal text (white on Light Teal fails AA per the brand book); the light
 * trail only peeks in from the right edge. ---------- */
.home-c .c-closing.c-closing {
	--glow: none;
	background: var(--wp--preset--color--light-teal) !important;
	color: var(--wp--preset--color--dark-teal) !important;
}

.home-c .c-closing .c-closing__trails {
	inset: 0 0 0 auto;
	width: 30%;
	background: url("assets/images/light-trails-teal.webp") left center / auto 140% no-repeat;
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 70%);
	mask-image: linear-gradient(90deg, transparent 0%, #000 70%);
}

@media (max-width: 960px) {
	.home-c .c-closing .c-closing__trails {
		display: none;
	}
}

/* Client decision (2026-10-24): white text on the Light Teal closing CTA, as
 * on nexia.com, accepted despite the brand book's AA rating (2.43:1). */
.home-c .c-closing .c-closing__title,
.home-c .c-closing .c-closing__lead,
.home-c .c-closing .c-closing__line {
	color: var(--wp--preset--color--base) !important;
}

.home-c .c-closing .c-btn--light {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-teal);
}

.home-c .c-closing .c-btn--light:hover {
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
}

.home-c .c-closing .c-closing__trails {
	mix-blend-mode: normal;
	opacity: 0.3;
}

/* ---------- About: "On this page" card in the sidebar ---------- */
.toc {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--dark-teal-20);
}

.toc__list {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: toc;
}

/* A thin track down the left; the current item lights it up. */
.toc__list::before {
	content: "";
	position: absolute;
	top: 0.4rem;
	bottom: 0.4rem;
	left: 0.95rem;
	width: 2px;
	background: var(--wp--preset--color--dark-teal-20);
}

.toc__list li {
	counter-increment: toc;
}

.toc__list a {
	position: relative;
	display: flex;
	gap: 0.85rem;
	align-items: center;
	padding: 0.45rem 0.5rem 0.45rem 0;
	border-radius: 12px;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
	transition: color 0.2s ease;
}

.toc__list a::before {
	content: counter(toc, decimal-leading-zero);
	position: relative;
	z-index: 1;
	display: grid;
	flex: none;
	place-items: center;
	width: 1.9rem;
	height: 1.9rem;
	border-radius: 50%;
	background: var(--wp--preset--color--base);
	box-shadow: 0 0 0 1px var(--wp--preset--color--dark-teal-20);
	color: var(--wp--preset--color--dark-teal-80);
	font-size: 0.75rem;
	font-variant-numeric: tabular-nums;
	transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.toc__list a:hover {
	color: var(--wp--preset--color--dark-teal);
}

.toc__list a:hover::before {
	box-shadow: 0 0 0 1px var(--wp--preset--color--light-teal);
}

.toc__list a[aria-current="true"] {
	color: var(--wp--preset--color--dark-teal);
	font-weight: 700;
}

.toc__list a[aria-current="true"]::before {
	background: var(--wp--preset--color--light-teal);
	box-shadow: 0 0 0 1px var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--base);
}

/* Phones: the sidebar sits below the content, so the card isn't useful. */
@media (max-width: 960px) {
	.toc {
		display: none;
	}
}

.entry-content h2[id] {
	scroll-margin-top: 110px;
}

/* ---------- About: leadership summary ---------- */
/* One column per person (--count, set by the pattern). */
.about-people {
	display: grid;
	grid-template-columns: repeat(var(--count, 5), minmax(0, 1fr));
	gap: 0.75rem;
	margin: 1.25rem 0 0;
	padding: 0;
	list-style: none;
}

.about-people a {
	display: grid;
	gap: 0.2rem;
	color: var(--wp--preset--color--dark-teal);
	text-decoration: none;
}

.about-people__photo {
	display: block;
	margin-bottom: 0.4rem;
	overflow: hidden;
	border-radius: 24px 0;
	background: var(--wp--preset--color--base-2);
	aspect-ratio: 276 / 300;
}

.about-people__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	transition: transform 0.4s ease;
}

.about-people a:hover img {
	transform: scale(1.04);
}

.about-people__name {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	line-height: 1.3;
}

.about-people__role {
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.35;
}

/* ---------- About: accountability summary ---------- */
.about-trust {
	display: grid;
	grid-template-columns: 13rem minmax(0, 1fr);
	gap: 1rem;
	margin-top: 1.25rem;
}

.about-trust__report {
	position: relative;
	display: grid;
	align-content: start;
	gap: 0.25rem;
	padding: 1.5rem;
	border-radius: var(--wp--custom--radius--device) 0;
	background: radial-gradient(120% 140% at 100% 100%, rgb(0 185 185 / 0.55) 0%, rgb(0 185 185 / 0.25) 40%, rgb(0 185 185 / 0) 72%), var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
	text-decoration: none;
}

.about-trust__label,
.about-trust__file {
	color: var(--wp--preset--color--light-teal-40);
	font-size: var(--wp--preset--font-size--small);
}

.about-trust__year {
	margin: 0.5rem 0 0.25rem;
	font-size: var(--wp--preset--font-size--xx-large);
	line-height: 1;
}

.about-trust__badges {
	display: grid;
	gap: 0.6rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.about-trust__badges li {
	display: flex;
	gap: 1rem;
	align-items: center;
	padding: 0.75rem 1rem;
	border: 1px solid var(--wp--preset--color--dark-teal-20);
	border-radius: 20px 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.4;
}

.about-trust__badges strong {
	display: block;
}

.about-trust__logo {
	display: grid;
	flex: none;
	place-items: center;
	width: 4.5rem;
	height: 2.5rem;
	overflow: hidden;
}

.about-trust__logo img {
	max-width: 100%;
	object-fit: contain;
	width: auto;
	height: auto;
	max-height: 2.5rem;
}

.about-trust__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
	margin-top: 1rem;
}

@media (max-width: 900px) {
	.about-people {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.about-trust {
		grid-template-columns: 1fr;
	}
}

/* Tablets: up to four people stay on one row (three then one looks orphaned). */
@media (min-width: 561px) and (max-width: 900px) {
	.about-people:not(:has(> :nth-child(5))) {
		grid-template-columns: repeat(var(--count, 4), minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	.about-people {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}

/* Closing CTA: phone and email, then the button; even button padding. */
.home-c .c-closing__actions {
	gap: 0.5rem;
}

.home-c .c-closing .c-closing__btn {
	margin-top: 0.75rem;
	padding: 0.9rem 1.6rem;
	line-height: 1.2;
}

/* About: the first heading starts level with the sidebar card. */
.page-layout__main.page-layout__main > h2[id]:first-child {
	margin-top: 0;
}

/* The sidebar starts level with the content (the block gap added 24px). */
.page-layout > .page-aside {
	margin-block-start: 0;
}

/* ---------- Footer banner CTA ("How can we help?"): Light Teal with white
 * text, matching the home page CTA (client decision, as on nexia.com). ---------- */
.has-lines--cta.has-dark-teal-background-color {
	background-color: var(--wp--preset--color--light-teal) !important;
}

.has-lines--cta .eyebrow.has-light-teal-color,
.has-lines--cta p,
.has-lines--cta h2 {
	color: var(--wp--preset--color--base) !important;
}

.has-lines--cta .wp-block-button.is-style-light .wp-block-button__link {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-teal);
}

.has-lines--cta .wp-block-button.is-style-light .wp-block-button__link:hover {
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--base);
}

.has-lines--cta .wp-block-button.is-style-outline .wp-block-button__link {
	border-color: rgb(255 255 255 / 0.85);
	color: var(--wp--preset--color--base);
}

.has-lines--cta .wp-block-button.is-style-outline .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--base);
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-teal);
}

/* ---------- Page banner intro: balanced lines on large screens ----------
 * A narrower measure turns a long two-line intro into about three even
 * lines; when the title already runs long (e.g. Financial Reporting &
 * Compliance), the intro keeps the wider measure so the banner stays short. */
@media (min-width: 1200px) {
	.page-banner__intro {
		max-width: 38rem;
		text-wrap: balance;
	}

	.page-banner__title--long ~ .page-banner__intro {
		max-width: 720px;
	}
}

/* Sidebar contact button (every page): white text on Light Teal; on hover,
 * white with Dark Teal text. Client decision, as on nexia.com. */
.aside-card--contact .aside-card__cta.aside-card__cta {
	background: var(--wp--preset--color--light-teal);
	color: var(--wp--preset--color--base);
	transition: background-color 0.2s ease, color 0.2s ease;
}

.aside-card--contact .aside-card__cta.aside-card__cta:hover,
.aside-card--contact .aside-card__cta.aside-card__cta:focus-visible {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-teal);
}

/* Form selects: brand chevron instead of the browser's arrow. */
.field select,
.contact-form select {
	-webkit-appearance: none;
	appearance: none;
	padding-right: 2.75rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%2300323c' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 14px;
	cursor: pointer;
}

.field select:hover,
.contact-form select:hover {
	border-color: var(--wp--preset--color--light-teal);
}

/* The placeholder option reads as a hint until something is chosen. */
.field select:has(option[value=""]:checked) {
	color: var(--wp--preset--color--dark-teal-80);
}

/* Light Teal buttons and active pills keep Dark Teal text (client
 * preference after trying white); only the sidebar contact button
 * ("Send us a message" / "Request a quote") uses white text. */

/* =====================================================================
 * Link hover states and arrows (one rule set for the whole site).
 * Arrow links: the arrow sits on the text's centre line and nudges right on
 * hover; the label takes a Light Teal underline. Plain text links get the
 * same underline treatment.
 * ===================================================================== */
.arrow-link a,
.arrow-link-inline,
.flyout__all a,
.mnav__all,
.v2-card__more,
.v2-facts__more a,
.c-hero__link,
.service-callout__cta {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	text-decoration: none;
	transition: color 0.2s ease;
}

.arrow-link a::after,
.arrow-link-inline::after,
.flyout__all a::after,
.mnav__all::after,
.v2-card__more::after,
.v2-facts__more a::after,
.c-hero__link::after,
.service-callout__cta::after {
	content: "";
	width: 0.95em;
	height: 0.95em;
	flex: none;
	line-height: 1;
	/* The → glyph sits high in Poppins: a centred SVG mask lines up with the
	 * text and keeps the link colour; never underlined (it's a box). */
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform 0.2s ease;
}

.arrow-link a:hover::after,
.arrow-link-inline:hover::after,
.flyout__all a:hover::after,
.mnav__all:hover::after,
.v2-card__more:hover::after,
.v2-facts__more a:hover::after,
.c-hero__link:hover::after,
.service-callout__cta:hover::after {
	transform: translateX(4px);
}

.arrow-link a:hover,
.arrow-link-inline:hover,
.flyout__all a:hover,
.mnav__all:hover,
.v2-card__more:hover {
	color: var(--wp--preset--color--dark-teal);
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--light-teal);
	text-decoration-thickness: 2px;
	text-underline-offset: 5px;
}

/* Text links inside content: a firm underline on hover. */
.entry-content p a:hover,
.entry-content li a:hover,
.flyout__contact a:hover,
.site-footer a:hover {
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--light-teal);
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

/* Fly-out contact card: even padding all round, a compact button. */
.flyout__feature--contact p {
	max-width: 30rem;
	margin: 0 0 1.25rem;
}

.flyout__feature--contact .flyout__button {
	padding: 0.75rem 1.4rem;
	line-height: 1.2;
}

.aside-card--contact .aside-card__note {
	color: var(--wp--preset--color--light-teal-20);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
}

/* ---------- Home hero: the text over the left of the light trails, lines
 * balanced; headline in two lines on desktop ---------- */
.home-hero__content > * {
	max-width: 46rem;
	text-wrap: balance;
}

@media (min-width: 1100px) {
	.home-hero__content > * {
		max-width: 68%;
	}

	.home-hero h1.has-display-font-size {
		font-size: clamp(3rem, 4.3vw, 4.5rem) !important;
	}
}

/* =======================================================================
 * Pages in full-width sections (templates/page-wide.html): IT Solutions
 * and its products, from Elton's pages (2026-11-02). Each section ("band")
 * runs at wide width, alternating white and Light Grey.
 * ===================================================================== */
.bands > .band {
	margin-block: 0;
	padding-block: var(--wp--preset--spacing--60);
}

.band--tint {
	background: var(--wp--preset--color--base-2);
}

.band--lead {
	padding-block: var(--wp--preset--spacing--50);
}

/* Two white bands in a row read as one section: no gap doubling. (Tinted
 * bands alternate with white ones, so they never meet.) */
.bands > .band:not(.band--tint) + .band:not(.band--tint, .band--cta) {
	padding-top: 0;
}

.band__inner > * {
	margin-block: 0;
}

.band__inner > * + * {
	margin-top: 1.5rem;
}

.band__inner > :where(p, ul:not(.need-list), .wp-block-buttons) {
	max-width: 52rem;
}

.band__inner > .is-lead {
	max-width: 58rem;
}

.band__inner > .section-title {
	margin-top: 0;
	font-size: var(--wp--preset--font-size--x-large);
}

.band__inner > .section-title + .band__intro {
	margin-top: 0.75rem;
	color: var(--wp--preset--color--dark-teal-80);
}

.band__inner > .callout {
	max-width: none;
	margin-top: var(--wp--preset--spacing--50);
}

.band__inner > .callout + .callout {
	margin-top: 1.25rem;
}

.band__inner > .callout > * + * {
	margin-top: 0.75rem;
}

.band__inner > .callout > p {
	max-width: 52rem;
}

/* Cards on a Light Grey band are white. */
.band--tint .content-card {
	background: var(--wp--preset--color--base);
}

/* Card grids sized to their count, as in the main column. */
.band__inner > .content-cards {
	margin-top: 2rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.band__inner > .content-cards:has(> :nth-child(2):last-child) {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.content-card .check-list {
	gap: 0.6rem;
	margin-top: 1rem;
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
}

.content-card .check-list li {
	padding-left: 1.75rem;
}

.content-card .check-list li::before {
	top: 0.1rem;
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 6px;
}

/* ---------- Product cards: logo, text, who it's for, highlights ---------- */
.product-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem;
}

.band__inner > .product-cards {
	margin-top: 2rem;
}

.product-cards--three,
.product-cards--other {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product-card {
	display: flex;
	flex-direction: column;
}

/* Flow-layout groups space their children with margins: the grids don't. */
.product-cards > *,
.detail-cols > * {
	margin-block: 0;
}

.product-card.content-card > * {
	margin-block: 0;
}

.product-card.content-card > * + * {
	margin-top: 1rem;
}

.product-logo {
	margin: 0 0 0.5rem;
}

.product-logo img {
	display: block;
	width: auto;
	height: 4.5rem;
	max-width: 100%;
	object-fit: contain;
	object-position: left center;
}

.product-cards--three .product-logo img,
.product-cards--other .product-logo img {
	height: 3.75rem;
}

.product-card p {
	color: var(--wp--preset--color--dark-teal-80);
}

.product-card .product-card__kicker {
	color: var(--wp--preset--color--dark-teal);
	font-size: var(--wp--preset--font-size--small);
}

.product-card .product-card__for {
	font-size: var(--wp--preset--font-size--small);
}

.product-card__for strong {
	color: var(--wp--preset--color--dark-teal);
	font-weight: 700;
}

/* The "Explore" link sits at the bottom, level across a row. */
.product-card.content-card > .arrow-link {
	margin-top: auto;
	padding-top: 1.25rem;
}

.product-card > .arrow-link a {
	color: var(--wp--preset--color--dark-teal);
}

/* Other solutions: the whole card is the link (the logo's). */
.product-card--link {
	position: relative;
}

.product-card--link .product-logo a::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
}

.product-card--link:focus-within {
	outline: 2px solid var(--wp--preset--color--light-teal);
	outline-offset: 3px;
}

.product-card--link .product-logo a:focus-visible {
	outline: none;
}

/* ---------- "Which one do you need?" ---------- */
.need-list {
	margin: 2rem 0 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--wp--preset--color--dark-teal-20);
}

.need-list li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	gap: 0.5rem 2rem;
	padding: 1.1rem 0;
	border-bottom: 1px solid var(--wp--preset--color--dark-teal-20);
}

.need-list a {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	color: var(--wp--preset--color--dark-teal);
	white-space: nowrap;
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--light-teal);
	text-decoration-thickness: 2px;
	text-underline-offset: 5px;
}

.need-list a::after {
	content: "";
	width: 0.95em;
	height: 0.95em;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform 0.2s ease;
}

.need-list a:hover::after {
	transform: translateX(4px);
}

/* ---------- Steps with titles (five or eight across two rows) ---------- */
.band__inner > ol.steps {
	max-width: none;
	margin-top: 2rem;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.band__inner > ol.steps:has(> li:nth-child(5):last-child) {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

ol.steps--titled li {
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
}

ol.steps--titled li::before {
	content: counter(step);
}

ol.steps--titled strong {
	display: block;
	margin-bottom: 0.25rem;
	color: var(--wp--preset--color--dark-teal);
	font-size: var(--wp--preset--font-size--base);
	font-weight: 700;
}

/* ---------- How an e-invoice travels (Billy Peppol) ---------- */
ol.flow {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
	max-width: none;
	margin-top: 2rem;
	padding: 0;
	list-style: none;
}

ol.flow li {
	position: relative;
	padding: 1.25rem 1.25rem 1.5rem;
	border: 1px solid var(--wp--preset--color--dark-teal-20);
	border-radius: 24px 0;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
}

ol.flow strong {
	display: block;
	margin-bottom: 0.35rem;
	color: var(--wp--preset--color--dark-teal);
	font-size: var(--wp--preset--font-size--base);
	font-weight: 700;
}

ol.flow li.is-ours {
	border-color: var(--wp--preset--color--dark-teal);
	background: var(--wp--preset--color--dark-teal);
	color: var(--wp--preset--color--light-teal-20);
}

ol.flow li.is-ours strong {
	color: var(--wp--preset--color--base);
}

/* ---------- The details: columns of short lists ---------- */
.detail-cols {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
	gap: 2rem 2.5rem;
	margin-top: 2rem;
}

.detail-col > * {
	margin-block: 0;
}

.detail-col h3 {
	font-size: var(--wp--preset--font-size--medium);
}

.detail-col > * + * {
	margin-top: 1rem;
}

.detail-col > p,
.detail-col .check-list {
	color: var(--wp--preset--color--dark-teal-80);
	font-size: var(--wp--preset--font-size--small);
}

.detail-col .check-list {
	gap: 0.6rem;
}

.detail-col .check-list li {
	padding-left: 1.75rem;
}

.detail-col .check-list li::before {
	top: 0.1rem;
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 6px;
}

.chip-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding: 0;
	list-style: none;
}

.chip-list li {
	padding: 0.35rem 0.85rem;
	border: 1px solid var(--wp--preset--color--dark-teal-20);
	border-radius: 999px;
	background: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--small);
}

/* ---------- Tables in a band ---------- */
.band__inner > .guide-table {
	max-width: none;
	margin-top: 2rem;
}

.band__inner > .guide-table table {
	background: var(--wp--preset--color--base);
}

/* ---------- Closing banner with the contact person ---------- */
.bands > .band--cta {
	padding-block: var(--wp--preset--spacing--50);
}

.cta-band {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
	align-items: center;
	gap: var(--wp--preset--spacing--50);
	padding: var(--wp--preset--spacing--60);
}

.cta-band__text > * {
	margin-block: 0;
}

.cta-band__text > * + * {
	margin-top: 1rem;
}

.cta-band__text h2 {
	font-size: var(--wp--preset--font-size--xx-large);
}

.cta-band__text p {
	font-size: var(--wp--preset--font-size--medium);
}

.cta-band__text .wp-block-buttons {
	margin-top: 1.75rem;
}

.cta-person {
	position: relative;
	z-index: 1;
	display: grid;
	justify-items: start;
	gap: 0.35rem;
	padding-left: var(--wp--preset--spacing--40);
	border-left: 1px solid rgb(255 255 255 / 0.5);
	color: var(--wp--preset--color--base);
}

.cta-person p {
	margin: 0;
}

.cta-person .cta-person__label {
	margin-bottom: 0.35rem;
	font-size: var(--wp--preset--font-size--small);
}

.cta-person .cta-person__name {
	font-size: var(--wp--preset--font-size--medium);
}

.cta-person a {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: rgb(255 255 255 / 0.5);
	text-underline-offset: 4px;
}

.cta-person a:hover {
	text-decoration-color: currentColor;
}

/* ---------- Product banner: logo above the tagline ---------- */
.page-banner__logo {
	display: block;
	width: auto;
	height: clamp(4.5rem, 9vw, 7.5rem);
	max-width: 100%;
	margin-bottom: 1.5rem;
}

.page-banner__title--product {
	max-width: 46rem;
	font-size: var(--wp--preset--font-size--xx-large);
	line-height: 1.15;
}

/* ---------- Narrower screens ---------- */
@media (max-width: 1080px) {
	.band__inner > ol.steps,
	.band__inner > ol.steps:has(> li:nth-child(5):last-child) {
		grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
	}

	ol.flow {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 960px) {
	.band__inner > .content-cards,
	.product-cards--three,
	.product-cards--other {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cta-band {
		grid-template-columns: 1fr;
	}

	.cta-person {
		padding: var(--wp--preset--spacing--30) 0 0;
		border-top: 1px solid rgb(255 255 255 / 0.5);
		border-left: 0;
	}
}

@media (max-width: 640px) {
	.band__inner > .content-cards,
	.band__inner > .content-cards:has(> :nth-child(2):last-child),
	.product-cards,
	.product-cards--three,
	.product-cards--other,
	ol.flow {
		grid-template-columns: 1fr;
	}

	.cta-band {
		padding: var(--wp--preset--spacing--40);
	}

	.product-logo img {
		height: 3.5rem;
	}
}