/* ========================================================================
Strata Family Law — Global Design System
Prefix: sfl | Built by Legal Guardian Digital
======================================================================== */

/* --- Design Tokens --- */
:root {
	--forest: #1d2836;
	--forest-light: #3d485e;
	--copper: #c5a377;
	--copper-light: #d4b78a;
	--copper-glow: rgba(197, 163, 119, .12);
	--moss: #7e8aa2;
	--sand: #f2e8dc;
	--cream: #fdfbf7;
	--cream-hero: #faf7f2;
	--warm-white: #fff;
	--ink: #1d2836;
	--ink-soft: #3d485e;
	--ink-muted: #7e8aa2;
	--border: rgba(29, 40, 54, .08);
	--border-copper: rgba(197, 163, 119, .25);
	--deep-navy: #0f1a28;
	--cream-text: #ede6dc;
}

/* --- Reset & Base --- */
*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	font-family: "DM Sans", sans-serif;
	font-size: 1.1rem;
	line-height: 1.85;
	color: var(--ink);
	background: var(--warm-white);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a, a:visited, a:hover, a:focus, a:active {
	text-decoration: none !important;
	color: inherit;
	transition: color .3s ease, opacity .3s ease;
}

/* Kill GP's default link underlines */
.site-content a, .entry-content a, nav a, footer a, header a {
	text-decoration: none !important;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* --- border-radius: 0 globally (editorial aesthetic) --- */
*, input, button, select, textarea, .wp-block-button__link, .gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea, .gform_wrapper .gform_button {
	border-radius: 0 !important;
}

/* --- Typography: Headings --- */
h1, h2, h3, h4, h5, h6 {
	font-family: "Geraldton", sans-serif !important;
	font-weight: 600 !important;
	line-height: 1.08;
	color: var(--ink);
}

/* Ensure heading font survives all page-specific overrides */
.promise-item h4, .advice-card h4, .myth-item h4, .approach-step h3, .approach-step h4, .before-card h4, .why-hire-card h4, .winning-item h3, .pa-card h3, .blog-card h3, .office-card h3, .team-card h3, .faq-question, .section-label {
	font-family: "Geraldton", sans-serif !important;
}

h1 {
	font-size: clamp(2.4rem, 5vw, 4rem);
}

h2 {
	font-size: clamp(2rem, 4vw, 3.2rem);
}

h3 {
	font-size: clamp(1.5rem, 3vw, 2.2rem);
}

h4 {
	font-size: clamp(1.25rem, 2.5vw, 1.6rem);
}

h5 {
	font-size: 1.1rem;
	text-transform: uppercase;
	letter-spacing: .05em;
}

h6 {
	font-size: 1rem;
}

h2 span, h1 span {
	color: var(--copper);
}

/* --- Layout --- */
.container {
	max-width: 1560px;
	margin: 0 auto;
	padding: 0 40px;
}

.container--narrow {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 40px;
}

/* --- Section Rhythm --- */
section {
	padding: 120px 0;
}

/* --- Eyebrow / Section Label --- */
.section-label, .eyebrow {
	font-family: "Geraldton", sans-serif;
	font-size: .8rem;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--copper);
	margin-bottom: 16px;
}

/* --- Section Number --- */
.section-number {
	font-family: "Geraldton", sans-serif;
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: .15em;
	color: var(--copper);
	opacity: .6;
}

/* --- Buttons --- */
.btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 36px;
	background: var(--forest);
	color: var(--cream);
	font-family: "DM Sans", sans-serif;
	font-size: .85rem;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	transition: background .3s ease, color .3s ease;
}

.btn-primary:hover {
	background: var(--copper);
	color: var(--warm-white);
}

.btn-primary svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 36px;
	background: transparent;
	color: var(--forest);
	font-family: "DM Sans", sans-serif;
	font-size: .85rem;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	border: 1px solid var(--forest);
	cursor: pointer;
	transition: background .3s ease, color .3s ease, border-color .3s ease;
}

.btn-secondary:hover {
	background: var(--copper);
	color: var(--warm-white);
	border-color: var(--copper);
}

/* --- Hero Gradient --- */
.hero-gradient {
	background: linear-gradient(135deg, #faf7f2 0%, #f5efe5 50%, #efe4d2 100%) !important;
}

.page-hero {
	padding: 140px 0 100px;
}

.page-hero h1 {
	margin-top: 8px;
	margin-bottom: 16px;
}

.hero-subtitle {
	font-size: 1.15rem;
	color: var(--ink-soft);
	max-width: 600px;
}

/* --- Dark Section --- */
.dark-section {
	background: var(--deep-navy);
	border-top: 4px solid var(--copper);
	position: relative;
	overflow: hidden;
	color: var(--cream-text);
}

.dark-section::before {
	content: "";
	position: absolute;
	top: -200px;
	right: -200px;
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(197, 163, 119, .06) 0%, transparent 70%);
	pointer-events: none;
}

.dark-section h1, .dark-section h2, .dark-section h3, .dark-section h4, .dark-section h5, .dark-section h6 {
	color: var(--cream-text);
}

.dark-section p {
	color: rgba(237, 230, 220, .75);
}

.dark-section .section-label {
	color: var(--copper);
}

.dark-section h2 span {
	color: var(--copper);
}

/* --- Copper Offset Frame --- */
.copper-frame {
	position: relative;
}

.copper-frame::after {
	content: "";
	position: absolute;
	top: 16px;
	left: 16px;
	right: -16px;
	bottom: -16px;
	border: 2px solid var(--copper);
	pointer-events: none;
	z-index: -1;
}

