
	:root {
		--sjh-metal: #0d4c3d;
		--sjh-metal-dark: #05271f;
		--sjh-metal-mid: #1f7a67;
		--sjh-cream: #f5f7ef;
		--sjh-cream-2: #eef3e9;
		--sjh-ink: #061f19;
		--sjh-muted: rgba(6, 31, 25, .68);
		--sjh-line: rgba(6, 31, 25, .12);
		--sjh-pad: clamp(22px, 4.6vw, 92px);
		--sjh-inner-top: clamp(146px, 13.5vw, 232px);
	}

	body.sjh-flagship-site,
	body.sjh-flagship-site .wp-site-blocks {
		background: var(--sjh-cream);
		color: var(--sjh-ink);
		font-family: Inter, Arial, sans-serif;
		overflow-x: clip;
	}

	body.sjh-flagship-site .wp-site-blocks > header.wp-block-template-part,
	body.sjh-flagship-site .wp-site-blocks > footer.wp-block-template-part {
		display: none !important;
	}

	body.sjh-flagship-site .entry-content,
	body.sjh-flagship-site .wp-block-post-content {
		margin-block-start: 0;
	}

	body.sjh-flagship-site :is(h1, h2, h3, h4, p, a, button, input, textarea, select, label, cite, span, small, strong) {
		font-family: Inter, Arial, sans-serif;
	}

	body.sjh-flagship-site :is(.event-archive-page, .event-single, .sjh-about-page, .sjh-clients-page, .sjh-contact-page, .sjh-service-page) {
		background: var(--sjh-cream);
		color: var(--sjh-ink);
	}

	body.sjh-flagship-site :is(.event-archive-title, .event-single-title, .sjh-about-page .display, .sjh-clients-page .display, .sjh-contact-page .display, .sjh-service-page h1) {
		max-width: min(1760px, calc(100vw - (var(--sjh-pad) * 2))) !important;
		color: var(--sjh-metal-dark) !important;
		font-size: clamp(58px, 10.8vw, 174px) !important;
		font-weight: 900 !important;
		letter-spacing: -.085em !important;
		line-height: .82 !important;
		text-wrap: balance;
	}

	body.sjh-flagship-site :is(.event-archive-lede, .event-single-lede, .sjh-about-page .intro-copy, .sjh-clients-page .intro-copy, .sjh-contact-page .intro-copy, .sjh-service-hero-copy p) {
		max-width: min(1420px, calc(100vw - (var(--sjh-pad) * 2))) !important;
		color: rgba(6, 31, 25, .78) !important;
		font-size: clamp(24px, 3.1vw, 52px) !important;
		font-weight: 500 !important;
		letter-spacing: -.055em !important;
		line-height: 1.06 !important;
		text-wrap: pretty;
	}

	body.sjh-flagship-site :is(.section-title, .event-gallery-title, .event-related-services h2, .sjh-about-page h2, .sjh-clients-page h2, .sjh-contact-page h2, .sjh-service-page h2) {
		color: var(--sjh-metal-dark) !important;
		font-size: clamp(38px, 6vw, 96px) !important;
		font-weight: 900 !important;
		letter-spacing: -.075em !important;
		line-height: .88 !important;
		text-wrap: balance;
	}

	body.sjh-flagship-site :is(.text-link, .sjh-service-text-link, .sjh-about-group-cta) {
		position: relative;
		display: inline-flex;
		width: fit-content;
		align-items: center;
		gap: 10px;
		color: var(--sjh-metal) !important;
		font-size: 13px;
		font-weight: 900;
		letter-spacing: .12em;
		line-height: 1;
		text-transform: uppercase;
		text-decoration: none;
	}

	body.sjh-flagship-site :is(.text-link, .sjh-service-text-link, .sjh-about-group-cta)::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: -9px;
		height: 1px;
		background: currentColor;
		transform-origin: left;
		transition: transform .45s cubic-bezier(.16, 1, .3, 1);
	}

	body.sjh-flagship-site :is(.text-link, .sjh-service-text-link, .sjh-about-group-cta):hover::after {
		transform: scaleX(.55);
	}

	body.sjh-flagship-site .sjh-underlay-nav__header {
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	body.sjh-flagship-site .sjh-underlay-nav__logo {
		width: clamp(138px, 12vw, 220px) !important;
		filter: drop-shadow(0 18px 44px rgba(0,0,0,.16));
	}

	body.sjh-flagship-site .sjh-underlay-nav__toggle {
		color: #fff;
		background: rgba(6, 31, 25, .52);
		border: 1px solid rgba(255,255,255,.22);
		backdrop-filter: blur(18px);
	}

	body.sjh-flagship-site :is(.event-archive-hero, .sjh-about-intro, .sjh-clients-intro, .sjh-contact-intro, .sjh-service-hero) {
		position: relative;
		padding: var(--sjh-inner-top) var(--sjh-pad) clamp(72px, 8vw, 132px) !important;
		background:
			radial-gradient(circle at 86% 8%, rgba(31,122,103,.18), transparent 28%),
			linear-gradient(135deg, rgba(255,255,255,.82), rgba(234,241,232,.88));
		border-bottom: 1px solid var(--sjh-line);
		overflow: hidden;
	}

	body.sjh-flagship-site :is(.event-archive-content, .sjh-about-hero-grid, .sjh-clients-hero-grid, .sjh-contact-intro-grid, .sjh-service-hero-inner) {
		max-width: none !important;
		width: 100%;
		margin: 0;
		display: grid;
		grid-template-columns: minmax(0, .95fr) minmax(360px, .72fr);
		gap: clamp(34px, 5.2vw, 110px);
		align-items: end;
	}

	body.sjh-flagship-site .event-archive-content {
		grid-template-columns: minmax(0, 1fr);
	}

	body.sjh-flagship-site .event-archive-lede {
		margin-top: clamp(26px, 3vw, 52px) !important;
	}

	body.sjh-flagship-site .event-filter-bar {
		position: relative;
		z-index: 3;
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
		padding: clamp(30px, 3.8vw, 62px) var(--sjh-pad) clamp(28px, 3.2vw, 54px) !important;
		background: rgba(245, 247, 239, .88);
		backdrop-filter: blur(18px);
		border-bottom: 1px solid var(--sjh-line);
	}

	body.sjh-flagship-site .event-filter-bar a {
		min-height: 46px;
		padding: 0 22px;
		border: 1px solid rgba(6,31,25,.14) !important;
		border-radius: 999px;
		background: rgba(255,255,255,.52);
		color: var(--sjh-metal-dark) !important;
		box-shadow: none !important;
		transition: transform .35s cubic-bezier(.16,1,.3,1), background .35s ease, color .35s ease, border-color .35s ease;
	}

	body.sjh-flagship-site .event-filter-bar a span {
		font-size: 12px;
		font-weight: 900;
		letter-spacing: .1em;
		text-transform: uppercase;
	}

	body.sjh-flagship-site .event-filter-bar a:hover,
	body.sjh-flagship-site .event-filter-bar a.is-active {
		transform: translateY(-2px);
		background: var(--sjh-metal) !important;
		border-color: var(--sjh-metal) !important;
		color: #fff !important;
	}

	body.sjh-flagship-site .event-archive-grid {
		display: grid;
		grid-template-columns: repeat(12, minmax(0, 1fr));
		gap: clamp(14px, 1.35vw, 26px) !important;
		width: 100%;
		padding: clamp(22px, 2.8vw, 48px) var(--sjh-pad) clamp(92px, 10vw, 160px) !important;
		background: var(--sjh-cream);
		border: 0;
	}

	body.sjh-flagship-site .event-archive-card {
		grid-column: span 4;
		min-height: clamp(420px, 34vw, 620px);
		aspect-ratio: auto !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: var(--sjh-metal-dark);
		box-shadow: 0 24px 70px rgba(6,31,25,.1);
		overflow: hidden;
	}

	body.sjh-flagship-site .event-archive-card:nth-child(6n+1),
	body.sjh-flagship-site .event-archive-card:nth-child(6n+2) {
		grid-column: span 6;
	}

	body.sjh-flagship-site .event-archive-card img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center 38%;
		filter: saturate(1.03) contrast(1.02) brightness(1.02);
		transform: scale(1.01);
		transition: transform .9s cubic-bezier(.16, 1, .3, 1), filter .55s ease;
	}

	body.sjh-flagship-site .event-archive-card:hover img {
		transform: scale(1.055);
		filter: saturate(1.08) contrast(1.04) brightness(.82);
	}

	body.sjh-flagship-site .event-archive-card-panel {
		inset: auto 16px 16px 16px !important;
		padding: clamp(18px, 2vw, 32px) !important;
		background: rgba(245,247,239,.88) !important;
		color: var(--sjh-metal-dark) !important;
		backdrop-filter: blur(18px);
		opacity: 0;
		transition: opacity .35s ease, transform .55s cubic-bezier(.16, 1, .3, 1);
		transform: translateY(18px);
	}

	body.sjh-flagship-site .event-archive-card:hover .event-archive-card-panel,
	body.sjh-flagship-site .event-archive-card:focus-visible .event-archive-card-panel,
	body.sjh-flagship-site .event-archive-card.is-hovered .event-archive-card-panel {
		opacity: 1;
		transform: translateY(0);
	}

	body.sjh-flagship-site .event-archive-card-panel strong {
		color: inherit !important;
		font-size: clamp(28px, 3vw, 58px) !important;
		font-weight: 900 !important;
		letter-spacing: -.07em !important;
		line-height: .92 !important;
	}

	body.sjh-flagship-site .event-archive-card-panel span {
		color: rgba(6,31,25,.62) !important;
		font-size: 11px !important;
		font-weight: 900;
		letter-spacing: .1em;
	}

	body.sjh-flagship-site .event-video-hero {
		margin: 0;
		padding: 0;
		background: var(--sjh-metal-dark);
	}

	body.sjh-flagship-site .event-video-frame {
		width: 100%;
		height: clamp(560px, 96svh, 980px);
		aspect-ratio: auto;
		margin: 0;
		border-radius: 0;
		background: var(--sjh-metal-dark);
	}

	body.sjh-flagship-site .event-video-trigger img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center 34%;
		filter: brightness(.82) saturate(1.04);
	}

	body.sjh-flagship-site .event-play-button {
		width: clamp(66px, 7vw, 112px);
		height: clamp(66px, 7vw, 112px);
		border: 1px solid rgba(255,255,255,.42);
		background: rgba(255,255,255,.13) !important;
		backdrop-filter: blur(18px);
	}

	body.sjh-flagship-site .event-video-trigger.is-play-button-hovered .event-play-button {
		background: var(--sjh-metal) !important;
		border-color: var(--sjh-metal) !important;
		transform: scale(1.06);
	}

	body.sjh-flagship-site .event-single-hero {
		min-height: 0;
		padding: clamp(78px, 8vw, 142px) var(--sjh-pad) clamp(62px, 7vw, 118px) !important;
		background:
			radial-gradient(circle at 84% 0%, rgba(31,122,103,.14), transparent 26%),
			var(--sjh-cream) !important;
		color: var(--sjh-ink);
	}

	body.sjh-flagship-site .event-single-media,
	body.sjh-flagship-site .event-single-hero::after {
		display: none !important;
	}

	body.sjh-flagship-site .event-single-content {
		position: relative;
		z-index: 1;
		max-width: none;
		width: 100%;
	}

	body.sjh-flagship-site .event-single-title {
		color: var(--sjh-metal) !important;
	}

	body.sjh-flagship-site .event-meta-row {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		margin-top: clamp(30px, 3.5vw, 56px);
	}

	body.sjh-flagship-site .event-meta-row span {
		min-height: 38px;
		display: inline-flex;
		align-items: center;
		padding: 0 16px;
		border: 1px solid rgba(6,31,25,.14);
		border-radius: 999px;
		background: rgba(255,255,255,.52);
		color: var(--sjh-metal-dark);
		font-size: 11px;
		font-weight: 900;
		letter-spacing: .11em;
		text-transform: uppercase;
	}

	body.sjh-flagship-site .event-static-scroll {
		padding: clamp(22px, 3vw, 52px) 0 clamp(88px, 10vw, 156px) !important;
		background: var(--sjh-cream);
	}

	body.sjh-flagship-site .event-static-layout {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(320px, 28vw);
		gap: clamp(28px, 4vw, 72px);
		width: 100%;
		padding: 0 var(--sjh-pad);
	}

	body.sjh-flagship-site .event-static-grid {
		display: grid;
		gap: clamp(18px, 2vw, 34px);
	}

	body.sjh-flagship-site .event-static-frame {
		min-height: clamp(480px, 64vw, 900px);
		margin: 0;
		border-radius: 0;
		overflow: hidden;
		background: var(--sjh-metal-dark);
		box-shadow: 0 30px 80px rgba(6,31,25,.1);
	}

	body.sjh-flagship-site .event-static-frame img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center 34%;
		filter: brightness(1.02) saturate(1.03);
	}

	body.sjh-flagship-site .event-static-copy {
		position: sticky;
		top: clamp(98px, 10vw, 132px);
		align-self: start;
		padding-top: clamp(8px, 1vw, 18px);
		color: var(--sjh-ink);
	}

	body.sjh-flagship-site .event-static-copy p {
		margin: 0 0 clamp(22px, 3vw, 40px);
		color: var(--sjh-ink);
		font-size: clamp(23px, 2.35vw, 42px);
		font-weight: 500;
		line-height: 1.12;
		letter-spacing: -.055em;
	}

	body.sjh-flagship-site .event-static-copy .event-static-outcome {
		color: var(--sjh-muted);
	}

	body.sjh-flagship-site .event-static-meta {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	body.sjh-flagship-site .event-static-meta small {
		padding: 8px 10px;
		border: 1px solid rgba(6,31,25,.12);
		border-radius: 999px;
		font-size: 10px;
		font-weight: 900;
		letter-spacing: .09em;
		text-transform: uppercase;
	}

	body.sjh-flagship-site .event-gallery-section {
		padding: clamp(88px, 10vw, 160px) var(--sjh-pad);
		background: #fff;
	}

	body.sjh-flagship-site .event-gallery-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 24px;
		margin-bottom: clamp(30px, 4vw, 70px);
	}

	body.sjh-flagship-site .event-gallery-controls {
		display: flex;
		align-items: center;
		gap: clamp(18px, 2vw, 28px);
	}

	body.sjh-flagship-site :is(.event-gallery-arrow, .event-image-lightbox-arrow) {
		width: clamp(48px, 5vw, 74px);
		height: clamp(48px, 5vw, 74px);
		background: rgba(255,255,255,.9) !important;
		border: 1px solid rgba(6,31,25,.12) !important;
		box-shadow: 0 18px 40px rgba(6,31,25,.08);
		transition: background .28s ease, border-color .28s ease, transform .38s cubic-bezier(.16,1,.3,1);
	}

	body.sjh-flagship-site :is(.event-gallery-arrow, .event-image-lightbox-arrow):hover {
		background: var(--sjh-metal) !important;
		border-color: var(--sjh-metal) !important;
		transform: translateY(-2px);
	}

	body.sjh-flagship-site .event-gallery-frame,
	body.sjh-flagship-site .event-gallery-open {
		border-radius: 0;
	}

	body.sjh-flagship-site .event-gallery-open img {
		object-position: center 36%;
	}

	body.sjh-flagship-site.single-sjh_event .event-video-hero {
		position: relative;
		min-height: 100svh;
		height: 100svh;
		max-height: 100svh;
		display: grid;
		align-items: end;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background:
			radial-gradient(circle at 76% 20%, rgba(50, 137, 116, .28), transparent 30%),
			linear-gradient(135deg, #031712 0%, #082b22 55%, #0d4c3d 100%);
		color: #fff;
		isolation: isolate;
	}

	body.sjh-flagship-site.single-sjh_event .event-video-hero::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
		background:
			linear-gradient(90deg, rgba(3, 23, 18, .86) 0%, rgba(3, 23, 18, .48) 44%, rgba(3, 23, 18, .18) 100%),
			linear-gradient(0deg, rgba(3, 23, 18, .88) 0%, rgba(3, 23, 18, .22) 52%, rgba(3, 23, 18, .38) 100%);
		pointer-events: none;
	}

	body.sjh-flagship-site.single-sjh_event .event-video-hero::after {
		content: "";
		position: absolute;
		inset: clamp(18px, 2vw, 30px);
		z-index: 2;
		border: 1px solid rgba(255, 255, 255, .3);
		pointer-events: none;
		opacity: .7;
	}

	body.sjh-flagship-site.single-sjh_event .event-video-frame {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		border-radius: 0;
		overflow: hidden;
		background: #031712;
	}

	body.sjh-flagship-site.single-sjh_event .event-video-trigger {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		display: block;
		padding: 0;
		border: 0;
		background: transparent;
		color: inherit;
	}

	body.sjh-flagship-site.single-sjh_event .event-video-trigger::after {
		display: none;
	}

	body.sjh-flagship-site.single-sjh_event .event-video-trigger img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		object-position: center 38%;
		filter: brightness(.98) saturate(1.08) contrast(1.02);
		transform: scale(1.02);
		transition: transform 1.2s cubic-bezier(.16, 1, .3, 1), filter .6s ease;
	}

	body.sjh-flagship-site.single-sjh_event .event-video-frame.is-portrait img,
	body.sjh-flagship-site.single-sjh_event .event-video-frame.is-squareish img {
		object-position: center 24%;
	}

	body.sjh-flagship-site.single-sjh_event .event-video-frame:hover img,
	body.sjh-flagship-site.single-sjh_event .event-video-frame:focus-within img {
		transform: scale(1.055);
		filter: brightness(1.04) saturate(1.1) contrast(1.03);
	}

	body.sjh-flagship-site.single-sjh_event .event-video-content {
		position: relative;
		z-index: 3;
		width: 100%;
		height: 100%;
		min-height: 0;
		max-height: 100svh;
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(300px, 30vw);
		gap: clamp(28px, 5vw, 92px);
		align-content: end;
		align-items: end;
		padding: clamp(138px, 14vw, 224px) var(--sjh-pad) clamp(58px, 7vw, 124px);
		pointer-events: none;
	}

	body.sjh-flagship-site.single-sjh_event .event-back-link {
		grid-column: 1 / -1;
		width: fit-content;
		margin-bottom: clamp(22px, 3vw, 46px);
		color: rgba(255, 255, 255, .86) !important;
		font-size: 12px;
		font-weight: 900;
		letter-spacing: .14em;
		text-transform: uppercase;
		text-decoration: none;
		pointer-events: auto;
	}

	body.sjh-flagship-site.single-sjh_event .event-back-link::before {
		content: "";
		display: inline-block;
		width: 38px;
		height: 1px;
		margin-right: 12px;
		background: currentColor;
		vertical-align: middle;
		transition: width .45s cubic-bezier(.16, 1, .3, 1);
	}

	body.sjh-flagship-site.single-sjh_event .event-back-link:hover::before {
		width: 56px;
	}

	body.sjh-flagship-site.single-sjh_event .event-video-content .event-single-title {
		grid-column: 1 / -1;
		max-width: min(1320px, 88vw) !important;
		margin: 0;
		color: #fff !important;
		font-size: clamp(46px, 6.7vw, 104px) !important;
		font-weight: 900 !important;
		line-height: .9 !important;
		letter-spacing: -.066em !important;
		text-wrap: balance;
	}

	body.sjh-flagship-site.single-sjh_event .event-video-content .event-single-lede {
		grid-column: 2 / 3;
		max-width: 460px !important;
		margin: 0 0 .2em;
		color: rgba(255, 255, 255, .78) !important;
		font-size: clamp(19px, 1.7vw, 30px) !important;
		font-weight: 500 !important;
		line-height: 1.14 !important;
		letter-spacing: -.04em !important;
	}

	body.sjh-flagship-site.single-sjh_event .event-video-content .event-meta-row {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: repeat(3, max-content);
		gap: clamp(16px, 2.4vw, 42px);
		margin-top: clamp(24px, 3vw, 46px);
		pointer-events: auto;
	}

	body.sjh-flagship-site.single-sjh_event .event-video-content .event-meta-row span {
		min-height: 0;
		display: inline-flex;
		align-items: center;
		padding: 0 0 0 clamp(14px, 1.2vw, 22px);
		border: 0;
		border-left: 1px solid rgba(255,255,255,.34);
		border-radius: 0 !important;
		background: transparent !important;
		color: rgba(255,255,255,.86);
		font-size: 11px;
		font-weight: 900;
		letter-spacing: .1em;
		line-height: 1.3;
		text-transform: uppercase;
		white-space: normal;
	}

	body.sjh-flagship-site.single-sjh_event .event-video-content .event-meta-row span:first-child {
		padding-left: 0;
		border-left: 0;
	}

	body.sjh-flagship-site.single-sjh_event .event-hero-scroll {
		position: absolute;
		right: var(--sjh-pad);
		bottom: clamp(20px, 2.2vw, 34px);
		z-index: 4;
		color: rgba(255,255,255,.72);
		font-size: 10px;
		font-weight: 900;
		letter-spacing: .16em;
		text-transform: uppercase;
		pointer-events: none;
	}

	body.sjh-flagship-site.single-sjh_event .event-hero-scroll::before {
		content: "";
		display: block;
		width: 1px;
		height: 46px;
		margin: 0 auto 10px;
		background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.76));
		animation: sjhCaseScrollCue 1.8s ease-in-out infinite;
	}

	body.sjh-flagship-site.single-sjh_event .event-play-button {
		--play-magnet-x: 0px;
		--play-magnet-y: 0px;
		--play-scale: 1;
		position: absolute;
		top: auto;
		left: auto;
		right: var(--sjh-pad);
		bottom: clamp(82px, 8.4vw, 148px);
		z-index: 5;
		width: clamp(62px, 5.8vw, 96px);
		height: clamp(62px, 5.8vw, 96px);
		border: 1px solid rgba(255,255,255,.36);
		background: rgba(245,247,239,.13) !important;
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
		box-shadow: 0 24px 70px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.22);
		transform: translate(var(--play-magnet-x), var(--play-magnet-y)) scale(var(--play-scale));
		transition: background .34s ease, border-color .34s ease, box-shadow .45s ease, transform .2s cubic-bezier(.16, 1, .3, 1);
	}

	body.sjh-flagship-site.single-sjh_event .event-video-trigger:hover .event-play-button {
		background: rgba(245,247,239,.13) !important;
		border-color: rgba(255,255,255,.36) !important;
		transform: translate(var(--play-magnet-x), var(--play-magnet-y)) scale(1);
	}

	body.sjh-flagship-site.single-sjh_event .event-video-trigger.is-play-button-magnetic .event-play-button {
		background: rgba(245,247,239,.18) !important;
		border-color: rgba(255,255,255,.5) !important;
		box-shadow: 0 28px 86px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.32);
	}

	body.sjh-flagship-site.single-sjh_event .event-video-trigger.is-play-button-hovered .event-play-button,
	body.sjh-flagship-site.single-sjh_event .event-video-frame:focus-within .event-play-button {
		--play-scale: 1.06;
		background: var(--sjh-metal) !important;
		border-color: rgba(255,255,255,.5) !important;
		box-shadow: 0 28px 82px rgba(13,76,61,.4), inset 0 1px 0 rgba(255,255,255,.2);
	}

	body.sjh-flagship-site.single-sjh_event .event-play-button::before {
		border-left-color: #fff;
	}

	body.sjh-flagship-site.single-sjh_event .event-single-hero {
		display: none !important;
	}

	body.sjh-flagship-site.single-sjh_event .event-static-scroll {
		position: relative;
		padding: clamp(76px, 9vw, 148px) 0 clamp(96px, 11vw, 170px) !important;
		background:
			linear-gradient(180deg, #fff 0%, var(--sjh-cream) 34%, var(--sjh-cream) 100%);
	}

	body.sjh-flagship-site.single-sjh_event .event-static-layout {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(360px, 36vw);
		gap: clamp(34px, 5vw, 96px);
		width: 100%;
		padding: 0 var(--sjh-pad);
		align-items: start;
	}

	body.sjh-flagship-site.single-sjh_event .event-static-grid {
		display: grid;
		grid-template-columns: repeat(12, minmax(0, 1fr));
		gap: clamp(22px, 2vw, 34px);
		align-items: start;
	}

	body.sjh-flagship-site.single-sjh_event .event-static-frame {
		position: relative;
		grid-column: 1 / -1;
		min-height: auto;
		aspect-ratio: 16 / 9;
		margin: 0;
		overflow: hidden;
		background: var(--sjh-metal-dark);
		box-shadow: 0 32px 90px rgba(6,31,25,.1);
		isolation: isolate;
	}

	body.sjh-flagship-site.single-sjh_event .event-static-frame:nth-child(2) {
		grid-column: 1 / 7;
		aspect-ratio: 4 / 5;
	}

	body.sjh-flagship-site.single-sjh_event .event-static-frame:nth-child(3) {
		grid-column: 7 / -1;
		aspect-ratio: 4 / 5;
		margin-top: 0;
	}

	body.sjh-flagship-site.single-sjh_event .event-static-frame:nth-child(4) {
		grid-column: 1 / 7;
		aspect-ratio: 4 / 5;
	}

	body.sjh-flagship-site.single-sjh_event .event-static-frame:nth-child(5) {
		grid-column: 7 / -1;
		aspect-ratio: 4 / 5;
		margin-top: 0;
	}

	body.sjh-flagship-site.single-sjh_event .event-static-frame::after {
		content: "";
		position: absolute;
		inset: clamp(10px, 1vw, 16px);
		z-index: 2;
		border: 1px solid rgba(255,255,255,.42);
		opacity: 0;
		transform: scale(.985);
		transition: opacity .4s ease, transform .7s cubic-bezier(.16, 1, .3, 1);
		pointer-events: none;
	}

	body.sjh-flagship-site.single-sjh_event .event-static-frame:hover::after {
		opacity: 1;
		transform: scale(1);
	}

	body.sjh-flagship-site.single-sjh_event .event-static-frame img {
		width: 100%;
		height: 100%;
		position: absolute;
		inset: 0;
		object-fit: cover;
		object-position: center 30%;
		filter: brightness(1.04) saturate(1.04);
		transform: scale(1.01);
		transition: transform .9s cubic-bezier(.16, 1, .3, 1), filter .45s ease, opacity .45s ease;
	}

	body.sjh-flagship-site.single-sjh_event .event-static-frame.is-portrait img,
	body.sjh-flagship-site.single-sjh_event .event-static-frame.is-squareish img {
		object-position: center 18%;
	}

	body.sjh-flagship-site.single-sjh_event .event-static-frame:hover img {
		transform: scale(1.045);
		filter: brightness(1.08) saturate(1.08);
		opacity: .94;
	}

	body.sjh-flagship-site.single-sjh_event .event-static-copy {
		position: sticky;
		top: clamp(112px, 10vw, 154px);
		align-self: start;
		display: grid;
		gap: clamp(20px, 2.2vw, 34px);
		padding: clamp(30px, 3.2vw, 52px);
		border-left: 1px solid rgba(6,31,25,.16);
		background:
			linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.18)),
			radial-gradient(circle at 100% 0%, rgba(31,122,103,.12), transparent 34%);
	}

	body.sjh-flagship-site.single-sjh_event .event-static-label {
		width: fit-content;
		padding-bottom: 10px;
		border-bottom: 1px solid currentColor;
		color: var(--sjh-metal) !important;
		font-size: 11px;
		font-weight: 900;
		letter-spacing: .14em;
		text-transform: uppercase;
	}

	body.sjh-flagship-site.single-sjh_event .event-static-copy p {
		max-width: 680px;
		margin: 0;
		color: var(--sjh-ink);
		font-size: clamp(20px, 1.62vw, 30px);
		font-weight: 720;
		line-height: 1.22;
		letter-spacing: -.044em;
		text-wrap: pretty;
	}

	body.sjh-flagship-site.single-sjh_event .event-static-copy .event-static-outcome {
		color: rgba(6,31,25,.58);
		font-size: clamp(17px, 1.2vw, 22px);
		font-weight: 500;
		line-height: 1.42;
		letter-spacing: -.025em;
	}

	body.sjh-flagship-site.single-sjh_event .event-static-meta {
		display: grid;
		gap: 0;
		margin-top: clamp(10px, 1vw, 18px);
		border-top: 1px solid rgba(6,31,25,.14);
		border-bottom: 1px solid rgba(6,31,25,.14);
	}

	body.sjh-flagship-site.single-sjh_event .event-static-meta small {
		display: grid;
		grid-template-columns: minmax(74px, .24fr) minmax(0, 1fr);
		gap: clamp(14px, 1.4vw, 24px);
		align-items: baseline;
		min-height: 0 !important;
		padding: 14px 0 !important;
		border: 0 !important;
		border-bottom: 1px solid rgba(6,31,25,.09) !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		color: rgba(6,31,25,.66);
		font-size: 11px;
		font-weight: 900;
		letter-spacing: .1em;
		text-transform: uppercase;
	}

	body.sjh-flagship-site.single-sjh_event .event-static-meta small:last-child {
		border-bottom: 0 !important;
	}

	body.sjh-flagship-site.single-sjh_event .event-static-meta small span {
		color: rgba(6,31,25,.42);
	}

	body.sjh-flagship-site.single-sjh_event .event-static-meta small strong {
		color: var(--sjh-metal-dark);
		font: inherit;
		letter-spacing: .045em;
	}

	body.sjh-flagship-site.single-sjh_event .event-gallery-section {
		position: relative;
		padding: clamp(98px, 10vw, 168px) var(--sjh-pad) clamp(82px, 9vw, 142px);
		background:
			radial-gradient(circle at 88% 10%, rgba(31,122,103,.12), transparent 26%),
			#fff;
		overflow: clip;
	}

	body.sjh-flagship-site.single-sjh_event .event-gallery-section::before {
		content: "";
		position: absolute;
		left: var(--sjh-pad);
		right: var(--sjh-pad);
		top: clamp(54px, 6vw, 92px);
		height: 1px;
		background: linear-gradient(90deg, rgba(6,31,25,.08), rgba(13,76,61,.46), rgba(6,31,25,.08));
	}

	body.sjh-flagship-site.single-sjh_event .event-gallery-head {
		width: 100%;
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: end;
		gap: clamp(24px, 4vw, 70px);
		margin-bottom: clamp(28px, 4vw, 64px);
	}

	body.sjh-flagship-site.single-sjh_event .event-gallery-title {
		margin: 0;
		color: var(--sjh-metal-dark) !important;
		font-size: clamp(42px, 5.4vw, 86px) !important;
		font-weight: 900 !important;
		letter-spacing: -.064em !important;
		line-height: .94 !important;
	}

	body.sjh-flagship-site.single-sjh_event .event-gallery-controls {
		display: inline-flex;
		align-items: center;
		justify-content: flex-end;
		gap: clamp(12px, 1.35vw, 20px);
		padding: 0;
		border: 0;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none;
		backdrop-filter: none;
	}

	body.sjh-flagship-site.single-sjh_event .event-gallery-count {
		min-width: 62px;
		color: var(--sjh-metal-dark);
		font-size: 12px;
		font-weight: 900;
		letter-spacing: .08em;
		text-align: center;
	}

	body.sjh-flagship-site.single-sjh_event :is(.event-gallery-arrow, .event-image-lightbox-arrow) {
		width: clamp(42px, 4vw, 58px);
		height: clamp(42px, 4vw, 58px);
		background: rgba(255,255,255,.9) !important;
		border: 1px solid rgba(6,31,25,.12) !important;
		box-shadow: 0 12px 30px rgba(6,31,25,.08);
		color: var(--sjh-metal-dark);
		transition: background .28s ease, border-color .28s ease, color .28s ease, transform .36s cubic-bezier(.16,1,.3,1), box-shadow .3s ease;
	}

	body.sjh-flagship-site.single-sjh_event :is(.event-gallery-arrow, .event-image-lightbox-arrow):hover,
	body.sjh-flagship-site.single-sjh_event :is(.event-gallery-arrow, .event-image-lightbox-arrow):focus-visible {
		background: var(--sjh-metal) !important;
		border-color: var(--sjh-metal) !important;
		color: #fff;
		transform: translateY(-2px);
		box-shadow: 0 18px 46px rgba(13,76,61,.22);
	}

	body.sjh-flagship-site.single-sjh_event .event-gallery-frame {
		width: 100%;
		margin: 0;
		background: transparent;
	}

	body.sjh-flagship-site.single-sjh_event .event-gallery-frame.is-sliding,
	body.sjh-flagship-site.single-sjh_event .event-image-lightbox-frame.is-sliding {
		pointer-events: none;
	}

	body.sjh-flagship-site.single-sjh_event .event-gallery-open {
		position: relative;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: clamp(20px, 2vw, 34px);
		padding: 0;
		border: 0;
		background: transparent;
		cursor: pointer;
	}

	body.sjh-flagship-site.single-sjh_event .event-gallery-open::before {
		content: "View gallery";
		position: absolute;
		left: clamp(18px, 2vw, 30px);
		bottom: clamp(18px, 2vw, 30px);
		z-index: 5;
		display: inline-flex;
		align-items: center;
		padding-bottom: 7px;
		border: 0;
		border-bottom: 1px solid rgba(255,255,255,.8);
		border-radius: 0 !important;
		background: transparent !important;
		color: #fff;
		font-size: 11px;
		font-weight: 900;
		letter-spacing: .1em;
		text-transform: uppercase;
		text-shadow: 0 10px 28px rgba(0,0,0,.32);
		transition: transform .45s cubic-bezier(.16,1,.3,1), opacity .3s ease;
	}

	body.sjh-flagship-site.single-sjh_event .event-gallery-open:hover::before,
	body.sjh-flagship-site.single-sjh_event .event-gallery-open:focus-visible::before {
		transform: translateY(-4px);
		opacity: .88;
	}

	body.sjh-flagship-site.single-sjh_event .event-gallery-primary,
	body.sjh-flagship-site.single-sjh_event .event-gallery-secondary {
		position: relative;
		display: block;
		height: clamp(380px, 40vw, 660px);
		overflow: hidden;
		background: var(--sjh-metal-dark);
		box-shadow: 0 28px 80px rgba(6,31,25,.09);
		clip-path: inset(0 0 0 0);
		will-change: transform, clip-path;
	}

	body.sjh-flagship-site.single-sjh_event .event-gallery-secondary {
		height: clamp(380px, 40vw, 660px);
		margin-top: 0;
	}

	body.sjh-flagship-site.single-sjh_event :is(.event-gallery-primary, .event-gallery-secondary)::after {
		content: "";
		position: absolute;
		inset: clamp(10px, 1vw, 16px);
		z-index: 2;
		border: 1px solid rgba(255,255,255,.34);
		opacity: 0;
		transform: scale(.985);
		transition: opacity .38s ease, transform .65s cubic-bezier(.16,1,.3,1);
		pointer-events: none;
	}

	body.sjh-flagship-site.single-sjh_event .event-gallery-open:hover :is(.event-gallery-primary, .event-gallery-secondary)::after {
		opacity: 1;
		transform: scale(1);
	}

	body.sjh-flagship-site.single-sjh_event .event-gallery-open img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center 30%;
		filter: brightness(1.04) saturate(1.04);
		transform: scale(1.01);
		transition: transform .9s cubic-bezier(.16,1,.3,1), filter .45s ease, opacity .35s ease;
		will-change: transform;
	}

	body.sjh-flagship-site.single-sjh_event .event-gallery-frame.is-sliding .event-gallery-open img {
		transform: scale(1.015);
	}

	body.sjh-flagship-site.single-sjh_event .event-gallery-open:hover img,
	body.sjh-flagship-site.single-sjh_event .event-gallery-open:focus-visible img {
		transform: scale(1.045);
		filter: brightness(1.08) saturate(1.08);
	}

	body.sjh-flagship-site.single-sjh_event .event-related-services {
		padding: clamp(70px, 8vw, 128px) var(--sjh-pad) !important;
		border-top: 1px solid rgba(6,31,25,.1);
		background: var(--sjh-cream) !important;
	}

	body.sjh-flagship-site.single-sjh_event .event-related-services h2 {
		margin: 0 0 clamp(24px, 3vw, 46px);
		font-size: clamp(34px, 4.2vw, 68px) !important;
	}

	body.sjh-flagship-site.single-sjh_event .event-related-service-links {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0;
		border-top: 1px solid rgba(6,31,25,.14);
	}

	body.sjh-flagship-site.single-sjh_event .event-related-service-links a {
		min-height: 74px;
		display: inline-flex;
		align-items: center;
		padding: 0 clamp(14px, 1.5vw, 24px);
		border: 0;
		border-right: 1px solid rgba(6,31,25,.1);
		border-bottom: 1px solid rgba(6,31,25,.14);
		border-radius: 0 !important;
		background: transparent !important;
		color: var(--sjh-metal-dark);
		font-size: 12px;
		font-weight: 900;
		letter-spacing: .1em;
		text-transform: uppercase;
		text-decoration: none;
		transition: background .3s ease, color .3s ease, transform .36s cubic-bezier(.16,1,.3,1), border-color .3s ease;
	}

	body.sjh-flagship-site.single-sjh_event .event-related-service-links a:hover {
		background: var(--sjh-metal);
		border-color: var(--sjh-metal);
		color: #fff;
		transform: none;
	}

	body.sjh-flagship-site.single-sjh_event .event-related-service-links a::after {
		content: "→";
		margin-left: auto;
		opacity: 0;
		transform: translateX(-8px);
		transition: opacity .28s ease, transform .38s cubic-bezier(.16,1,.3,1);
	}

	body.sjh-flagship-site.single-sjh_event .event-related-service-links a:hover::after {
		opacity: 1;
		transform: translateX(0);
	}

	body.sjh-flagship-site.single-sjh_event .event-next {
		padding: 0 var(--sjh-pad) clamp(78px, 9vw, 140px) !important;
		background: var(--sjh-cream) !important;
	}

	body.sjh-flagship-site.single-sjh_event .event-next-inner {
		border-top: 1px solid rgba(6,31,25,.16);
	}

	body.sjh-flagship-site.single-sjh_event .event-next a {
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		min-height: clamp(92px, 9vw, 142px);
		color: var(--sjh-metal-dark) !important;
		font-size: clamp(30px, 4.4vw, 74px);
		font-weight: 900;
		letter-spacing: -.062em;
		line-height: .96;
		text-transform: none !important;
		text-decoration: none;
		overflow: hidden;
	}

	body.sjh-flagship-site.single-sjh_event .event-next a::after {
		content: "→";
		width: clamp(46px, 5vw, 72px);
		height: clamp(46px, 5vw, 72px);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border: 1px solid rgba(6,31,25,.14);
		border-radius: 999px;
		background: rgba(255,255,255,.62);
		font-size: .5em;
		letter-spacing: 0;
		transition: background .35s ease, color .35s ease, transform .45s cubic-bezier(.16,1,.3,1);
	}

	body.sjh-flagship-site.single-sjh_event .event-next a:hover::after {
		background: var(--sjh-metal);
		color: #fff;
		transform: translateX(6px);
	}

	body.sjh-flagship-site.single-sjh_event .event-image-lightbox-panel {
		width: min(92vw, 1680px);
	}

	body.sjh-flagship-site.single-sjh_event .event-image-lightbox-frame {
		box-shadow: 0 34px 110px rgba(0,0,0,.28);
	}

	@keyframes sjhCaseScrollCue {
		0%, 100% { transform: scaleY(.35); transform-origin: top; opacity: .35; }
		45% { transform: scaleY(1); opacity: .9; }
	}

	body.sjh-flagship-site .event-related-services,
	body.sjh-flagship-site .event-next {
		padding-left: var(--sjh-pad) !important;
		padding-right: var(--sjh-pad) !important;
		background: var(--sjh-cream);
	}

	body.sjh-flagship-site :is(.sjh-about-media-system, .sjh-clients-hero-media, .sjh-contact-hero-media) {
		margin-top: clamp(48px, 7vw, 110px);
	}

	body.sjh-flagship-site .sjh-about-media-system {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: minmax(0, 1.2fr) minmax(260px, .55fr);
		gap: clamp(16px, 2vw, 34px);
	}

	body.sjh-flagship-site :is(.sjh-about-media-primary, .sjh-about-media-secondary, .sjh-clients-hero-media figure, .sjh-contact-hero-media) {
		border-radius: 0 !important;
		background: var(--sjh-metal-dark);
		overflow: hidden;
	}

	body.sjh-flagship-site :is(.sjh-about-media-primary, .sjh-clients-hero-media figure, .sjh-contact-hero-media) {
		min-height: clamp(420px, 48vw, 760px);
	}

	body.sjh-flagship-site .sjh-about-media-secondary {
		min-height: clamp(300px, 34vw, 560px);
		align-self: end;
	}

	body.sjh-flagship-site :is(.sjh-about-page img, .sjh-clients-page img, .sjh-contact-page img) {
		filter: brightness(1.02) saturate(1.04);
		object-position: center 36%;
	}

	body.sjh-flagship-site :is(.sjh-about-proof-strip, .sjh-about-editorial, .sjh-about-principles, .sjh-about-group, .sjh-clients-testimonials, .sjh-contact-main, .sjh-contact-map-section) {
		background: var(--sjh-cream);
	}

	body.sjh-flagship-site .sjh-about-proof-strip {
		padding: clamp(28px, 3vw, 48px) var(--sjh-pad);
		border-block: 1px solid var(--sjh-line);
	}

	body.sjh-flagship-site .sjh-about-proof-inner {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 1px;
		background: var(--sjh-line);
	}

	body.sjh-flagship-site .sjh-about-proof-inner span {
		padding: clamp(18px, 2.4vw, 34px);
		background: rgba(255,255,255,.56);
		color: var(--sjh-metal-dark);
		font-size: 12px;
		font-weight: 900;
		letter-spacing: .12em;
		text-transform: uppercase;
	}

	body.sjh-flagship-site :is(.sjh-about-editorial, .sjh-about-principles, .sjh-contact-main, .sjh-clients-testimonials) {
		padding: clamp(86px, 9vw, 150px) var(--sjh-pad) !important;
	}

	body.sjh-flagship-site :is(.sjh-about-split, .sjh-contact-main-grid, .sjh-client-testimonial-layout) {
		max-width: none;
		display: grid;
		grid-template-columns: minmax(0, .9fr) minmax(360px, .7fr);
		gap: clamp(34px, 5vw, 90px);
		align-items: start;
	}

	body.sjh-flagship-site :is(.sjh-about-copy p, .sjh-contact-details p, .quote blockquote) {
		color: rgba(6,31,25,.76);
		font-size: clamp(20px, 2.1vw, 34px);
		line-height: 1.2;
		letter-spacing: -.04em;
	}

	body.sjh-flagship-site :is(.sjh-about-principle-grid, .sjh-client-grid) {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: clamp(14px, 1.6vw, 26px);
	}

	body.sjh-flagship-site :is(.sjh-about-principle, .sjh-client-card, .sjh-contact-form-wrap) {
		position: relative;
		padding: clamp(24px, 3vw, 46px);
		border: 1px solid rgba(6,31,25,.1) !important;
		background: rgba(255,255,255,.62) !important;
		box-shadow: 0 22px 70px rgba(6,31,25,.07);
		overflow: hidden;
	}

	body.sjh-flagship-site .sjh-client-card {
		min-height: clamp(170px, 18vw, 300px);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	body.sjh-flagship-site :is(.sjh-client-card, .sjh-about-principle, .sjh-contact-form-wrap)::after {
		content: "";
		position: absolute;
		inset: 12px;
		border: 1px solid rgba(31,122,103,.28);
		opacity: 0;
		transform: scale(.965);
		transition: opacity .35s ease, transform .55s cubic-bezier(.16, 1, .3, 1);
		pointer-events: none;
	}

	body.sjh-flagship-site :is(.sjh-client-card, .sjh-about-principle, .sjh-contact-form-wrap):hover::after {
		opacity: 1;
		transform: scale(1);
	}

	body.sjh-flagship-site .sjh-client-card img {
		max-width: min(72%, 260px);
		max-height: 80px;
		object-fit: contain;
		filter: grayscale(1) contrast(.9);
		opacity: .72;
		transition: filter .35s ease, opacity .35s ease, transform .45s cubic-bezier(.16,1,.3,1);
	}

	body.sjh-flagship-site .sjh-client-card:hover img {
		filter: none;
		opacity: 1;
		transform: scale(1.035);
	}

	body.sjh-flagship-site .sjh-contact-hero-media {
		display: block;
		width: calc(100% - (var(--sjh-pad) * 2));
		margin-inline: var(--sjh-pad);
	}

	body.sjh-flagship-site .sjh-contact-detail-list a {
		border-color: rgba(6,31,25,.12) !important;
		background: rgba(255,255,255,.54);
	}

	body.sjh-flagship-site :is(.sjh-field input, .sjh-field textarea, .sjh-field select) {
		border-color: rgba(6,31,25,.14) !important;
		background: rgba(255,255,255,.86) !important;
		color: var(--sjh-ink);
	}

	body.sjh-flagship-site .sjh-contact-submit {
		background: var(--sjh-metal) !important;
		color: #fff !important;
		border-color: var(--sjh-metal) !important;
	}

	body.sjh-flagship-site .sjh-contact-map-head {
		padding: clamp(72px, 8vw, 130px) var(--sjh-pad) clamp(28px, 3vw, 52px) !important;
	}

	body.sjh-flagship-site .sjh-contact-map {
		margin: 0 var(--sjh-pad) clamp(86px, 9vw, 140px);
	}

	body.sjh-flagship-site .sjh-service-page {
		background:
			radial-gradient(circle at 92% 8%, rgba(31,122,103,.16), transparent 28%),
			var(--sjh-cream);
	}

	body.sjh-flagship-site :is(.sjh-service-index-grid, .sjh-service-related-grid) {
		padding-inline: var(--sjh-pad) !important;
	}

	body.sjh-flagship-site :is(.sjh-service-index-card, .sjh-service-related-card) {
		background: rgba(255,255,255,.64) !important;
		border-color: rgba(6,31,25,.1) !important;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-intro {
		min-height: 0;
		display: block;
		padding-top: clamp(116px, 9vw, 164px) !important;
		padding-bottom: clamp(34px, 4.5vw, 72px) !important;
		background:
			linear-gradient(90deg, rgba(245,247,239,.94), rgba(245,247,239,.66) 48%, rgba(245,247,239,.9)),
			radial-gradient(circle at 86% 16%, rgba(31,122,103,.22), transparent 30%),
			var(--sjh-cream);
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-intro::before {
		content: "";
		position: absolute;
		inset: 0;
		background-image:
			linear-gradient(rgba(6,31,25,.045) 1px, transparent 1px),
			linear-gradient(90deg, rgba(6,31,25,.045) 1px, transparent 1px);
		background-size: clamp(56px, 5vw, 92px) clamp(56px, 5vw, 92px);
		mask-image: linear-gradient(180deg, rgba(0,0,0,.8), transparent 78%);
		pointer-events: none;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-hero-grid {
		position: relative;
		z-index: 1;
		display: grid;
		grid-template-columns: minmax(0, .9fr) minmax(420px, .58fr);
		gap: clamp(34px, 5vw, 92px);
		align-items: end;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-title-col {
		align-self: end;
	}

	body.sjh-flagship-site .sjh-about-page .display {
		max-width: 1120px !important;
		font-size: clamp(52px, 7vw, 112px) !important;
		line-height: .84 !important;
		letter-spacing: -.082em !important;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-hero-copy {
		align-self: end;
		display: grid;
		gap: clamp(22px, 2.4vw, 38px);
		padding-bottom: clamp(4px, .8vw, 14px);
	}

	body.sjh-flagship-site .sjh-about-page .intro-copy {
		max-width: 720px !important;
		font-size: clamp(24px, 2.45vw, 42px) !important;
		line-height: 1.08 !important;
		letter-spacing: -.05em !important;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-hero-actions {
		margin-top: 0;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-media-system {
		grid-column: 1 / -1;
		position: relative;
		display: grid;
		grid-template-columns: minmax(0, 1.22fr) minmax(280px, .5fr);
		gap: clamp(16px, 1.6vw, 30px);
		min-height: 0;
		margin-top: clamp(30px, 4.2vw, 70px);
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-media-system::after {
		content: "";
		position: absolute;
		inset: clamp(14px, 1.4vw, 24px);
		border: 1px solid rgba(255,255,255,.42);
		pointer-events: none;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-media-primary,
	body.sjh-flagship-site .sjh-about-page .sjh-about-media-secondary {
		min-height: 0 !important;
		box-shadow: 0 34px 100px rgba(6,31,25,.12);
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-media-primary {
		aspect-ratio: 16 / 7.6;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-media-secondary {
		aspect-ratio: 4 / 4.7;
		align-self: stretch;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-media-note {
		position: absolute;
		right: clamp(20px, 2vw, 34px);
		bottom: clamp(20px, 2vw, 34px);
		z-index: 4;
		width: min(360px, calc(100% - 40px));
		min-height: 0;
		padding: clamp(20px, 2vw, 30px);
		background: rgba(245,247,239,.86);
		color: var(--sjh-metal-dark);
		backdrop-filter: blur(18px);
		box-shadow: 0 24px 76px rgba(6,31,25,.14);
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-media-note strong {
		font-family: Inter, Arial, sans-serif;
		font-size: clamp(22px, 2vw, 34px);
		font-weight: 900;
		letter-spacing: -.06em;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-media-note span {
		color: rgba(6,31,25,.68);
		font-family: Inter, Arial, sans-serif;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.35;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-proof-strip {
		padding: 0 var(--sjh-pad);
		background: var(--sjh-metal-dark);
		border: 0;
		color: #fff;
		overflow: clip;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-proof-inner {
		counter-reset: aboutProof;
		width: 100%;
		max-width: none;
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 0;
		background: transparent;
		border-left: 1px solid rgba(255,255,255,.12);
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-proof-inner span {
		counter-increment: aboutProof;
		position: relative;
		min-height: clamp(112px, 11vw, 178px);
		display: flex;
		align-items: flex-end;
		padding: clamp(22px, 2.4vw, 38px);
		border-right: 1px solid rgba(255,255,255,.12);
		background:
			linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0)),
			transparent;
		color: rgba(255,255,255,.9);
		font-size: clamp(14px, 1.35vw, 20px);
		font-weight: 900;
		letter-spacing: -.02em;
		text-transform: none;
		transition: background .35s ease, color .35s ease;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-proof-inner span::before {
		content: "0" counter(aboutProof);
		position: absolute;
		top: clamp(18px, 2vw, 30px);
		left: clamp(22px, 2.4vw, 38px);
		color: rgba(255,255,255,.36);
		font-size: 11px;
		font-weight: 900;
		letter-spacing: .14em;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-proof-inner span:hover {
		background: rgba(31,122,103,.32);
		color: #fff;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-editorial {
		background: #fff;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-split {
		grid-template-columns: minmax(0, .86fr) minmax(420px, .64fr);
		align-items: start;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-editorial-media {
		position: sticky;
		top: clamp(92px, 8vw, 132px);
		aspect-ratio: 4 / 5;
		box-shadow: 0 30px 88px rgba(6,31,25,.1);
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-copy {
		position: relative;
		padding-top: clamp(8px, 1.5vw, 26px);
		padding-left: clamp(22px, 3vw, 52px);
		border-left: 1px solid rgba(6,31,25,.14);
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-copy .section-title {
		max-width: 900px !important;
		font-size: clamp(40px, 5.5vw, 86px) !important;
		line-height: .92 !important;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-copy p {
		color: rgba(6,31,25,.72);
		font-size: clamp(19px, 1.8vw, 30px);
		font-weight: 500;
		line-height: 1.25;
		letter-spacing: -.04em;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-copy p:first-of-type {
		color: var(--sjh-metal-dark);
		font-size: clamp(22px, 2.25vw, 38px);
		line-height: 1.12;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-principles {
		background:
			radial-gradient(circle at 12% 12%, rgba(31,122,103,.12), transparent 28%),
			var(--sjh-cream);
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-section-head {
		grid-template-columns: minmax(0, .74fr) minmax(360px, .5fr);
		align-items: end;
		max-width: none;
		width: 100%;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-section-head p {
		color: rgba(6,31,25,.7);
		font-size: clamp(22px, 2.2vw, 38px);
		font-weight: 500;
		line-height: 1.1;
		letter-spacing: -.045em;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-principle-grid {
		grid-template-columns: 1fr;
		gap: 0;
		width: 100%;
		max-width: none;
		border-top: 1px solid rgba(6,31,25,.14);
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-principle {
		min-height: 0;
		display: grid;
		grid-template-columns: minmax(70px, .12fr) minmax(220px, .24fr) minmax(0, 1fr);
		gap: clamp(20px, 3vw, 56px);
		align-items: baseline;
		padding: clamp(28px, 3.2vw, 52px) 0;
		border: 0 !important;
		border-bottom: 1px solid rgba(6,31,25,.14) !important;
		background: transparent !important;
		box-shadow: none;
		transition: color .32s ease, transform .38s cubic-bezier(.16,1,.3,1);
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-principle::after {
		display: none;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-principle:hover {
		transform: translateX(8px);
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-principle span {
		margin: 0;
		color: rgba(6,31,25,.34);
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-principle h3 {
		color: var(--sjh-metal-dark);
		font-family: Inter, Arial, sans-serif;
		font-size: clamp(24px, 2.6vw, 44px);
		font-weight: 900;
		letter-spacing: -.06em;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-principle p {
		max-width: 820px;
		margin: 0;
		color: rgba(6,31,25,.66);
		font-size: clamp(18px, 1.6vw, 28px);
		font-weight: 500;
		line-height: 1.25;
		letter-spacing: -.035em;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-image-run {
		width: 100%;
		max-width: none;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: clamp(16px, 1.6vw, 30px);
		padding: clamp(70px, 8vw, 126px) var(--sjh-pad);
		background: #fff;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-image-run figure,
	body.sjh-flagship-site .sjh-about-page .sjh-about-image-run figure:nth-child(n+2) {
		min-height: 0;
		aspect-ratio: 4 / 5;
		box-shadow: 0 24px 70px rgba(6,31,25,.09);
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-image-run figure:nth-child(2) {
		transform: translateY(clamp(28px, 3vw, 56px));
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-group {
		position: relative;
		background:
			radial-gradient(circle at 86% 18%, rgba(255,255,255,.15), transparent 26%),
			linear-gradient(135deg, #05271f 0%, #0d4c3d 54%, #1f7a67 100%);
		color: #fff;
		overflow: clip;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-group::before {
		content: "";
		position: absolute;
		inset: -20%;
		background:
			linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
			linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
		background-size: 78px 78px;
		transform: rotate(-4deg);
		pointer-events: none;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-group-inner {
		position: relative;
		z-index: 1;
		max-width: none;
		width: 100%;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-group .section-title {
		font-size: clamp(44px, 6vw, 96px) !important;
		color: #fff !important;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-group-links a {
		transition: background .32s ease, opacity .28s ease, transform .34s cubic-bezier(.16,1,.3,1);
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-group-links a:hover {
		background: rgba(255,255,255,.08);
		opacity: 1;
	}

	/* Late-stage polish pass: event archive, single related blocks, clients and contact. */
	body.sjh-flagship-site .event-archive-page {
		background:
			linear-gradient(180deg, rgba(245,247,239,1), rgba(238,243,233,.78) 58%, rgba(245,247,239,1)),
			var(--sjh-cream);
	}

	body.sjh-flagship-site .event-archive-hero {
		min-height: clamp(520px, 72svh, 820px);
		display: grid;
		align-items: end;
		padding-bottom: clamp(52px, 6.4vw, 104px) !important;
		background:
			linear-gradient(90deg, rgba(245,247,239,.96), rgba(245,247,239,.72) 48%, rgba(245,247,239,.9)),
			repeating-linear-gradient(90deg, rgba(6,31,25,.045) 0 1px, transparent 1px 11.111%),
			radial-gradient(circle at 78% 18%, rgba(31,122,103,.2), transparent 30%),
			var(--sjh-cream);
	}

	body.sjh-flagship-site .event-archive-content {
		display: grid;
		grid-template-columns: minmax(0, .78fr) minmax(360px, .5fr);
		gap: clamp(30px, 5vw, 96px);
		align-items: end;
	}

	body.sjh-flagship-site .event-archive-title {
		max-width: 100% !important;
		margin: 0 !important;
		font-size: clamp(56px, 8.4vw, 132px) !important;
		line-height: .86 !important;
		letter-spacing: -.078em !important;
	}

	body.sjh-flagship-site .event-archive-lede {
		max-width: 720px !important;
		margin: 0 0 .12em !important;
		padding-top: clamp(20px, 2.4vw, 34px);
		border-top: 1px solid rgba(6,31,25,.18);
		font-size: clamp(24px, 2.55vw, 44px) !important;
		line-height: 1.08 !important;
	}

	body.sjh-flagship-site .event-filter-bar {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
		gap: 0 !important;
		padding: 0 var(--sjh-pad) !important;
		background: rgba(245,247,239,.94);
		border-top: 1px solid rgba(6,31,25,.12);
		border-bottom: 1px solid rgba(6,31,25,.12);
		backdrop-filter: blur(18px);
		-webkit-backdrop-filter: blur(18px);
	}

	body.sjh-flagship-site .event-filter-bar a {
		position: relative;
		min-height: clamp(64px, 5.6vw, 92px);
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		padding: 0 clamp(12px, 1.4vw, 24px) !important;
		border: 0 !important;
		border-right: 1px solid rgba(6,31,25,.1) !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		color: rgba(6,31,25,.62) !important;
		overflow: hidden;
		transform: none !important;
	}

	body.sjh-flagship-site .event-filter-bar a:first-child {
		border-left: 1px solid rgba(6,31,25,.1) !important;
	}

	body.sjh-flagship-site .event-filter-bar a::before {
		content: "";
		position: absolute;
		inset: auto 0 0;
		height: 3px;
		background: var(--sjh-metal);
		transform: scaleX(0);
		transform-origin: left;
		transition: transform .45s cubic-bezier(.16,1,.3,1);
	}

	body.sjh-flagship-site .event-filter-bar a::after {
		content: "↗";
		position: relative;
		z-index: 1;
		color: inherit;
		font-size: 14px;
		line-height: 1;
		opacity: .34;
		transform: translate(-8px, 8px);
		transition: opacity .35s ease, transform .45s cubic-bezier(.16,1,.3,1);
	}

	body.sjh-flagship-site .event-filter-bar a span {
		position: relative;
		z-index: 1;
		font-size: 11px;
		font-weight: 900;
		letter-spacing: .11em;
		line-height: 1.25;
		text-transform: uppercase;
	}

	body.sjh-flagship-site .event-filter-bar a:hover,
	body.sjh-flagship-site .event-filter-bar a.is-active {
		background: rgba(255,255,255,.5) !important;
		color: var(--sjh-metal-dark) !important;
	}

	body.sjh-flagship-site .event-filter-bar a:hover::before,
	body.sjh-flagship-site .event-filter-bar a.is-active::before {
		transform: scaleX(1);
	}

	body.sjh-flagship-site .event-filter-bar a:hover::after,
	body.sjh-flagship-site .event-filter-bar a.is-active::after {
		opacity: 1;
		transform: translate(0, 0);
	}

	body.sjh-flagship-site .event-archive-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr));
		gap: clamp(18px, 1.55vw, 30px) !important;
		padding-top: clamp(36px, 4.4vw, 78px) !important;
	}

	body.sjh-flagship-site .event-archive-card {
		grid-column: span 4;
		min-height: 0;
		aspect-ratio: 4 / 4.8 !important;
		background: var(--sjh-metal-dark);
		box-shadow: none;
	}

	body.sjh-flagship-site .event-archive-card:nth-child(8n+1),
	body.sjh-flagship-site .event-archive-card:nth-child(8n+6) {
		grid-column: span 6;
		aspect-ratio: 16 / 12 !important;
	}

	body.sjh-flagship-site .event-archive-card:nth-child(8n+4) {
		grid-column: span 4;
		aspect-ratio: 4 / 5.7 !important;
	}

	body.sjh-flagship-site .event-archive-card::before {
		content: "";
		position: absolute;
		inset: clamp(10px, 1vw, 16px);
		z-index: 2;
		border: 1px solid rgba(255,255,255,.36);
		opacity: 0;
		transform: scale(.985);
		transition: opacity .4s ease, transform .7s cubic-bezier(.16,1,.3,1);
		pointer-events: none;
	}

	body.sjh-flagship-site .event-archive-card:hover::before,
	body.sjh-flagship-site .event-archive-card:focus-visible::before {
		opacity: 1;
		transform: scale(1);
	}

	body.sjh-flagship-site .event-archive-card-panel {
		inset: auto 0 0 !important;
		padding: clamp(18px, 2.4vw, 38px) !important;
		background:
			linear-gradient(0deg, rgba(3,23,18,.96), rgba(3,23,18,.64) 58%, rgba(3,23,18,0)) !important;
		color: #fff !important;
		backdrop-filter: none !important;
		opacity: 1;
		transform: none;
	}

	body.sjh-flagship-site .event-archive-card-panel-inner {
		transform: translateY(10px);
		transition: transform .55s cubic-bezier(.16,1,.3,1);
	}

	body.sjh-flagship-site .event-archive-card:hover .event-archive-card-panel-inner,
	body.sjh-flagship-site .event-archive-card:focus-visible .event-archive-card-panel-inner,
	body.sjh-flagship-site .event-archive-card.is-hovered .event-archive-card-panel-inner {
		transform: translateY(0);
	}

	body.sjh-flagship-site .event-archive-card-panel strong {
		color: #fff !important;
		font-size: clamp(24px, 2.55vw, 48px) !important;
		line-height: .98 !important;
		letter-spacing: -.064em !important;
	}

	body.sjh-flagship-site .event-archive-card-panel span {
		color: rgba(255,255,255,.72) !important;
	}

	body.sjh-flagship-site.single-sjh_event .event-related-services {
		display: grid;
		grid-template-columns: minmax(0, .42fr) minmax(0, .58fr);
		gap: clamp(28px, 5vw, 90px);
		padding: clamp(86px, 9vw, 148px) var(--sjh-pad) !important;
		background:
			linear-gradient(135deg, rgba(255,255,255,.9), rgba(238,243,233,.82)),
			var(--sjh-cream) !important;
		border-top: 1px solid rgba(6,31,25,.12);
		border-bottom: 1px solid rgba(6,31,25,.12);
		counter-reset: relatedService;
	}

	body.sjh-flagship-site.single-sjh_event .event-related-services h2 {
		position: sticky;
		top: clamp(112px, 10vw, 150px);
		align-self: start;
		max-width: 520px;
		margin: 0 !important;
		font-size: clamp(38px, 5.1vw, 86px) !important;
		line-height: .9 !important;
	}

	body.sjh-flagship-site.single-sjh_event .event-related-service-links {
		display: grid;
		grid-template-columns: 1fr !important;
		gap: 0;
		border-top: 1px solid rgba(6,31,25,.16);
	}

	body.sjh-flagship-site.single-sjh_event .event-related-service-links a {
		counter-increment: relatedService;
		min-height: clamp(82px, 7.2vw, 124px);
		display: grid;
		grid-template-columns: 54px minmax(0, 1fr) auto;
		gap: clamp(16px, 2vw, 34px);
		align-items: center;
		padding: 0 !important;
		border: 0 !important;
		border-bottom: 1px solid rgba(6,31,25,.16) !important;
		background: transparent !important;
		color: var(--sjh-metal-dark) !important;
		font-size: clamp(24px, 2.5vw, 44px) !important;
		font-weight: 850 !important;
		letter-spacing: -.052em !important;
		line-height: 1 !important;
		text-transform: none !important;
		text-decoration: none;
	}

	body.sjh-flagship-site.single-sjh_event .event-related-service-links a::before {
		content: counter(relatedService, decimal-leading-zero);
		color: rgba(6,31,25,.42);
		font-size: 11px;
		font-weight: 900;
		letter-spacing: .1em;
	}

	body.sjh-flagship-site.single-sjh_event .event-related-service-links a::after {
		content: "Explore";
		margin: 0;
		opacity: .56;
		transform: none;
		color: var(--sjh-metal);
		font-size: 11px;
		font-weight: 900;
		letter-spacing: .12em;
		text-transform: uppercase;
		transition: opacity .3s ease, transform .45s cubic-bezier(.16,1,.3,1);
	}

	body.sjh-flagship-site.single-sjh_event .event-related-service-links a:hover {
		background: transparent !important;
		color: var(--sjh-metal) !important;
	}

	body.sjh-flagship-site.single-sjh_event .event-related-service-links a:hover::after {
		opacity: 1;
		transform: translateX(8px);
	}

	body.sjh-flagship-site.single-sjh_event .event-next {
		padding: clamp(90px, 9vw, 150px) var(--sjh-pad) clamp(96px, 10vw, 170px) !important;
		background:
			radial-gradient(circle at 85% 18%, rgba(31,122,103,.2), transparent 28%),
			var(--sjh-metal-dark) !important;
		color: #fff;
	}

	body.sjh-flagship-site.single-sjh_event .event-next-inner {
		border-top: 1px solid rgba(255,255,255,.2);
	}

	body.sjh-flagship-site.single-sjh_event .event-next-head {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 24px;
		align-items: end;
		padding-top: clamp(28px, 3vw, 52px);
		margin-bottom: clamp(32px, 4vw, 70px);
	}

	body.sjh-flagship-site.single-sjh_event .event-next h2 {
		margin: 0;
		color: #fff !important;
		font-size: clamp(40px, 5.6vw, 92px) !important;
		font-weight: 900 !important;
		letter-spacing: -.07em !important;
		line-height: .9 !important;
	}

	body.sjh-flagship-site.single-sjh_event .event-next a {
		min-height: 0;
		width: auto;
		color: inherit !important;
		font-size: inherit;
		font-weight: inherit;
		letter-spacing: inherit;
		line-height: inherit;
		text-transform: none !important;
	}

	body.sjh-flagship-site.single-sjh_event .event-next a::after {
		content: none;
	}

	body.sjh-flagship-site.single-sjh_event .event-next-archive-link,
	body.sjh-flagship-site.single-sjh_event .event-next-empty {
		display: inline-flex !important;
		width: fit-content !important;
		align-items: center;
		gap: 12px;
		padding-bottom: 10px;
		border-bottom: 1px solid currentColor;
		color: rgba(255,255,255,.86) !important;
		font-size: 12px !important;
		font-weight: 900 !important;
		letter-spacing: .12em !important;
		line-height: 1 !important;
		text-transform: uppercase !important;
		text-decoration: none;
	}

	body.sjh-flagship-site.single-sjh_event .event-next-archive-link::after,
	body.sjh-flagship-site.single-sjh_event .event-next-empty::after {
		content: "↗";
		display: inline-block;
		transition: transform .35s cubic-bezier(.16,1,.3,1);
	}

	body.sjh-flagship-site.single-sjh_event .event-next-archive-link:hover::after,
	body.sjh-flagship-site.single-sjh_event .event-next-empty:hover::after {
		transform: translate(3px, -3px);
	}

	body.sjh-flagship-site.single-sjh_event .event-next-grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: clamp(18px, 2vw, 34px);
	}

	body.sjh-flagship-site.single-sjh_event .event-next-card {
		position: relative;
		display: grid !important;
		gap: 16px;
		align-content: start;
		color: #fff !important;
		text-decoration: none;
	}

	body.sjh-flagship-site.single-sjh_event .event-next-card figure {
		position: relative;
		aspect-ratio: 4 / 3.35;
		margin: 0;
		overflow: hidden;
		background: #031712;
	}

	body.sjh-flagship-site.single-sjh_event .event-next-card figure::after {
		content: "";
		position: absolute;
		inset: 12px;
		border: 1px solid rgba(255,255,255,.28);
		opacity: 0;
		transform: scale(.985);
		transition: opacity .35s ease, transform .55s cubic-bezier(.16,1,.3,1);
		pointer-events: none;
	}

	body.sjh-flagship-site.single-sjh_event .event-next-card:hover figure::after {
		opacity: 1;
		transform: scale(1);
	}

	body.sjh-flagship-site.single-sjh_event .event-next-card img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center 34%;
		filter: brightness(1.03) saturate(1.04);
		transform: scale(1.01);
		transition: transform .75s cubic-bezier(.16,1,.3,1), filter .4s ease;
	}

	body.sjh-flagship-site.single-sjh_event .event-next-card:hover img {
		transform: scale(1.055);
		filter: brightness(.86) saturate(1.08);
	}

	body.sjh-flagship-site.single-sjh_event .event-next-card-index {
		color: rgba(255,255,255,.48);
		font-size: 11px;
		font-weight: 900;
		letter-spacing: .12em;
		text-transform: uppercase;
	}

	body.sjh-flagship-site.single-sjh_event .event-next-card h3 {
		margin: 0;
		color: #fff;
		font-size: clamp(28px, 3vw, 54px);
		font-weight: 900;
		letter-spacing: -.065em;
		line-height: .94;
		text-wrap: balance;
	}

	body.sjh-flagship-site.single-sjh_event .event-next-card p {
		max-width: 90%;
		margin: 0;
		color: rgba(255,255,255,.64);
		font-size: 11px;
		font-weight: 900;
		letter-spacing: .1em;
		line-height: 1.35;
		text-transform: uppercase;
	}

	body.sjh-flagship-site .sjh-clients-page .sjh-clients-intro,
	body.sjh-flagship-site .sjh-contact-page .sjh-contact-intro {
		min-height: clamp(540px, 72svh, 790px);
		display: grid;
		align-items: end;
		background:
			linear-gradient(90deg, rgba(245,247,239,.96), rgba(245,247,239,.7) 52%, rgba(245,247,239,.92)),
			repeating-linear-gradient(90deg, rgba(6,31,25,.045) 0 1px, transparent 1px 11.111%),
			radial-gradient(circle at 84% 12%, rgba(31,122,103,.18), transparent 30%),
			var(--sjh-cream) !important;
	}

	body.sjh-flagship-site .sjh-clients-hero-grid,
	body.sjh-flagship-site .sjh-contact-intro-grid {
		grid-template-columns: minmax(0, .76fr) minmax(360px, .54fr) !important;
		align-items: end;
	}

	body.sjh-flagship-site .sjh-clients-page .display,
	body.sjh-flagship-site .sjh-contact-page .display {
		font-size: clamp(58px, 8.6vw, 138px) !important;
		line-height: .86 !important;
		letter-spacing: -.078em !important;
	}

	body.sjh-flagship-site .sjh-clients-page .intro-copy,
	body.sjh-flagship-site .sjh-contact-page .intro-copy {
		max-width: 820px !important;
		margin-top: 0 !important;
		padding-top: clamp(20px, 2.4vw, 34px);
		border-top: 1px solid rgba(6,31,25,.18);
		font-size: clamp(24px, 2.55vw, 44px) !important;
		line-height: 1.08 !important;
	}

	body.sjh-flagship-site .sjh-clients-actions {
		margin-top: clamp(26px, 3vw, 48px);
	}

	body.sjh-flagship-site .sjh-clients-hero-media {
		position: relative;
		display: grid;
		grid-template-columns: 1fr;
		gap: 0;
		align-self: stretch;
		margin-top: 0;
	}

	body.sjh-flagship-site .sjh-clients-hero-media figure {
		min-height: clamp(420px, 50vw, 760px);
		height: 100%;
	}

	body.sjh-flagship-site .sjh-clients-hero-note {
		position: absolute;
		right: clamp(18px, 2vw, 32px);
		bottom: clamp(18px, 2vw, 32px);
		width: min(360px, calc(100% - 36px));
		min-height: 0;
		background:
			radial-gradient(circle at 100% 0%, rgba(255,255,255,.16), transparent 34%),
			var(--sjh-metal-dark);
		color: #fff;
		box-shadow: 0 28px 80px rgba(0,0,0,.18);
	}

	body.sjh-flagship-site .sjh-clients-hero-note strong {
		color: #fff;
		font-size: clamp(28px, 3vw, 52px);
		font-weight: 900;
		letter-spacing: -.06em;
		line-height: .95;
	}

	body.sjh-flagship-site .sjh-client-logo-section {
		padding: clamp(88px, 9vw, 150px) var(--sjh-pad) !important;
		background: #fff;
		border-top: 1px solid rgba(6,31,25,.12);
	}

	body.sjh-flagship-site .sjh-client-logo-head {
		width: 100%;
		max-width: none;
		grid-template-columns: minmax(0, .42fr) minmax(0, .58fr);
		gap: clamp(28px, 5vw, 90px);
		align-items: end;
		margin: 0 0 clamp(34px, 5vw, 80px);
	}

	body.sjh-flagship-site .sjh-client-logo-copy {
		max-width: 760px;
		font-size: clamp(20px, 2.1vw, 34px);
		font-weight: 500;
		line-height: 1.18;
		letter-spacing: -.04em;
	}

	body.sjh-flagship-site .sjh-client-grid {
		width: 100%;
		max-width: none;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 0 !important;
		border-top: 1px solid rgba(6,31,25,.12);
		border-left: 1px solid rgba(6,31,25,.12);
		background: transparent;
	}

	body.sjh-flagship-site .sjh-client-card {
		min-height: clamp(178px, 18vw, 290px);
		display: grid;
		grid-template-columns: 1fr;
		gap: clamp(18px, 2vw, 30px);
		align-content: space-between;
		justify-items: start;
		padding: clamp(22px, 2.6vw, 40px);
		border: 0 !important;
		border-right: 1px solid rgba(6,31,25,.12) !important;
		border-bottom: 1px solid rgba(6,31,25,.12) !important;
		background:
			linear-gradient(135deg, rgba(255,255,255,.94), rgba(238,243,233,.48)) !important;
		box-shadow: none !important;
		color: var(--sjh-metal-dark) !important;
	}

	body.sjh-flagship-site .sjh-client-card:hover,
	body.sjh-flagship-site .sjh-client-card:focus-visible {
		background: var(--sjh-metal) !important;
		color: #fff !important;
		transform: none;
	}

	body.sjh-flagship-site .sjh-client-card::after {
		inset: 10px;
		border-color: rgba(255,255,255,.28);
	}

	body.sjh-flagship-site .sjh-client-logo-wrap {
		min-height: 70px;
	}

	body.sjh-flagship-site .sjh-client-holding img,
	body.sjh-flagship-site .sjh-client-logo {
		max-width: min(86%, 220px);
		max-height: 82px;
		filter: grayscale(1) contrast(.95);
	}

	body.sjh-flagship-site .sjh-client-card:hover .sjh-client-holding img,
	body.sjh-flagship-site .sjh-client-card:hover .sjh-client-logo {
		filter: grayscale(1) invert(1) brightness(5);
		opacity: .94;
	}

	body.sjh-flagship-site .sjh-client-name {
		position: relative;
		z-index: 1;
		color: inherit;
		font-size: clamp(20px, 1.7vw, 30px);
		font-weight: 850;
		letter-spacing: -.045em;
		line-height: 1.02;
	}

	body.sjh-flagship-site .sjh-client-link-label {
		position: relative;
		z-index: 1;
		color: currentColor;
		opacity: .5;
		font-size: 10px;
		font-weight: 900;
		letter-spacing: .13em;
		text-transform: uppercase;
	}

	body.sjh-flagship-site .sjh-clients-testimonials {
		padding: clamp(90px, 10vw, 160px) var(--sjh-pad) !important;
		background:
			radial-gradient(circle at 12% 18%, rgba(31,122,103,.15), transparent 24%),
			var(--sjh-metal-dark) !important;
		color: #fff;
	}

	body.sjh-flagship-site .sjh-client-testimonial-layout {
		grid-template-columns: minmax(0, .62fr) minmax(420px, .38fr);
		align-items: stretch;
	}

	body.sjh-flagship-site .sjh-client-testimonial-media {
		margin: 0;
		min-height: clamp(420px, 46vw, 760px);
		overflow: hidden;
		background: #031712;
	}

	body.sjh-flagship-site .sjh-client-testimonial-copy {
		display: grid;
		align-content: center;
		padding: clamp(26px, 3vw, 50px);
		border-left: 1px solid rgba(255,255,255,.18);
	}

	body.sjh-flagship-site .sjh-clients-testimonials .section-title {
		color: #fff !important;
		font-size: clamp(38px, 5vw, 86px) !important;
	}

	body.sjh-flagship-site .sjh-clients-testimonials .quote blockquote {
		color: rgba(255,255,255,.86);
		font-size: clamp(25px, 2.8vw, 48px);
		font-weight: 680;
		line-height: 1.08;
		letter-spacing: -.052em;
	}

	body.sjh-flagship-site .sjh-clients-testimonials .quote cite {
		color: rgba(255,255,255,.58);
	}

	body.sjh-flagship-site .sjh-contact-hero-media {
		width: 100%;
		margin: 0;
		aspect-ratio: 16 / 6.4;
		min-height: clamp(340px, 38vw, 620px);
		border: 0;
	}

	body.sjh-flagship-site .sjh-contact-main {
		padding: clamp(92px, 9vw, 150px) var(--sjh-pad) !important;
		background:
			linear-gradient(90deg, rgba(245,247,239,1) 0%, rgba(245,247,239,.82) 44%, rgba(255,255,255,.96) 44%, rgba(255,255,255,.96) 100%);
	}

	body.sjh-flagship-site .sjh-contact-main-grid {
		grid-template-columns: minmax(0, .4fr) minmax(0, .6fr);
		gap: clamp(30px, 5vw, 90px);
	}

	body.sjh-flagship-site .sjh-contact-details {
		position: sticky;
		top: clamp(100px, 10vw, 140px);
	}

	body.sjh-flagship-site .sjh-contact-details .section-title {
		font-size: clamp(38px, 4.8vw, 82px) !important;
		line-height: .92 !important;
	}

	body.sjh-flagship-site .sjh-contact-details p {
		margin-top: clamp(20px, 2.4vw, 34px);
		font-size: clamp(20px, 1.85vw, 30px);
		font-weight: 520;
		line-height: 1.25;
		letter-spacing: -.035em;
	}

	body.sjh-flagship-site .sjh-contact-detail-list {
		margin-top: clamp(30px, 4vw, 62px);
		border-top: 1px solid rgba(6,31,25,.16);
	}

	body.sjh-flagship-site .sjh-contact-detail-list a {
		display: grid;
		grid-template-columns: minmax(72px, .18fr) minmax(0, 1fr);
		gap: 18px;
		padding: 18px 0 !important;
		border-bottom: 1px solid rgba(6,31,25,.14) !important;
		background: transparent !important;
		color: var(--sjh-metal-dark);
	}

	body.sjh-flagship-site .sjh-contact-detail-list a::before {
		display: none;
	}

	body.sjh-flagship-site .sjh-contact-detail-list a:hover {
		padding-left: 0 !important;
		color: var(--sjh-metal);
	}

	body.sjh-flagship-site .sjh-contact-detail-list span {
		color: rgba(6,31,25,.46);
	}

	body.sjh-flagship-site .sjh-contact-detail-list strong {
		color: inherit;
		font-size: clamp(17px, 1.35vw, 23px);
		font-weight: 740;
		line-height: 1.18;
		letter-spacing: -.035em;
	}

	body.sjh-flagship-site .sjh-contact-form-wrap {
		padding: clamp(28px, 4vw, 62px);
		border: 1px solid rgba(6,31,25,.12) !important;
		background:
			linear-gradient(135deg, rgba(255,255,255,.96), rgba(238,243,233,.62)) !important;
		box-shadow: none !important;
	}

	body.sjh-flagship-site .sjh-contact-form-wrap::before {
		background: linear-gradient(90deg, var(--sjh-metal), rgba(31,122,103,.18));
	}

	body.sjh-flagship-site .sjh-field-grid {
		gap: clamp(16px, 2vw, 28px);
	}

	body.sjh-flagship-site :is(.sjh-field input, .sjh-field textarea, .sjh-field select) {
		min-height: 58px;
		border: 0 !important;
		border-bottom: 1px solid rgba(6,31,25,.22) !important;
		background: rgba(255,255,255,.42) !important;
		font-size: clamp(17px, 1.35vw, 23px);
		font-weight: 650;
		letter-spacing: -.03em;
	}

	body.sjh-flagship-site :is(.sjh-field input, .sjh-field textarea, .sjh-field select):focus {
		background: rgba(255,255,255,.74) !important;
		border-color: var(--sjh-metal) !important;
	}

	body.sjh-flagship-site .sjh-field label {
		color: var(--sjh-metal);
	}

	body.sjh-flagship-site .sjh-contact-submit {
		min-height: 58px;
		padding: 0 30px;
		background: var(--sjh-metal-dark) !important;
		border-color: var(--sjh-metal-dark) !important;
		color: #fff !important;
	}

	body.sjh-flagship-site .sjh-contact-submit:hover,
	body.sjh-flagship-site .sjh-contact-submit:focus-visible {
		background: var(--sjh-metal) !important;
		border-color: var(--sjh-metal) !important;
	}

	body.sjh-flagship-site .sjh-contact-map-section {
		background: #fff;
		border-top: 1px solid rgba(6,31,25,.12);
	}

	body.sjh-flagship-site .sjh-contact-map-head {
		display: grid;
		grid-template-columns: minmax(0, .6fr) auto;
		padding: clamp(78px, 8vw, 132px) var(--sjh-pad) clamp(28px, 3vw, 52px) !important;
	}

	body.sjh-flagship-site .sjh-contact-map {
		width: calc(100% - (var(--sjh-pad) * 2));
		margin: 0 var(--sjh-pad) clamp(92px, 9vw, 150px);
		border: 1px solid rgba(6,31,25,.12);
	}

	@media (max-width: 1180px) {
		body.sjh-flagship-site :is(.event-archive-content, .sjh-about-hero-grid, .sjh-clients-hero-grid, .sjh-contact-intro-grid, .sjh-service-hero-inner, .event-static-layout, .sjh-about-split, .sjh-contact-main-grid, .sjh-client-testimonial-layout) {
			grid-template-columns: 1fr;
		}

		body.sjh-flagship-site .event-archive-content,
		body.sjh-flagship-site .sjh-clients-hero-grid,
		body.sjh-flagship-site .sjh-contact-intro-grid,
		body.sjh-flagship-site .sjh-client-logo-head,
		body.sjh-flagship-site.single-sjh_event .event-related-services,
		body.sjh-flagship-site .sjh-contact-main-grid,
		body.sjh-flagship-site .sjh-contact-map-head {
			grid-template-columns: 1fr !important;
		}

		body.sjh-flagship-site .event-archive-lede,
		body.sjh-flagship-site .sjh-clients-page .intro-copy,
		body.sjh-flagship-site .sjh-contact-page .intro-copy {
			max-width: 880px !important;
		}

		body.sjh-flagship-site.single-sjh_event .event-related-services h2,
		body.sjh-flagship-site .sjh-contact-details {
			position: relative;
			top: auto;
		}

		body.sjh-flagship-site.single-sjh_event .event-next-grid,
		body.sjh-flagship-site .sjh-client-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		body.sjh-flagship-site .sjh-clients-hero-media {
			grid-template-columns: 1fr;
			margin-top: 24px;
		}

		body.sjh-flagship-site .sjh-clients-hero-note {
			position: relative;
			right: auto;
			bottom: auto;
			width: 100%;
			box-shadow: none;
		}

		body.sjh-flagship-site .event-archive-card,
		body.sjh-flagship-site .event-archive-card:nth-child(6n+1),
		body.sjh-flagship-site .event-archive-card:nth-child(6n+2) {
			grid-column: span 6;
		}

		body.sjh-flagship-site .event-static-copy {
			position: relative;
			top: auto;
			order: -1;
		}

		body.sjh-flagship-site.single-sjh_event .event-video-content {
			grid-template-columns: 1fr;
			align-content: end;
			gap: clamp(18px, 3vw, 34px);
		}

		body.sjh-flagship-site.single-sjh_event .event-video-content .event-single-title,
		body.sjh-flagship-site.single-sjh_event .event-video-content .event-single-lede,
		body.sjh-flagship-site.single-sjh_event .event-video-content .event-meta-row {
			grid-column: 1 / -1;
			max-width: min(1120px, 100%) !important;
		}

		body.sjh-flagship-site.single-sjh_event .event-video-content .event-single-lede {
			max-width: 760px !important;
		}

		body.sjh-flagship-site.single-sjh_event .event-static-layout {
			grid-template-columns: 1fr;
		}

		body.sjh-flagship-site.single-sjh_event .event-static-copy {
			order: -1;
			position: relative;
			top: auto;
			border-left: 0;
			border-top: 1px solid rgba(6,31,25,.14);
			padding: clamp(26px, 4vw, 44px) 0 0;
			background: transparent;
		}

		body.sjh-flagship-site.single-sjh_event .event-static-copy p {
			max-width: 980px;
		}
	}

	@media (max-width: 760px) {
		:root {
			--sjh-pad: clamp(18px, 6vw, 28px);
			--sjh-inner-top: clamp(118px, 25vw, 150px);
		}

		body.sjh-flagship-site :is(.event-archive-title, .event-single-title, .sjh-about-page .display, .sjh-clients-page .display, .sjh-contact-page .display, .sjh-service-page h1) {
			font-size: clamp(54px, 18vw, 96px) !important;
			letter-spacing: -.075em !important;
			line-height: .86 !important;
		}

		body.sjh-flagship-site :is(.event-archive-lede, .event-single-lede, .sjh-about-page .intro-copy, .sjh-clients-page .intro-copy, .sjh-contact-page .intro-copy, .sjh-service-hero-copy p) {
			font-size: clamp(22px, 7vw, 32px) !important;
			line-height: 1.12 !important;
		}

		body.sjh-flagship-site .event-archive-grid {
			grid-template-columns: 1fr;
		}

		body.sjh-flagship-site .event-filter-bar {
			grid-template-columns: repeat(6, max-content);
			gap: 0 !important;
			overflow-x: auto;
			scroll-snap-type: x mandatory;
			-webkit-overflow-scrolling: touch;
		}

		body.sjh-flagship-site .event-filter-bar a {
			min-width: 190px;
			scroll-snap-align: start;
		}

		body.sjh-flagship-site .event-archive-card,
		body.sjh-flagship-site .event-archive-card:nth-child(n) {
			grid-column: 1 / -1;
			min-height: 0;
			aspect-ratio: 4 / 4.6 !important;
		}

		body.sjh-flagship-site .event-archive-card-panel {
			opacity: 1;
			transform: none;
		}

		body.sjh-flagship-site .event-filter-bar {
			flex-wrap: nowrap;
			overflow-x: auto;
			scroll-snap-type: x mandatory;
			-webkit-overflow-scrolling: touch;
		}

		body.sjh-flagship-site .event-filter-bar a {
			flex: 0 0 auto;
			scroll-snap-align: start;
		}

		body.sjh-flagship-site .event-video-frame {
			height: 86svh;
		}

		body.sjh-flagship-site.single-sjh_event .event-video-hero,
		body.sjh-flagship-site.single-sjh_event .event-video-content {
			min-height: 0;
			height: 100svh;
			max-height: 100svh;
		}

		body.sjh-flagship-site.single-sjh_event .event-video-hero::after {
			inset: 12px;
		}

		body.sjh-flagship-site.single-sjh_event .event-video-content {
			padding: clamp(120px, 30vw, 168px) var(--sjh-pad) clamp(96px, 22vw, 132px);
		}

		body.sjh-flagship-site.single-sjh_event .event-video-content .event-single-title {
			font-size: clamp(38px, 11.4vw, 66px) !important;
			line-height: .94 !important;
			letter-spacing: -.058em !important;
		}

		body.sjh-flagship-site.single-sjh_event .event-video-content .event-single-lede {
			font-size: clamp(18px, 5vw, 24px) !important;
			line-height: 1.18 !important;
		}

		body.sjh-flagship-site.single-sjh_event .event-video-content .event-meta-row {
			grid-template-columns: 1fr;
			gap: 0;
			margin-top: 22px;
		}

		body.sjh-flagship-site.single-sjh_event .event-video-content .event-meta-row span {
			min-height: 0;
			padding: 9px 0 !important;
			border-left: 0 !important;
			border-top: 1px solid rgba(255,255,255,.26);
			font-size: 9.5px;
			overflow-wrap: anywhere;
		}

		body.sjh-flagship-site.single-sjh_event .event-video-content .event-meta-row span:first-child {
			border-top: 0;
		}

		body.sjh-flagship-site.single-sjh_event .event-play-button {
			right: var(--sjh-pad);
			bottom: 34px;
			width: 58px;
			height: 58px;
		}

		body.sjh-flagship-site.single-sjh_event .event-hero-scroll {
			display: none;
		}

		body.sjh-flagship-site.single-sjh_event .event-static-scroll {
			padding-top: 58px !important;
		}

		body.sjh-flagship-site.single-sjh_event .event-static-grid {
			grid-template-columns: 1fr;
			gap: 18px;
		}

		body.sjh-flagship-site.single-sjh_event .event-static-frame,
		body.sjh-flagship-site.single-sjh_event .event-static-frame:nth-child(n) {
			grid-column: 1 / -1;
			aspect-ratio: 4 / 5;
			margin-top: 0;
			min-height: 360px;
		}

		body.sjh-flagship-site.single-sjh_event .event-static-frame:first-child {
			aspect-ratio: 4 / 3;
		}

		body.sjh-flagship-site.single-sjh_event .event-static-copy p {
			font-size: clamp(20px, 6.4vw, 32px);
			line-height: 1.16;
		}

		body.sjh-flagship-site.single-sjh_event .event-static-copy .event-static-outcome {
			font-size: 18px;
			line-height: 1.35;
		}

		body.sjh-flagship-site .event-gallery-head {
			align-items: flex-start;
			flex-direction: column;
		}

		body.sjh-flagship-site.single-sjh_event .event-gallery-head {
			display: grid;
			grid-template-columns: 1fr;
			gap: 22px;
		}

		body.sjh-flagship-site.single-sjh_event .event-gallery-controls {
			justify-self: start;
			padding: 0;
		}

		body.sjh-flagship-site.single-sjh_event .event-gallery-open {
			grid-template-columns: 1fr;
			gap: 16px;
		}

		body.sjh-flagship-site.single-sjh_event .event-gallery-primary,
		body.sjh-flagship-site.single-sjh_event .event-gallery-secondary {
			height: auto;
			aspect-ratio: 4 / 3;
			margin-top: 0;
		}

		body.sjh-flagship-site.single-sjh_event .event-gallery-primary {
			aspect-ratio: 4 / 3;
		}

		body.sjh-flagship-site.single-sjh_event .event-related-service-links {
			display: grid;
			grid-template-columns: 1fr;
		}

		body.sjh-flagship-site.single-sjh_event .event-related-service-links a {
			grid-template-columns: 42px minmax(0, 1fr);
		}

		body.sjh-flagship-site.single-sjh_event .event-related-service-links a::after {
			grid-column: 2;
			justify-self: start;
			margin-top: -8px;
		}

		body.sjh-flagship-site.single-sjh_event .event-next-head,
		body.sjh-flagship-site.single-sjh_event .event-next-grid {
			grid-template-columns: 1fr;
		}

		body.sjh-flagship-site.single-sjh_event .event-next-card h3 {
			font-size: clamp(30px, 9vw, 48px);
		}

		body.sjh-flagship-site :is(.sjh-about-media-system, .sjh-about-proof-inner, .sjh-about-principle-grid, .sjh-client-grid) {
			grid-template-columns: 1fr;
		}

		body.sjh-flagship-site .sjh-client-logo-head {
			gap: 20px;
		}

		body.sjh-flagship-site .sjh-client-grid {
			border-left: 0;
		}

		body.sjh-flagship-site .sjh-client-card {
			border-left: 1px solid rgba(6,31,25,.12) !important;
		}

		body.sjh-flagship-site .sjh-client-testimonial-layout,
		body.sjh-flagship-site .sjh-contact-main-grid {
			grid-template-columns: 1fr !important;
		}

		body.sjh-flagship-site .sjh-client-testimonial-copy {
			border-left: 0;
			border-top: 1px solid rgba(255,255,255,.18);
		}

		body.sjh-flagship-site .sjh-about-page .sjh-about-intro {
			min-height: 0;
			padding-top: clamp(122px, 28vw, 154px) !important;
		}

		body.sjh-flagship-site .sjh-about-page .sjh-about-hero-grid {
			grid-template-columns: 1fr;
			gap: 28px;
		}

		body.sjh-flagship-site .sjh-about-page .display {
			max-width: 100% !important;
			font-size: clamp(40px, 11vw, 62px) !important;
		}

		body.sjh-flagship-site .sjh-about-page .intro-copy {
			max-width: 100% !important;
			font-size: clamp(22px, 6.6vw, 32px) !important;
		}

		body.sjh-flagship-site .sjh-about-page .sjh-about-media-system {
			grid-template-columns: 1fr;
			gap: 14px;
			margin-top: 28px;
		}

		body.sjh-flagship-site .sjh-about-page .sjh-about-media-primary,
		body.sjh-flagship-site .sjh-about-page .sjh-about-media-secondary {
			aspect-ratio: 4 / 3;
		}

		body.sjh-flagship-site .sjh-about-page .sjh-about-media-note {
			position: relative;
			right: auto;
			bottom: auto;
			width: 100%;
			box-shadow: none;
		}

		body.sjh-flagship-site .sjh-about-page .sjh-about-proof-inner {
			grid-template-columns: 1fr;
			border-left: 0;
		}

		body.sjh-flagship-site .sjh-about-page .sjh-about-proof-inner span {
			min-height: 86px;
			border-right: 0;
			border-top: 1px solid rgba(255,255,255,.12);
		}

		body.sjh-flagship-site .sjh-about-page .sjh-about-split,
		body.sjh-flagship-site .sjh-about-page .sjh-about-section-head,
		body.sjh-flagship-site .sjh-about-page .sjh-about-group-inner {
			grid-template-columns: 1fr;
		}

		body.sjh-flagship-site .sjh-about-page .sjh-about-copy {
			padding-left: 0;
			border-left: 0;
		}

		body.sjh-flagship-site .sjh-about-page .sjh-about-principle {
			grid-template-columns: 1fr;
			gap: 12px;
			transform: none !important;
		}

		body.sjh-flagship-site .sjh-about-page .sjh-about-image-run {
			grid-template-columns: 1fr;
		}

		body.sjh-flagship-site .sjh-about-page .sjh-about-image-run figure:nth-child(2) {
			transform: none;
		}

		body.sjh-flagship-site .sjh-contact-hero-media {
			width: 100%;
			margin-inline: 0;
		}
	}

	/* Uniformity pass: one rhythm for inner pages, archive cards, and the floating navigation. */
	body.sjh-flagship-site {
		--sjh-pad: clamp(24px, 4.2vw, 78px);
		--sjh-section-y: clamp(74px, 8vw, 126px);
		--sjh-hero-top: clamp(132px, 11vw, 184px);
		--sjh-hero-bottom: clamp(54px, 6vw, 92px);
		--sjh-h1-size: clamp(54px, 7.2vw, 118px);
		--sjh-h2-size: clamp(36px, 4.8vw, 78px);
		--sjh-lede-size: clamp(22px, 2.35vw, 38px);
		--sjh-body-size: clamp(18px, 1.55vw, 26px);
	}

	body.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__header {
		inset: 0 0 auto !important;
		height: clamp(82px, 8.4vw, 118px) !important;
		pointer-events: none;
	}

	body.admin-bar.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__header {
		top: 32px !important;
	}

	body.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__container {
		height: 100% !important;
		padding: clamp(16px, 2vw, 30px) var(--sjh-pad) !important;
	}

	body.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__logo,
	body.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__toggle {
		pointer-events: auto;
	}

	body.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__logo {
		width: clamp(148px, 13vw, 214px) !important;
		height: auto !important;
		display: flex !important;
		align-items: center;
		overflow: visible !important;
		filter: drop-shadow(0 14px 34px rgba(6,31,25,.13));
	}

	body.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__logo img {
		width: 100% !important;
		height: auto !important;
		display: block !important;
		object-fit: contain !important;
	}

	body.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__toggle {
		min-height: 46px !important;
		padding: 0 18px !important;
		border-radius: 999px !important;
	}

	body.sjh-flagship-site :is(.event-archive-hero, .sjh-about-intro, .sjh-clients-intro, .sjh-contact-intro, .sjh-service-hero) {
		min-height: clamp(440px, 56svh, 650px) !important;
		padding: var(--sjh-hero-top) var(--sjh-pad) var(--sjh-hero-bottom) !important;
		display: grid !important;
		align-items: end !important;
	}

	body.sjh-flagship-site :is(.event-archive-content, .sjh-about-hero-grid, .sjh-clients-hero-grid, .sjh-contact-intro-grid, .sjh-service-hero-inner) {
		width: 100% !important;
		max-width: none !important;
		grid-template-columns: minmax(0, .78fr) minmax(360px, .54fr) !important;
		gap: clamp(30px, 5vw, 88px) !important;
		align-items: end !important;
	}

	body.sjh-flagship-site :is(.event-archive-title, .event-single-title, .sjh-about-page .display, .sjh-clients-page .display, .sjh-contact-page .display, .sjh-service-page h1) {
		max-width: 100% !important;
		margin: 0 !important;
		font-size: var(--sjh-h1-size) !important;
		line-height: .88 !important;
		letter-spacing: -.075em !important;
	}

	body.sjh-flagship-site :is(.event-archive-lede, .event-single-lede, .sjh-about-page .intro-copy, .sjh-clients-page .intro-copy, .sjh-contact-page .intro-copy, .sjh-service-hero-copy p) {
		max-width: 760px !important;
		margin: 0 !important;
		padding-top: clamp(18px, 2vw, 30px) !important;
		border-top: 1px solid rgba(6,31,25,.18);
		font-size: var(--sjh-lede-size) !important;
		line-height: 1.12 !important;
		letter-spacing: -.048em !important;
	}

	body.sjh-flagship-site :is(.section-title, .event-gallery-title, .event-related-services h2, .sjh-about-page h2, .sjh-clients-page h2, .sjh-contact-page h2, .sjh-service-page h2) {
		font-size: var(--sjh-h2-size) !important;
		line-height: .92 !important;
		letter-spacing: -.067em !important;
	}

	body.sjh-flagship-site :is(.sjh-about-editorial, .sjh-about-principles, .sjh-about-group, .sjh-clients-testimonials, .sjh-contact-main, .sjh-contact-map-section, .sjh-client-logo-section) {
		padding-top: var(--sjh-section-y) !important;
		padding-bottom: var(--sjh-section-y) !important;
	}

	body.sjh-flagship-site .event-filter-bar {
		padding-inline: var(--sjh-pad) !important;
	}

	body.sjh-flagship-site .event-archive-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: clamp(18px, 1.6vw, 28px) !important;
		padding: clamp(34px, 4vw, 64px) var(--sjh-pad) var(--sjh-section-y) !important;
	}

	body.sjh-flagship-site .event-archive-card,
	body.sjh-flagship-site .event-archive-card:nth-child(n) {
		grid-column: auto !important;
		min-height: 0 !important;
		aspect-ratio: 4 / 4.65 !important;
	}

	body.sjh-flagship-site .event-archive-card img,
	body.sjh-flagship-site.single-sjh_event .event-next-card img {
		object-position: center 34% !important;
	}

	body.sjh-flagship-site .event-archive-card-panel strong {
		font-size: clamp(24px, 2.35vw, 42px) !important;
		line-height: 1 !important;
	}

	body.sjh-flagship-site .sjh-contact-page .sjh-contact-intro,
	body.sjh-flagship-site .sjh-clients-page .sjh-clients-intro,
	body.sjh-flagship-site .sjh-about-page .sjh-about-intro {
		min-height: clamp(430px, 54svh, 630px) !important;
		padding-top: var(--sjh-hero-top) !important;
		padding-bottom: var(--sjh-hero-bottom) !important;
	}

	body.sjh-flagship-site .sjh-contact-hero-media {
		min-height: clamp(280px, 32vw, 520px) !important;
		aspect-ratio: 16 / 5.8 !important;
	}

	body.sjh-flagship-site :is(.sjh-about-copy p, .sjh-contact-details p, .sjh-client-logo-copy, .quote blockquote) {
		font-size: var(--sjh-body-size) !important;
		line-height: 1.26 !important;
		letter-spacing: -.035em !important;
	}

	@media (max-width: 900px) {
		body.sjh-flagship-site {
			--sjh-pad: clamp(18px, 5vw, 28px);
			--sjh-hero-top: clamp(118px, 26vw, 150px);
			--sjh-hero-bottom: clamp(42px, 10vw, 66px);
			--sjh-h1-size: clamp(48px, 15vw, 78px);
			--sjh-h2-size: clamp(34px, 11vw, 58px);
			--sjh-lede-size: clamp(21px, 7vw, 32px);
		}

		body.admin-bar.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__header {
			top: 46px !important;
		}

		body.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__header {
			height: 78px !important;
		}

		body.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__logo {
			width: clamp(130px, 42vw, 176px) !important;
		}

		body.sjh-flagship-site :is(.event-archive-content, .sjh-about-hero-grid, .sjh-clients-hero-grid, .sjh-contact-intro-grid, .sjh-service-hero-inner) {
			grid-template-columns: 1fr !important;
			gap: clamp(22px, 7vw, 34px) !important;
		}

		body.sjh-flagship-site .event-archive-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
			gap: 14px !important;
		}
	}

	@media (max-width: 640px) {
		body.sjh-flagship-site .event-filter-bar {
			display: flex !important;
			flex-wrap: nowrap !important;
			overflow-x: auto;
			scroll-snap-type: x proximity;
			-webkit-overflow-scrolling: touch;
		}

		body.sjh-flagship-site .event-filter-bar a {
			min-width: min(76vw, 280px);
			scroll-snap-align: start;
		}

		body.sjh-flagship-site .event-archive-grid {
			grid-template-columns: 1fr !important;
			gap: 16px !important;
		}

		body.sjh-flagship-site .event-archive-card,
		body.sjh-flagship-site .event-archive-card:nth-child(n) {
			aspect-ratio: 4 / 4.35 !important;
		}
	}
