
	body:not(.wp-admin) {
		--sjh-mobile-pad: clamp(18px, 5.2vw, 26px);
		--sjh-nav-green: #0b4f40;
		--sjh-nav-deep: #04251e;
		--sjh-nav-paper: #f6f8f3;
		-webkit-tap-highlight-color: transparent;
	}

	body:not(.wp-admin) :is(
		.kicker,
		.eyebrow,
		.event-kicker,
		.section-kicker,
		.section-eyebrow,
		.sjh-kicker,
		.sjh-eyebrow,
		.sjh-section-kicker,
		.sjh-section-eyebrow,
		.sjh-service-kicker,
		.sjh-service-eyebrow,
		.sjh-underlay-nav__eyebrow,
		.mobile-menu-kicker
	) {
		display: none !important;
	}

	body:not(.wp-admin) :is(.sjh-underlay-nav__logo, .site-header .brand) {
		overflow: visible !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		transition: filter .28s ease, opacity .28s ease, transform .34s cubic-bezier(.16, 1, .3, 1) !important;
	}

	body:not(.wp-admin) :is(.sjh-underlay-nav__logo img, .site-header .brand img) {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		max-height: 58px !important;
		object-fit: contain !important;
		object-position: left center !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	body:not(.wp-admin) .sjh-underlay-nav__header.is-logo-light .sjh-underlay-nav__logo {
		filter: drop-shadow(0 14px 34px rgba(0, 0, 0, .3)) !important;
	}

	body:not(.wp-admin) .sjh-underlay-nav__header:not(.is-logo-light) .sjh-underlay-nav__logo {
		filter: drop-shadow(0 14px 34px rgba(4, 37, 30, .14)) !important;
	}

	body:not(.wp-admin) :is(a, button, [role="button"]) {
		touch-action: manipulation;
	}

	body:not(.wp-admin) :is(a, button, input, select, textarea, summary):focus {
		outline: none !important;
	}

	body:not(.wp-admin) :is(a, button, input, select, textarea, summary):focus-visible {
		outline: 2px solid rgba(11, 79, 64, .34) !important;
		outline-offset: 4px !important;
	}

	@media (max-width: 900px) {
		html {
			scroll-padding-top: 90px;
		}

		body:not(.wp-admin) {
			--sjh-pad: var(--sjh-mobile-pad);
		}

		body:not(.wp-admin) :is(.sjh-underlay-nav__header, .site-header) {
			position: fixed !important;
			z-index: 9030 !important;
			top: max(12px, env(safe-area-inset-top)) !important;
			left: var(--sjh-mobile-pad) !important;
			right: var(--sjh-mobile-pad) !important;
			width: auto !important;
			height: auto !important;
			min-height: 0 !important;
			padding: 0 !important;
			border: 0 !important;
			background: transparent !important;
			box-shadow: none !important;
			backdrop-filter: none !important;
			-webkit-backdrop-filter: none !important;
			pointer-events: none !important;
		}

		body.admin-bar:not(.wp-admin) :is(.sjh-underlay-nav__header, .site-header) {
			top: calc(46px + max(12px, env(safe-area-inset-top))) !important;
		}

		body:not(.wp-admin) :is(.sjh-underlay-nav__bar, .sjh-underlay-nav__container) {
			width: 100% !important;
			min-height: 0 !important;
			padding: 0 !important;
			display: flex !important;
			align-items: flex-start !important;
			justify-content: space-between !important;
			gap: 14px !important;
			pointer-events: none !important;
			background: transparent !important;
			border: 0 !important;
			box-shadow: none !important;
		}

		body:not(.wp-admin) :is(.sjh-underlay-nav__logo, .site-header .brand) {
			width: clamp(132px, 42vw, 178px) !important;
			max-width: calc(100vw - 166px) !important;
			min-width: 0 !important;
			padding: 0 !important;
			pointer-events: auto !important;
		}

		body:not(.wp-admin) :is(.sjh-underlay-nav__logo img, .site-header .brand img) {
			max-height: 44px !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__toggle {
			position: relative !important;
			min-width: 94px !important;
			min-height: 40px !important;
			padding: 0 11px 0 14px !important;
			display: inline-flex !important;
			align-items: center !important;
			justify-content: center !important;
			gap: 9px !important;
			border: 1px solid rgba(4, 37, 30, .16) !important;
			border-radius: 999px !important;
			background: rgba(246, 248, 243, .76) !important;
			color: var(--sjh-nav-deep) !important;
			box-shadow: 0 14px 34px rgba(4, 37, 30, .16), inset 0 1px 0 rgba(255, 255, 255, .78) !important;
			backdrop-filter: blur(18px) saturate(1.08) !important;
			-webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
			pointer-events: auto !important;
			transform: translateZ(0) !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__header.is-logo-light .sjh-underlay-nav__toggle,
		body:not(.wp-admin).sjh-underlay-open .sjh-underlay-nav__toggle {
			border-color: rgba(255, 255, 255, .28) !important;
			background: rgba(4, 37, 30, .58) !important;
			color: #fff !important;
			box-shadow: 0 16px 44px rgba(2, 18, 14, .25), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__toggle::before {
			display: none !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__toggle-text {
			height: 11px !important;
			min-width: 46px !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__toggle-label {
			height: 11px !important;
			font: 830 10px/11px "Inter", Arial, sans-serif !important;
			letter-spacing: .13em !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__toggle-icon {
			width: 18px !important;
			height: 14px !important;
			gap: 5px !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__toggle-icon span,
		body:not(.wp-admin) .sjh-underlay-nav__toggle-bar {
			height: 2px !important;
			border-radius: 999px !important;
			background: currentColor !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__menu {
			position: fixed !important;
			z-index: 9020 !important;
			top: max(68px, calc(env(safe-area-inset-top) + 62px)) !important;
			right: var(--sjh-mobile-pad) !important;
			bottom: max(14px, env(safe-area-inset-bottom)) !important;
			left: auto !important;
			width: min(390px, calc(100vw - (2 * var(--sjh-mobile-pad)))) !important;
			max-width: none !important;
			height: auto !important;
			border: 1px solid rgba(4, 37, 30, .14) !important;
			border-radius: 24px !important;
			background:
				radial-gradient(circle at 92% 12%, rgba(11,79,64,.13), transparent 30%),
				linear-gradient(135deg, rgba(255,255,255,.98), rgba(246,248,243,.94)) !important;
			color: var(--sjh-nav-deep) !important;
			box-shadow: 0 24px 74px rgba(4,37,30,.23), inset 0 1px 0 rgba(255,255,255,.82) !important;
			clip-path: inset(0 0 100% 0 round 24px) !important;
			overflow: hidden !important;
			pointer-events: none !important;
			transform: none !important;
			transition: clip-path .62s cubic-bezier(.16, 1, .3, 1), opacity .34s ease !important;
		}

		body.admin-bar:not(.wp-admin) .sjh-underlay-nav__menu {
			top: calc(46px + max(68px, calc(env(safe-area-inset-top) + 62px))) !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__menu.is-open {
			clip-path: inset(0 0 0 0 round 24px) !important;
			pointer-events: auto !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__menu::before {
			content: "Events" !important;
			position: absolute !important;
			left: -10px !important;
			right: auto !important;
			bottom: 8px !important;
			z-index: 0 !important;
			color: rgba(11,79,64,.045) !important;
			font: 900 clamp(66px, 23vw, 112px)/.82 "Inter", Arial, sans-serif !important;
			letter-spacing: -.09em !important;
			transform: none !important;
			pointer-events: none !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__menu::after {
			content: "" !important;
			position: absolute !important;
			inset: 10px !important;
			z-index: 0 !important;
			border: 1px solid rgba(4,37,30,.08) !important;
			border-radius: 17px !important;
			pointer-events: none !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__inner {
			position: relative !important;
			z-index: 1 !important;
			height: 100% !important;
			min-height: 0 !important;
			display: grid !important;
			grid-template-rows: 1fr auto !important;
			gap: 18px !important;
			padding: 20px 18px 18px !important;
			overflow: auto !important;
			overscroll-behavior: contain !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__link-large {
			display: grid !important;
			grid-template-columns: 28px minmax(0, 1fr) 16px !important;
			gap: 10px !important;
			align-items: center !important;
			padding: clamp(14px, 4.6vw, 20px) 0 !important;
			border-top: 1px solid rgba(4,37,30,.12) !important;
			color: var(--sjh-nav-deep) !important;
			overflow: hidden !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__link-label {
			font: 900 clamp(36px, 11.8vw, 54px)/.88 "Inter", Arial, sans-serif !important;
			letter-spacing: -.07em !important;
			text-wrap: balance !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__link-count {
			color: rgba(4,37,30,.56) !important;
			font: 850 10px/1 "Inter", Arial, sans-serif !important;
			letter-spacing: .12em !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__bottom {
			display: grid !important;
			grid-template-columns: 1fr !important;
			gap: 14px !important;
			padding-top: 16px !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__bottom-col {
			display: grid !important;
			gap: 7px !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__small-title {
			font: 820 10px/1 "Inter", Arial, sans-serif !important;
			letter-spacing: .16em !important;
			text-transform: uppercase !important;
			color: rgba(4,37,30,.54) !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__link-small {
			font: 640 14px/1.22 "Inter", Arial, sans-serif !important;
			color: rgba(4,37,30,.74) !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__socials {
			display: flex !important;
			flex-wrap: wrap !important;
			gap: 8px !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__socials a {
			width: 38px !important;
			height: 38px !important;
			border: 1px solid rgba(4,37,30,.15) !important;
			border-radius: 999px !important;
			background: rgba(255,255,255,.52) !important;
			color: var(--sjh-nav-green) !important;
			font: 850 10px/1 "Inter", Arial, sans-serif !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__overlay {
			transform: none !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__dark {
			background: rgba(246, 248, 243, .48) !important;
			backdrop-filter: blur(10px) saturate(1.02) !important;
			-webkit-backdrop-filter: blur(10px) saturate(1.02) !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__borders {
			display: none !important;
		}

		body:not(.wp-admin).sjh-underlay-open :is(.sjh-demo-demo13, .sjh-underlay-nav__header, .sjh-underlay-nav__overlay) {
			transform: none !important;
		}

		body:not(.wp-admin) :is(
			.event-archive-hero,
			.sjh-about-intro,
			.sjh-clients-intro,
			.sjh-contact-intro,
			.sjh-service-hero
		) {
			padding-top: clamp(108px, 27vw, 138px) !important;
			padding-bottom: clamp(42px, 13vw, 66px) !important;
		}

		body:not(.wp-admin) :is(
			.event-archive-content,
			.sjh-about-hero-grid,
			.sjh-clients-hero-grid,
			.sjh-contact-intro-grid,
			.sjh-service-hero-inner
		) {
			display: grid !important;
			grid-template-columns: 1fr !important;
			gap: clamp(20px, 7vw, 34px) !important;
			width: 100% !important;
			max-width: none !important;
		}

		body:not(.wp-admin) :is(
			.event-archive-title,
			.sjh-about-intro .display,
			.sjh-clients-intro .display,
			.sjh-contact-intro .display,
			.sjh-service-hero h1
		) {
			max-width: 9.5ch !important;
			font-size: clamp(42px, 13vw, 64px) !important;
			line-height: .88 !important;
			letter-spacing: -.075em !important;
			text-wrap: balance !important;
		}

		body:not(.wp-admin) :is(
			.event-archive-lede,
			.sjh-about-page .intro-copy,
			.sjh-clients-page .intro-copy,
			.sjh-contact-page .intro-copy,
			.sjh-service-hero-copy p
		) {
			max-width: none !important;
			font-size: clamp(21px, 6.6vw, 30px) !important;
			line-height: 1.08 !important;
			letter-spacing: -.055em !important;
		}

		body:not(.wp-admin) :is(.sjh-flagship-section-head, .sjh-flagship-showcase-head) {
			padding-inline: var(--sjh-mobile-pad) !important;
			grid-template-columns: 1fr !important;
			gap: 18px !important;
		}

		body:not(.wp-admin) .sjh-flagship-section-head h2,
		body:not(.wp-admin) .sjh-flagship-showcase-head h2 {
			max-width: 9.5ch !important;
			font-size: clamp(40px, 13vw, 62px) !important;
			line-height: .9 !important;
		}

		body:not(.wp-admin) :is(.sjh-flagship-work-grid, .sjh-flagship-gallery-rail, .event-archive-grid, .sjh-client-grid) {
			padding-inline: var(--sjh-mobile-pad) !important;
		}
	}

	@media (max-width: 520px) {
		body:not(.wp-admin) .sjh-underlay-nav__menu {
			width: calc(100vw - (2 * var(--sjh-mobile-pad))) !important;
		}

		body:not(.wp-admin) .sjh-underlay-nav__link-label {
			font-size: clamp(32px, 11vw, 46px) !important;
		}
	}

	@media (prefers-reduced-motion: reduce) {
		body:not(.wp-admin) :is(.sjh-underlay-nav__menu, .sjh-underlay-nav__toggle, .sjh-underlay-nav__logo, [data-underlay-reveal-large], [data-underlay-reveal-small]) {
			transition: none !important;
		}
	}