/* ========================================================================
SITE HEADER — GP Override
======================================================================== */
.site-header {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 1000 !important;
	background: rgba(250, 247, 242, .92) !important;
	backdrop-filter: blur(20px) saturate(1.2) !important;
	-webkit-backdrop-filter: blur(20px) saturate(1.2) !important;
	transition: background .3s ease, box-shadow .3s ease !important;
	border-bottom: 1px solid rgba(29, 40, 54, .06) !important;
}

/* Kill any GP-injected header styles */
#site-navigation, .main-navigation, .inside-navigation, .navigation-search {
	display: none !important;
}

.site-header.scrolled {
	background: rgba(250, 247, 242, .96);
	backdrop-filter: blur(24px) saturate(1.4);
	-webkit-backdrop-filter: blur(24px) saturate(1.4);
	box-shadow: 0 2px 20px rgba(29, 40, 54, .08);
	border-bottom: 1px solid rgba(29, 40, 54, .08);
}

.header-inner {
	max-width: 1560px;
	margin: 0 auto;
	padding: 12px 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: auto;
	min-height: 80px;
}

.header-logo img {
	height: 110px;
	width: auto;
	padding: 8px 0;
}

.header-nav {
	display: flex;
	align-items: center;
	gap: 36px;
}

/* WP nav menu reset — flatten <ul><li><a> into inline links */
.header-nav ul, .header-nav .menu {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 36px !important;
}

.header-nav li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
}

.header-nav li::before, .header-nav li::after, .header-nav li::marker {
	display: none !important;
	content: none !important;
}

.header-nav a {
	font-family: "Geraldton", sans-serif !important;
	font-size: .85rem;
	font-weight: 500;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #1d2836 !important;
	transition: color .3s ease !important;
}

.header-nav a:hover {
	color: var(--copper) !important;
}

/* Downward arrow on parent items with dropdowns */
.header-nav li.menu-item-has-children > a {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}

.header-nav li.menu-item-has-children > a::after {
	content: "" !important;
	display: inline-block !important;
	width: 6px !important;
	height: 6px !important;
	border-right: 1.5px solid currentColor !important;
	border-bottom: 1.5px solid currentColor !important;
	transform: rotate(45deg) !important;
	transition: transform .3s ease !important;
	flex-shrink: 0 !important;
	margin-top: -2px !important;
}

.header-nav li.menu-item-has-children:hover > a::after {
	transform: rotate(-135deg) !important;
	margin-top: 2px !important;
}

/* Sub-menus (dropdowns) */

/* Sub-menu — glass style matching header */
.header-nav .sub-menu, .header-nav ul .sub-menu, .header-nav .menu .sub-menu, .header-nav li > ul {
	visibility: hidden !important;
	opacity: 0 !important;
	position: absolute !important;
	top: 100% !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
	min-width: 260px !important;
	background: rgba(250, 247, 242, .95) !important;
	backdrop-filter: blur(24px) saturate(1.4) !important;
	-webkit-backdrop-filter: blur(24px) saturate(1.4) !important;
	border: none !important;
	border-top: 3px solid var(--forest) !important;
	padding: 8px 0 !important;
	box-shadow: 0 12px 40px rgba(29, 40, 54, .12) !important;
	z-index: 1001 !important;
	transition: opacity .25s ease, visibility .25s ease !important;
	pointer-events: none !important;
	margin-top: 20px !important;
}

.header-nav li:hover > .sub-menu, .header-nav li:hover > ul, .header-nav li.menu-item-has-children:hover > .sub-menu, .header-nav li.menu-item-has-children:hover > ul {
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

/* Invisible hover bridge — covers the 20px gap */
.header-nav li.menu-item-has-children::after {
	content: "" !important;
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	width: 100% !important;
	height: 24px !important;
	display: none !important;
}

.header-nav li.menu-item-has-children:hover::after {
	display: block !important;
}

.header-nav .sub-menu li {
	width: 100% !important;
	list-style: none !important;
}

.header-nav .sub-menu li::before, .header-nav .sub-menu li::after, .header-nav .sub-menu li::marker {
	display: none !important;
	content: none !important;
}

.header-nav .sub-menu li a {
	display: block !important;
	padding: 14px 28px !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: .9rem !important;
	font-weight: 400 !important;
	letter-spacing: .01em !important;
	text-transform: none !important;
	color: var(--ink) !important;
	transition: background .2s ease, color .2s ease, padding-left .2s ease !important;
	border-bottom: 1px solid var(--border) !important;
}

.header-nav .sub-menu li:last-child a {
	border-bottom: none !important;
}

.header-nav .sub-menu li a:hover {
	background: rgba(197, 163, 119, .06) !important;
	color: var(--copper) !important;
	padding-left: 32px !important;
}

/* Current page indicator — subtle, not overpowering */
.header-nav .current-menu-item > a, .header-nav .current_page_item > a {
	color: var(--copper) !important;
}

/* Sub-menu current item */
.header-nav .sub-menu .current-menu-item > a, .header-nav .sub-menu .current_page_item > a {
	color: var(--copper) !important;
	font-weight: 600 !important;
}

.header-phone {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	color: var(--ink);
	font-size: .95rem;
}

/* Universal button + phone flex alignment */
.btn-primary, .btn-secondary, .header-phone {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
}

.header-phone svg {
	width: 18px;
	height: 18px;
	fill: var(--copper);
	flex-shrink: 0;
}

.mobile-toggle {
	display: none;
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
}

.mobile-toggle span {
	display: block;
	width: 24px;
	height: 2px;
	background: var(--ink);
	margin: 6px 0;
	transition: all .3s ease;
}

/* Push body content below fixed header */
body {
	padding-top: 80px;
}

/* ========================================================================
CONSULTATION CTA
======================================================================== */
.consult-cta {
	background: var(--deep-navy);
	border-top: 4px solid var(--copper);
	padding: 120px 0;
	color: var(--cream-text);
	position: relative;
	overflow: hidden;
}

.consult-cta::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at 30% 40%, rgba(197, 163, 119, .06), transparent 60%);
	pointer-events: none;
}

