:root {
		--blue: #1f7a67 !important;
		--black: #071d17 !important;
		--off-white: #f6f8f1 !important;
		--line: rgba(7, 29, 23, .12) !important;
		--metal-green: #1f7a67;
		--metal-green-dark: #0e4c3f;
		--metal-green-mid: #2c6f5f;
		--metal-green-light: #dce8dc;
		--metal-cream: #fbfcf7;
	}

	body {
		background: var(--metal-cream);
		color: var(--black);
	}

	.site-header {
		background:
			linear-gradient(90deg, rgba(255,255,255,.98), rgba(246,248,241,.94)) !important;
		border-bottom-color: rgba(7, 29, 23, .12) !important;
		box-shadow: 0 18px 54px rgba(7, 29, 23, .055) !important;
	}

	.nav > a::before,
	.sjh-cursor {
		background:
			radial-gradient(circle at 30% 22%, rgba(255,255,255,.42), transparent 29%),
			linear-gradient(135deg, #2f8b76 0%, #1f7a67 48%, #0e4c3f 100%) !important;
		box-shadow:
			0 0 0 2px rgba(255,255,255,.95),
			0 0 0 3px rgba(31,122,103,.16),
			0 16px 42px rgba(31,122,103,.22) !important;
	}

	@media (pointer: fine) {
		.sjh-cursor.is-discover,
		.sjh-cursor.is-view,
		.sjh-cursor.is-play,
		.sjh-cursor.is-previous,
		.sjh-cursor.is-next {
			background:
				radial-gradient(circle at 30% 22%, rgba(255,255,255,.34), transparent 30%),
				linear-gradient(135deg, #2f8b76 0%, #1f7a67 50%, #0e4c3f 100%) !important;
			box-shadow:
				0 18px 44px rgba(31,122,103,.3),
				0 0 0 2px rgba(255,255,255,.95),
				inset 0 1px 0 rgba(255,255,255,.24) !important;
		}

		.sjh-cursor.is-on-blue,
		.sjh-cursor.is-on-blue.is-discover,
		.sjh-cursor.is-on-blue.is-view,
		.sjh-cursor.is-on-blue.is-play,
		.sjh-cursor.is-on-blue.is-previous,
		.sjh-cursor.is-on-blue.is-next {
			background: rgba(251,252,247,.96) !important;
			color: var(--blue) !important;
			box-shadow:
				0 16px 42px rgba(7,29,23,.22),
				0 0 0 1px rgba(255,255,255,.52) !important;
		}
	}

	.display,
	.section-title,
	.event-panel span,
	.event-archive-title,
	.event-single-title,
	.event-intro-title,
	.event-gallery-title,
	.sjh-about-page h1,
	.sjh-about-page h2,
	.sjh-clients-page h1,
	.sjh-clients-page h2,
	.sjh-contact-page h1,
	.sjh-contact-page h2,
	.sjh-service-page h1,
	.sjh-service-page h2,
	.sjh-service-archive h1,
	.sjh-service-archive h2,
	.text-link,
	.event-filter-bar a.active,
	.event-filter-bar a:hover {
		color: var(--blue) !important;
	}

	.text-link::before,
	.menu-toggle:hover,
	body.mobile-menu-open .menu-toggle,
	.arrow:hover,
	.event-gallery-arrow:hover,
	.event-image-lightbox-arrow:hover,
	.event-video-trigger.is-play-button-hovered .event-play-button,
	.sjh-cookie-button.is-primary,
	.sjh-cookie-peek:hover,
	.sjh-cookie-peek:focus-visible {
		background: var(--blue) !important;
		border-color: var(--blue) !important;
	}

	.event-card,
	.event-archive-card,
	.sjh-client-card,
	.sjh-service-index-card,
	.sjh-service-related-card {
		box-shadow: 0 18px 48px rgba(7, 29, 23, .065);
		transition:
			transform .55s cubic-bezier(.16, 1, .3, 1),
			box-shadow .55s ease,
			border-color .35s ease,
			background .35s ease;
	}

	.event-card:hover,
	.event-card.is-hovered,
	.event-archive-card:hover,
	.sjh-client-card:hover,
	.sjh-service-index-card:hover,
	.sjh-service-related-card:hover {
		border-color: rgba(31,122,103,.24) !important;
		box-shadow: 0 28px 70px rgba(7,29,23,.12);
	}

	.event-panel,
	.event-archive-panel,
	.sjh-cookie-panel {
		border-color: rgba(31,122,103,.18) !important;
	}

	.testimonial-stage,
	.clients-testimonials,
	.event-video-lightbox,
	.event-image-lightbox,
	.sjh-contact-footer {
		background:
			radial-gradient(circle at 78% 36%, rgba(31,122,103,.24), transparent 30%),
			linear-gradient(135deg, #071d17 0%, #123d34 58%, #2c6f5f 100%) !important;
	}