.consult-inner {
	max-width: 1560px;
	margin: 0 auto;
	padding: 0 40px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	align-items: start;
	position: relative;
	z-index: 1;
}

.consult-content .section-label {
	color: var(--copper);
}

.consult-content h2 {
	color: var(--cream-text);
	margin-bottom: 16px;
}

.consult-lede {
	font-size: 1.3rem;
	color: rgba(237, 230, 220, .9);
	margin-bottom: 24px;
}

.consult-body {
	font-size: 1.05rem;
	color: rgba(237, 230, 220, .7);
	line-height: 1.85;
	margin-bottom: 40px;
}

.consult-form {
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(197, 163, 119, .1);
	padding: 48px;
}

.consult-form h3 {
	color: var(--cream-text);
	font-size: 1.4rem;
	margin-bottom: 8px;
}

.form-subtitle {
	font-size: .9rem;
	color: rgba(237, 230, 220, .5);
	margin-bottom: 32px;
}

.form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom: 16px;
}

.form-group {
	margin-bottom: 16px;
}

.form-group label {
	display: block;
	font-size: .8rem;
	font-weight: 600;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: rgba(237, 230, 220, .6);
	margin-bottom: 8px;
}

.form-optional {
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	color: rgba(237, 230, 220, .35);
}

.form-group input, .form-group textarea, .form-group select {
	width: 100%;
	padding: 14px 18px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(197, 163, 119, .15);
	color: var(--cream-text);
	font-family: "DM Sans", sans-serif;
	font-size: .95rem;
	transition: border-color .3s ease;
}

.form-group input::placeholder, .form-group textarea::placeholder {
	color: rgba(237, 230, 220, .3);
}

.form-group input:focus, .form-group textarea:focus, .form-group select:focus {
	border-color: var(--copper);
	outline: none;
}

.form-group textarea {
	min-height: 120px;
	resize: vertical;
}

.form-group select {
	appearance: none;
	cursor: pointer;
}

.form-group select option {
	background: var(--deep-navy);
	color: var(--cream-text);
}

.btn-submit {
	width: 100%;
	padding: 16px 36px;
	background: var(--copper);
	color: var(--deep-navy);
	font-family: "DM Sans", sans-serif;
	font-size: .9rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	transition: background .3s ease;
	margin-top: 8px;
}

.btn-submit:hover {
	background: var(--copper-light);
}

.form-trust {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 20px;
	font-size: .78rem;
	color: rgba(237, 230, 220, .35);
}

.form-trust svg {
	width: 16px;
	height: 16px;
	fill: rgba(237, 230, 220, .35);
	flex-shrink: 0;
}

/* ========================================================================
OFFICE LOCATIONS
======================================================================== */
.office-locations {
	background: #1d2836;
	padding: 120px 0;
	border-top: 4px solid var(--copper);
	position: relative;
	overflow: hidden;
}

.office-locations::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at 60% 40%, rgba(197, 163, 119, .06), transparent 50%);
	pointer-events: none;
}

.office-locations-header {
	max-width: 1560px;
	margin: 0 auto 80px;
	padding: 0 40px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.office-locations-header h2 {
	color: var(--cream-text);
	font-size: 3.6rem;
	margin-top: 24px;
}

.office-locations-intro {
	color: rgba(237, 230, 220, .6);
	font-size: 1.15rem;
	max-width: 700px;
	margin: 24px auto 0;
	line-height: 1.8;
}

.office-grid-wrapper {
	max-width: 1560px;
	margin: 0 auto;
	padding: 0 40px;
	position: relative;
	z-index: 1;
	width: 100%;
	box-sizing: border-box;
}

.office-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2px;
	background: rgba(197, 163, 119, .15);
}

.office-card {
	background: #1d2836;
	padding: 64px 56px;
	border: 1px solid rgba(197, 163, 119, .08);
	transition: all .3s ease;
}

.office-card:hover {
	background: #253343;
	border-color: rgba(197, 163, 119, .25);
}

.office-eyebrow {
	font-family: "Geraldton", sans-serif;
	font-size: .8rem;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--copper);
	margin-bottom: 8px;
}

.office-card h3 {
	font-size: 1.8rem;
	margin-bottom: 20px;
}

.office-card address {
	font-style: normal;
	line-height: 1.7;
	margin-bottom: 24px;
	color: rgba(237, 230, 220, .75);
}

.office-label {
	font-size: .75rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-bottom: 4px;
	color: rgba(237, 230, 220, .5);
}

.office-phone {
	font-family: "Geraldton", sans-serif;
	font-size: 1.4rem;
	font-weight: 600;
	color: var(--cream-text);
	transition: color .3s ease;
}

.office-phone:hover {
	color: var(--copper);
}

.office-contact {
	margin-bottom: 24px;
}

.office-directions {
	font-size: .85rem;
	font-weight: 600;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--copper);
	transition: opacity .3s ease;
}

.office-directions:hover {
	opacity: .7;
}

/* ========================================================================
SITE FOOTER V2
======================================================================== */
.site-footer-v2 {
	background: linear-gradient(135deg, #1d2836 0%, #2a3a4a 50%, #3d2a1a 100%);
	border-top: 4px solid var(--copper);
	color: var(--cream-text);
	padding: 100px 0 60px;
	position: relative;
	overflow: hidden;
}

.site-footer-v2::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	background: radial-gradient(circle at 50% 80%, rgba(212, 165, 116, .05), transparent 50%) !important;
	pointer-events: none !important;
}

.footer-v2-inner {
	max-width: 1560px;
	margin: 0 auto;
	padding: 0 40px;
}

.footer-v2-top {
	display: grid;
	grid-template-columns: 1.2fr 1fr 1fr 1fr;
	gap: 60px;
	width: 100%;
	padding-bottom: 60px;
}

.footer-v2-brand {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.footer-v2-logo {
	height: 124px;
	width: auto;
	margin-bottom: 28px;
	box-shadow: none !important;
}

.footer-v2-tagline {
	font-size: .9rem;
	line-height: 1.75;
	color: rgba(237, 230, 220, .55);
	max-width: 360px;
	font-style: normal;
}

.footer-v2-links {
	display: contents;
}

/* WP nav menu resets inside footer columns */
.footer-v2-col ul, .footer-v2-col .menu {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.footer-v2-col li {
	margin-bottom: 10px !important;
	font-size: .9rem !important;
	color: rgba(237, 230, 220, .6) !important;
	transition: color .3s ease !important;
	padding: 0 !important;
}

.footer-v2-col li a {
	font-size: .9rem !important;
	color: rgba(237, 230, 220, .6) !important;
	transition: color .3s ease !important;
	padding: 0 !important;
}

.footer-v2-col li a:hover {
	color: var(--copper) !important;
}

.footer-v2-col h5 {
	font-family: "Geraldton", sans-serif;
	font-size: .78rem;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--copper);
	margin-bottom: 24px;
}

.footer-v2-col ul {
	list-style: none;
	padding: 0;
}

.footer-v2-col li {
	margin-bottom: 10px;
}

.footer-v2-col a {
	font-size: .9rem;
	color: rgba(237, 230, 220, .6);
	transition: color .3s ease;
}

.footer-v2-col a:hover {
	color: var(--copper);
}

.footer-v2-divider {
	height: 1px;
	background: rgba(197, 163, 119, .15);
	margin: 0;
	border: none;
}

.footer-v2-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 40px;
	gap: 40px;
	flex-wrap: wrap;
}

.footer-v2-bottom p {
	font-size: .8rem;
	color: rgba(237, 230, 220, .4);
	margin: 0;
	line-height: 1.6;
}

.footer-v2-bottom a {
	color: #c5a377 !important;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(197, 163, 119, .25) !important;
	padding-bottom: 1px !important;
	transition: color .3s ease, border-color .3s ease !important;
}

.footer-lgd-credit {
	color: rgba(237, 230, 220, .4);
	transition: color .3s ease;
}

.footer-lgd-credit:hover {
	color: var(--copper);
}

/* ========================================================================
MOBILE GLASS PILL NAV
Desktop: hidden. Full styling is applied inside the mobile media query
at the bottom of this file so it renders identically on every page.
======================================================================== */
.mobile-pill-nav {
	display: none;
}

/* Mobile-only chevron button injected by js/main.js next to parent items
with sub-menus. Hidden on desktop — the existing CSS :hover dropdown
handles sub-menu reveal there. */
.sfl-submenu-toggle {
	display: none;
}

/* ========================================================================
BLOG CARDS
======================================================================== */
.blog-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
	gap: 40px;
}

.blog-card {
	background: var(--warm-white);
	border: 1px solid var(--border);
	overflow: hidden;
	transition: box-shadow .3s ease, transform .3s ease;
}

.blog-card:hover {
	box-shadow: 0 8px 30px rgba(29, 40, 54, .08);
	transform: translateY(-2px);
}

.blog-card-image img {
	width: 100%;
	height: 240px;
	object-fit: cover;
}

.blog-card-content {
	padding: 28px;
}

.blog-card-category {
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--copper);
	margin-bottom: 8px;
}

.blog-card h3 {
	font-size: 1.3rem;
	margin-bottom: 12px;
}

.blog-card h3 a {
	color: var(--ink);
	transition: color .3s ease;
}

.blog-card h3 a:hover {
	color: var(--copper);
}

.blog-card-excerpt {
	font-size: .95rem;
	color: var(--ink-soft);
	margin-bottom: 16px;
}

.blog-card-meta {
	font-size: .8rem;
	color: var(--ink-muted);
}

/* ========================================================================
TESTIMONIAL CARDS
======================================================================== */
.testimonial-card {
	padding: 40px;
	border: 1px solid var(--border);
	background: var(--warm-white);
}

.testimonial-stars {
	color: var(--copper);
	font-size: 1.1rem;
	letter-spacing: 2px;
	margin-bottom: 16px;
}

.testimonial-card blockquote {
	font-size: 1.05rem;
	line-height: 1.8;
	color: var(--ink-soft);
	margin-bottom: 24px;
	font-style: italic;
}

.testimonial-attribution h6 {
	font-family: "Geraldton", sans-serif;
	font-size: .95rem;
	font-weight: 600;
	color: var(--ink);
}

.testimonial-source {
	font-size: .8rem;
	color: var(--ink-muted);
	margin-top: 4px;
}

/* ========================================================================
FAQ ACCORDION
======================================================================== */
.faq-item {
	border-bottom: 1px solid var(--border);
}

.faq-question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 24px 0;
	cursor: pointer;
	font-family: "Geraldton", sans-serif;
	font-size: 1.15rem;
	font-weight: 600;
	color: var(--ink);
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height .4s ease, padding .4s ease;
	padding: 0 0;
}

.faq-item.open .faq-answer {
	max-height: 500px;
	padding: 0 0 24px;
}

/* ========================================================================
GP OVERRIDES — Misc
======================================================================== */

/* Remove GP default content area padding */
.site-content {
	padding: 0 !important;
}

/* Remove GP entry header on custom templates */
.entry-header {
	display: none;
}

/* Gravity Forms overrides */
.gform_wrapper {
	max-width: 100% !important;
}

.gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="url"], .gform_wrapper textarea, .gform_wrapper select {
	border: 1px solid var(--border) !important;
	padding: 14px 18px !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: 1rem !important;
	color: var(--ink) !important;
	background: var(--warm-white) !important;
	transition: border-color .3s ease !important;
}

.gform_wrapper input:focus, .gform_wrapper textarea:focus, .gform_wrapper select:focus {
	border-color: var(--copper) !important;
	outline: none !important;
}

.gform_wrapper .gform_button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 36px !important;
	background: var(--forest) !important;
	color: var(--cream) !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: .85rem !important;
	font-weight: 600 !important;
	letter-spacing: .1em !important;
	text-transform: uppercase !important;
	border: none !important;
	cursor: pointer !important;
	transition: background .3s ease !important;
}

.gform_wrapper .gform_button:hover {
	background: var(--copper) !important;
}

/* Dark section Gravity Forms */

/* ========================================================================
GRAVITY FORMS — Dark Section / Consult CTA Overrides
======================================================================== */
.consult-cta .gform_wrapper, .dark-section .gform_wrapper {
	max-width: 100% !important;
}

/* Form field layout */
.consult-cta .gform_wrapper .gform_fields {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 16px !important;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}

.consult-cta .gform_wrapper .gfield {
	margin: 0 !important;
	padding: 0 !important;
}

/* Default: all fields full-width */
.consult-cta .gform_wrapper .gfield {
	grid-column: 1/-1 !important;
}

/* Half-width fields — GF uses multiple class patterns depending on version */
.consult-cta .gform_wrapper .gfield--width-half, .consult-cta .gform_wrapper .gf_left_half, .consult-cta .gform_wrapper .gf_right_half, .consult-cta .gform_wrapper .gfield.gf_list_half_left, .consult-cta .gform_wrapper .gfield.gf_list_half_right {
	grid-column: span 1 !important;
}

/* Force fields 1-2 (First Name, Last Name) and 3-4 (Email, Phone) half-width */
.consult-cta .gform_wrapper .gfield:nth-child(1), .consult-cta .gform_wrapper .gfield:nth-child(2), .consult-cta .gform_wrapper .gfield:nth-child(3), .consult-cta .gform_wrapper .gfield:nth-child(4) {
	grid-column: span 1 !important;
}

/* GF footer (submit button area) — full width */
.consult-cta .gform_wrapper .gform_footer, .consult-cta .gform_wrapper .gform_page_footer {
	grid-column: 1/-1 !important;
	margin-top: 8px !important;
	padding: 0 !important;
}

/* Labels */
.consult-cta .gform_wrapper .gfield_label, .dark-section .gform_wrapper .gfield_label {
	font-family: "DM Sans", sans-serif !important;
	font-size: .8rem !important;
	font-weight: 600 !important;
	letter-spacing: .05em !important;
	text-transform: uppercase !important;
	color: rgba(237, 230, 220, .6) !important;
	margin-bottom: 8px !important;
}

/* Required indicator */
.consult-cta .gform_wrapper .gfield_required, .dark-section .gform_wrapper .gfield_required {
	color: var(--copper) !important;
	font-size: .7rem !important;
}

/* Inputs */
.consult-cta .gform_wrapper input[type="text"], .consult-cta .gform_wrapper input[type="email"], .consult-cta .gform_wrapper input[type="tel"], .consult-cta .gform_wrapper input[type="url"], .consult-cta .gform_wrapper textarea, .consult-cta .gform_wrapper select, .dark-section .gform_wrapper input[type="text"], .dark-section .gform_wrapper input[type="email"], .dark-section .gform_wrapper input[type="tel"], .dark-section .gform_wrapper textarea {
	background: rgba(255, 255, 255, .05) !important;
	border-color: rgba(197, 163, 119, .2) !important;
	color: var(--cream-text) !important;
}

.dark-section .gform_wrapper input::placeholder, .dark-section .gform_wrapper textarea::placeholder {
	color: rgba(237, 230, 220, .4) !important;
}

/* Consult CTA + Dark section — Placeholders */
.consult-cta .gform_wrapper input::placeholder, .consult-cta .gform_wrapper textarea::placeholder {
	color: rgba(237, 230, 220, .3) !important;
}

/* Consult CTA — Focus states */
.consult-cta .gform_wrapper input:focus, .consult-cta .gform_wrapper textarea:focus, .consult-cta .gform_wrapper select:focus {
	border-color: var(--copper) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(197, 163, 119, .1) !important;
}

/* Consult CTA — Select dropdown */
.consult-cta .gform_wrapper select {
	appearance: none !important;
	cursor: pointer !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c5a377' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 16px center !important;
	background-size: 12px !important;
}

.consult-cta .gform_wrapper select.nitro-lazy {
	background-image: none !important;
}

.consult-cta .gform_wrapper select option {
	background: var(--deep-navy) !important;
	color: var(--cream-text) !important;
}

/* Consult CTA — Submit button */
.consult-cta .gform_wrapper .gform_button, .consult-cta .gform_wrapper input[type="submit"] {
	width: 100% !important;
	padding: 16px 36px !important;
	background: var(--copper) !important;
	color: var(--deep-navy) !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: .9rem !important;
	font-weight: 700 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
	border: none !important;
	cursor: pointer !important;
	transition: background .3s ease !important;
	margin-top: 8px !important;
}

.consult-cta .gform_wrapper .gform_button:hover, .consult-cta .gform_wrapper input[type="submit"]:hover {
	background: var(--copper-light) !important;
}

/* Consult CTA — Validation errors */
.consult-cta .gform_wrapper .gfield_error input, .consult-cta .gform_wrapper .gfield_error textarea, .consult-cta .gform_wrapper .gfield_error select {
	border-color: #e74c3c !important;
}

.consult-cta .gform_wrapper .gfield_error .gfield_label {
	color: #e74c3c !important;
}

.consult-cta .gform_wrapper .validation_message {
	color: #e74c3c !important;
	font-size: .8rem !important;
	margin-top: 4px !important;
}

/* Consult CTA — Description text */
.consult-cta .gform_wrapper .gfield_description {
	color: rgba(237, 230, 220, .4) !important;
	font-size: .8rem !important;
}

/* Consult CTA — GF footer / spinner */
.consult-cta .gform_wrapper .gform_footer {
	margin-top: 16px !important;
	padding: 0 !important;
}

.consult-cta .gform_wrapper .gform_ajax_spinner {
	display: none !important;
}

/* Consult CTA — Textarea height */
.consult-cta .gform_wrapper textarea {
	min-height: 120px !important;
	resize: vertical !important;
}

/* Responsive — stack form fields on mobile */
@media (max-width: 768px) {
	.consult-cta .gform_wrapper .gfield--width-half {
		flex: 0 0 100% !important;
	}
}

/* ========================================================================
SKIP LINK
======================================================================== */
.skip-link {
	position: absolute;
	top: -100px;
	left: 0;
	background: var(--forest);
	color: var(--cream);
	padding: 12px 24px;
	z-index: 10000;
	transition: top .3s ease;
}

.skip-link:focus {
	top: 0;
}

/* ========================================================================
RESPONSIVE — 1024px
======================================================================== */
@media (max-width: 1024px) {
	section {
		padding: 80px 0;
	}
	
	.page-hero {
		padding: 120px 0 80px;
	}
	
	.footer-v2-top {
		grid-template-columns: 1fr 1fr;
		gap: 48px;
	}
	
	.footer-v2-brand {
		grid-column: span 2;
	}
	
	.consult-inner {
		grid-template-columns: 1fr;
		gap: 48px;
	}
	
	.office-grid {
		grid-template-columns: 1fr !important;
	}
}

/* ========================================================================
RESPONSIVE — 768px
======================================================================== */
@media (max-width: 768px) {
	.container, .container--narrow {
		padding: 0 24px;
	}
	
	.footer-v2-inner {
		padding: 0 24px;
	}
	
	.footer-v2-top {
		grid-template-columns: 1fr;
		gap: 48px;
	}
	
	.footer-v2-brand {
		grid-column: auto;
	}
	
	.footer-v2-brand .footer-v2-logo {
		height: 100px;
		margin-bottom: 24px;
	}
	
	.footer-v2-bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}
	
	.blog-grid {
		grid-template-columns: 1fr;
	}
	
	.form-row {
		grid-template-columns: 1fr;
	}
	
	.consult-form {
		padding: 32px 24px;
	}
	
	.office-locations {
		padding: 80px 0;
	}
	
	.office-locations-header {
		margin-bottom: 48px;
	}
	
	.office-card {
		padding: 48px 32px;
	}
	
	/* Hide header nav, show mobile toggle */
	.header-nav {
		display: none;
	}
	
	/* Shrink header logo on mobile */
	.header-logo img {
		height: 80px !important;
	}
	
	.mobile-toggle {
		display: block;
		position: relative;
		z-index: 1001;
	}
	
	/* ---- Mobile nav overlay (opens when .header-nav has .open) ---- */
	.header-nav.open {
		display: flex !important;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 0;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100dvh;
		padding: 120px 32px 48px;
		background: rgba(15, 26, 40, .98);
		backdrop-filter: blur(24px) saturate(1.2);
		-webkit-backdrop-filter: blur(24px) saturate(1.2);
		overflow-y: auto;
		z-index: 999;
		animation: sfl-nav-fade-in .25s ease-out;
	}
	
	@keyframes sfl-nav-fade-in {
		from {
			opacity: 0;
		}
		
		to {
			opacity: 1;
		}
	}
	
	.header-nav.open ul, .header-nav.open .menu {
		flex-direction: column !important;
		align-items: center !important;
		gap: 0 !important;
		width: 100% !important;
		max-width: 280px !important;
		/* 70% of former 340px */
		padding: 0 !important;
		margin: 0 !important;
		list-style: none !important;
	}
	
	.header-nav.open li {
		width: 100% !important;
		text-align: center !important;
		border-bottom: 1px solid rgba(197, 163, 119, .12) !important;
		list-style: none !important;
	}
	
	.header-nav.open li:first-child {
		border-top: 1px solid rgba(197, 163, 119, .12) !important;
	}
	
	.header-nav.open a, .header-nav.open .menu a {
		display: block !important;
		width: 100% !important;
		padding: 15px 18px !important;
		/* ~70% of former 22px/24px */
		font-family: "Geraldton", sans-serif !important;
		font-size: .75rem !important;
		/* ~70% of former 1.05rem */
		letter-spacing: .14em !important;
		text-transform: uppercase !important;
		color: rgba(237, 230, 220, .92) !important;
		transition: color .25s ease, background .25s ease !important;
	}
	
	.header-nav.open a:hover, .header-nav.open a:active {
		color: var(--copper) !important;
		background: rgba(197, 163, 119, .04) !important;
	}
	
	/* ---- Mobile sub-menu: hidden by default, inline + dark when opened ---- */
	
	/* Base shape — positioning, layout, colors. Visibility is set separately. */
	.header-nav.open .sub-menu, .header-nav.open ul .sub-menu, .header-nav.open .menu .sub-menu, .header-nav.open li > ul {
		position: static !important;
		top: auto !important;
		left: auto !important;
		min-width: 0 !important;
		width: 100% !important;
		background: rgba(197, 163, 119, .05) !important;
		padding: 0 !important;
		margin: 0 !important;
		box-shadow: none !important;
		border: none !important;
		border-radius: 0 !important;
		transform: none !important;
		transition: none !important;
		list-style: none !important;
		/* Hidden by default — JS toggles .sfl-submenu-open on the parent <li> */
		display: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}
	
	/* Reveal only when JS has toggled the class */
	.header-nav.open li.sfl-submenu-open > .sub-menu, .header-nav.open li.sfl-submenu-open > ul {
		display: block !important;
	}
	
	.header-nav.open .sub-menu li {
		width: 100% !important;
		border-top: none !important;
		border-bottom: 1px solid rgba(197, 163, 119, .06) !important;
	}
	
	.header-nav.open .sub-menu li:last-child {
		border-bottom: none !important;
	}
	
	.header-nav.open .sub-menu a {
		padding: 11px 18px !important;
		/* ~70% of former 16px/24px */
		font-size: .65rem !important;
		/* ~70% of former 0.9rem */
		font-weight: 500 !important;
		letter-spacing: .1em !important;
		color: rgba(237, 230, 220, .75) !important;
	}
	
	.header-nav.open .sub-menu a:hover, .header-nav.open .sub-menu a:active {
		color: var(--copper) !important;
		background: rgba(197, 163, 119, .08) !important;
	}
	
	/* Parent <li> with children: flex layout so link + chevron button
	sit side-by-side. Parent link keeps its tap target; chevron owns
	the expand/collapse. */
	.header-nav.open li.menu-item-has-children {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: stretch !important;
		justify-content: center !important;
	}
	
	.header-nav.open li.menu-item-has-children > a {
		flex: 1 1 auto !important;
		width: auto !important;
		padding-right: 12px !important;
	}
	
	/* No more pseudo-chevron — the real button replaces it */
	.header-nav.open li.menu-item-has-children > a::after {
		display: none !important;
	}
	
	/* Chevron button — dedicated tap zone for the sub-menu toggle */
	.sfl-submenu-toggle {
		flex: 0 0 auto !important;
		width: 40px !important;
		/* ~70% of former 56px */
		background: transparent !important;
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
		cursor: pointer !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		color: inherit !important;
		-webkit-tap-highlight-color: transparent !important;
		transition: background .25s ease !important;
	}
	
	.sfl-submenu-toggle:hover, .sfl-submenu-toggle:active, .sfl-submenu-toggle:focus {
		background: rgba(197, 163, 119, .08) !important;
		outline: none !important;
	}
	
	.sfl-chevron {
		display: inline-block !important;
		width: 7px !important;
		/* ~70% of former 10px */
		height: 7px !important;
		border-right: 2px solid var(--copper) !important;
		border-bottom: 2px solid var(--copper) !important;
		transform: rotate(45deg) translate(-2px, -2px) !important;
		transition: transform .25s ease !important;
		pointer-events: none !important;
	}
	
	.header-nav.open li.sfl-submenu-open > .sfl-submenu-toggle .sfl-chevron {
		transform: rotate(-135deg) translate(2px, 2px) !important;
	}
	
	/* Sub-menu sits on its own row below the link + button */
	.header-nav.open li.menu-item-has-children > .sub-menu, .header-nav.open li.menu-item-has-children > ul {
		flex: 0 0 100% !important;
		width: 100% !important;
	}
	
	/* Phone CTA hidden inside the mobile overlay — the pill nav at the
	bottom of the viewport already surfaces the Call action. */
	.header-nav.open .header-phone {
		display: none !important;
	}
	
	/* Hamburger → X transform when active */
	.mobile-toggle.active span {
		background: var(--cream-text) !important;
	}
	
	.mobile-toggle.active span:nth-child(1) {
		transform: translateY(8px) rotate(45deg);
	}
	
	.mobile-toggle.active span:nth-child(2) {
		opacity: 0;
	}
	
	.mobile-toggle.active span:nth-child(3) {
		transform: translateY(-8px) rotate(-45deg);
	}
	
	/* Lock page scroll while menu is open */
	body.mobile-nav-open {
		overflow: hidden;
	}
	
	/* ---- Mobile glass pill nav (canonical — applies on every page) ---- */
	.mobile-pill-nav {
		display: flex !important;
		position: fixed !important;
		bottom: 20px !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		z-index: 999 !important;
		background: rgba(29, 40, 54, .72) !important;
		backdrop-filter: blur(24px) saturate(1.6) !important;
		-webkit-backdrop-filter: blur(24px) saturate(1.6) !important;
		border: 1px solid rgba(197, 163, 119, .18) !important;
		border-radius: 100px !important;
		padding: 8px !important;
		gap: 4px !important;
		box-shadow: 0 8px 32px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .05) inset !important;
		max-width: calc(100vw - 32px) !important;
		right: auto !important;
		width: auto !important;
		margin: 0 !important;
		justify-content: center !important;
	}
	
	.mobile-pill-item {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 3px !important;
		padding: 10px 16px !important;
		border-radius: 100px !important;
		color: rgba(237, 230, 220, .85) !important;
		text-decoration: none !important;
		font-family: "Geraldton", sans-serif !important;
		font-size: .62rem !important;
		font-weight: 600 !important;
		letter-spacing: .08em !important;
		text-transform: uppercase !important;
		transition: background .3s ease, color .3s ease, transform .2s ease !important;
		flex: 1 !important;
		min-width: 0 !important;
	}
	
	.mobile-pill-item svg {
		width: 18px !important;
		height: 18px !important;
		flex-shrink: 0 !important;
	}
	
	.mobile-pill-item:hover, .mobile-pill-item:active {
		background: rgba(197, 163, 119, .12) !important;
		color: #c5a377 !important;
	}
	
	.mobile-pill-primary {
		background: #c5a377 !important;
		color: #1d2836 !important;
	}
	
	.mobile-pill-primary svg {
		fill: #1d2836 !important;
	}
	
	.mobile-pill-primary:hover, .mobile-pill-primary:active {
		background: #d4b78a !important;
		color: #1d2836 !important;
		transform: scale(.97) !important;
		transform-origin: center !important;
	}
	
	/* Add bottom padding to body so pill nav doesn't overlap content */
	body {
		padding-bottom: 96px;
	}
}

/* ========================================================================
RESPONSIVE — 480px
======================================================================== */
@media (max-width: 480px) {
	section {
		padding: 60px 0;
	}
	
	.page-hero {
		padding: 100px 0 60px;
	}
	
	.container, .container--narrow {
		padding: 0 16px;
	}
	
	.footer-v2-inner {
		padding: 0 16px;
	}
	
	.footer-v2-links {
		grid-template-columns: 1fr;
	}
	
	.btn-primary, .btn-secondary {
		width: 100%;
		justify-content: center;
	}
	
	/* Tighten the glass pill on very small screens */
	.mobile-pill-nav {
		bottom: 16px !important;
		max-width: calc(100vw - 24px) !important;
	}
	
	.office-card {
		padding: 32px 24px;
	}
	
	.mobile-pill-item {
		padding: 10px 14px;
	}
}

/* ========================================================================
TESTIMONIALS SLIDER — LAYOUT FIX
======================================================================== */
.testimonials-slider {
	position: relative !important;
	max-width: 1400px !important;
	margin: 0 auto !important;
	overflow: hidden !important;
}

.testimonials-slider-viewport {
	overflow: hidden !important;
	width: 100% !important;
}

.testimonials-track {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 24px !important;
	transition: transform .7s cubic-bezier(.22, .61, .36, 1) !important;
	will-change: transform !important;
}

.testimonial-slide {
	flex: 0 0 calc(( 100% - 48px ) / 3) !important;
	max-width: calc(( 100% - 48px ) / 3) !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

@media (max-width: 1024px) {
	.testimonial-slide {
		flex: 0 0 calc(( 100% - 24px ) / 2) !important;
		max-width: calc(( 100% - 24px ) / 2) !important;
	}
}

@media (max-width: 720px) {
	.testimonial-slide {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

/* --- Blog roll on dark sections --- */
.dark-section .blog-card, .blog-roll.dark-section .blog-card, section.blog-roll .blog-card {
	background: transparent !important;
	border: none !important;
	border-top: 2px solid rgba(197, 163, 119, .2) !important;
	padding: 28px 0 0 !important;
	box-shadow: none !important;
}

section.blog-roll .blog-card:hover {
	border-top-color: var(--copper) !important;
	transform: none !important;
	box-shadow: none !important;
}

section.blog-roll .blog-card h3 {
	color: #ede6dc !important;
}

section.blog-roll .blog-card h3:hover {
	color: var(--copper) !important;
}

section.blog-roll .blog-card-excerpt {
	color: rgba(237, 230, 220, .6) !important;
}

section.blog-roll .blog-card-date {
	color: rgba(237, 230, 220, .35) !important;
}

section.blog-roll .blog-card-read-time {
	color: rgba(237, 230, 220, .4) !important;
}

section.blog-roll .blog-card-category {
	color: var(--copper) !important;
	background: transparent !important;
}

section.blog-roll .blog-card-image img {
	width: 100% !important;
	height: 200px !important;
	object-fit: cover !important;
	margin-bottom: 20px !important;
}

/* --- Kill why-hire card hover --- */
.why-hire-card:hover {
	transform: none !important;
	box-shadow: none !important;
	border-color: inherit !important;
	background: inherit !important;
}

/* ========================================================================
QC FIXES — 2026-04-13
======================================================================== */

/* Hero H1 eyebrow color — dark on cream hero */
.hero .seo-h1, .hero .hero-eyebrow, .hero-eyebrow {
	color: #1d2836 !important;
	font-weight: 600 !important;
}

/* Why Hire section — match homepage template fonts */
.why-hire h2 {
	font-family: "Geraldton", sans-serif !important;
	font-weight: 600 !important;
	color: var(--ink) !important;
}

.why-hire h4 {
	font-family: "Geraldton", sans-serif !important;
	font-weight: 600 !important;
	color: var(--ink) !important;
}

.why-hire p {
	color: var(--ink-soft) !important;
}

.why-hire .section-label {
	color: var(--copper) !important;
}

/* Remove counter "reviews" after text */
.counter-total::after {
	display: none !important;
	content: none !important;
}

/* Remove secondary button from investment section */
.investment-content .btn-secondary, .investment-content a.btn-secondary {
	display: none !important;
}

/* FAQ heading color */
.faq h2 {
	color: #0b1626 !important;
}

/* Office card heading color — cream for dark background */
.office-card h3 {
	color: #ede6dc !important;
}