body.sjh-demo-template,
	body.sjh-demo-template .site-header,
	body.sjh-demo-template .site-header *,
	body.sjh-demo-template .footer,
	body.sjh-demo-template .footer * {
		font-family: "Inter", Arial, sans-serif !important;
		letter-spacing: 0 !important;
	}

	body.sjh-demo-template {
		background: #fff;
		overflow-x: clip !important;
	}

	body.sjh-demo-template-demo13 {
		--blue: #174c3f;
	}

	body.sjh-demo-template-demo13 .site-header {
		background: rgba(246, 248, 243, .9);
		border-bottom-color: rgba(23, 76, 63, .12);
		box-shadow: 0 12px 42px rgba(7, 26, 22, .06);
		backdrop-filter: blur(18px);
		-webkit-backdrop-filter: blur(18px);
	}

	body.sjh-demo-template-demo13 .site-header.scrolled {
		background: rgba(246, 248, 243, .96);
		border-bottom-color: rgba(23, 76, 63, .16);
	}

	body.sjh-demo-template-demo13 .menu-toggle {
		border-color: rgba(23, 76, 63, .18);
		background: rgba(255, 255, 255, .74);
	}

	body.sjh-demo-template-demo13 header.site-header {
		top: clamp(12px, 1.2vw, 20px) !important;
		left: 50% !important;
		right: auto !important;
		width: min(calc(100% - clamp(22px, 4vw, 70px)), 1760px) !important;
		height: clamp(62px, 5vw, 78px);
		padding: 0 clamp(12px, 1.6vw, 26px);
		border: 1px solid rgba(23, 76, 63, .14);
		border-radius: 999px;
		background:
			linear-gradient(135deg, rgba(255,255,255,.82), rgba(246,248,243,.62)),
			rgba(246,248,243,.76);
		box-shadow:
			0 22px 70px rgba(7, 26, 22, .09),
			inset 0 1px 0 rgba(255,255,255,.72);
		backdrop-filter: blur(22px) saturate(1.08);
		-webkit-backdrop-filter: blur(22px) saturate(1.08);
		transform: translateX(-50%);
		transition:
			top .36s ease,
			width .42s cubic-bezier(.16, 1, .3, 1),
			height .42s cubic-bezier(.16, 1, .3, 1),
			background .36s ease,
			box-shadow .36s ease;
	}

	body.admin-bar.sjh-demo-template-demo13 header.site-header {
		top: calc(32px + clamp(12px, 1.2vw, 20px)) !important;
	}

	body.sjh-demo-template-demo13 header.site-header.scrolled {
		width: min(calc(100% - clamp(16px, 3vw, 52px)), 1680px) !important;
		height: 62px;
		background:
			linear-gradient(135deg, rgba(255,255,255,.9), rgba(246,248,243,.74)),
			rgba(246,248,243,.82);
		border-bottom-color: rgba(23, 76, 63, .14);
		box-shadow:
			0 18px 56px rgba(7, 26, 22, .11),
			inset 0 1px 0 rgba(255,255,255,.76);
	}

	body.sjh-demo-template-demo13 .brand .sjh-logo-crop {
		width: clamp(148px, 11.5vw, 194px);
	}

	body.sjh-demo-template-demo13 header.site-header .nav {
		gap: 4px;
		padding: 4px;
		border: 1px solid rgba(23, 76, 63, .1);
		border-radius: 999px;
		background: rgba(255, 255, 255, .46);
		box-shadow: inset 0 1px 0 rgba(255,255,255,.58);
		font-family: "Inter", Arial, sans-serif;
	}

	body.sjh-demo-template-demo13 header.site-header .nav > a {
		min-height: 42px;
		display: inline-flex;
		align-items: center;
		padding: 0 clamp(12px, 1.25vw, 20px);
		border-radius: 999px;
		color: rgba(7, 26, 22, .78);
		font: 820 11px/1 "Inter", Arial, sans-serif;
		letter-spacing: .1em !important;
		text-transform: uppercase;
	}

	body.sjh-demo-template-demo13 header.site-header .nav > a::before {
		width: 50px;
		height: 50px;
		background:
			radial-gradient(circle at 32% 24%, rgba(255,255,255,.3), transparent 30%),
			linear-gradient(135deg, #2d7f6c, #174c3f 58%, #0a2b24);
		box-shadow:
			0 18px 46px rgba(23, 76, 63, .22),
			0 0 0 2px rgba(255,255,255,.86),
			inset 0 1px 0 rgba(255,255,255,.28);
	}

	body.sjh-demo-template-demo13 header.site-header .nav > a::after {
		display: none;
	}

	body.sjh-demo-template-demo13 header.site-header .nav > a:hover {
		color: var(--sjh-metal-green);
	}

	body.sjh-demo-template-demo13 header.site-header .nav > a.is-nav-lens,
	body.sjh-demo-template-demo13 header.site-header .nav > a.is-nav-lens:hover,
	body.sjh-demo-template-demo13 header.site-header .nav > a.is-nav-lens .nav-label {
		color: #fff;
	}

	body.sjh-demo-template-demo13 .menu-toggle {
		height: 44px;
		padding: 0 12px 0 16px;
		border-color: rgba(23, 76, 63, .14);
		background:
			linear-gradient(135deg, rgba(255,255,255,.82), rgba(246,248,243,.56));
		box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
		color: var(--sjh-metal-dark);
	}

	body.sjh-demo-template-demo13 .menu-toggle:hover,
	body.sjh-demo-template-demo13.mobile-menu-open .menu-toggle {
		background: var(--sjh-metal-green);
		border-color: var(--sjh-metal-green);
		color: #fff;
		box-shadow: 0 14px 34px rgba(23, 76, 63, .18);
	}

	@media (max-width: 900px) {
		body.sjh-demo-template-demo13 header.site-header {
			top: max(10px, env(safe-area-inset-top)) !important;
			width: calc(100% - 20px) !important;
			height: 58px;
			padding: 0 8px 0 14px;
			border-radius: 999px;
		}

		body.admin-bar.sjh-demo-template-demo13 header.site-header {
			top: calc(46px + max(10px, env(safe-area-inset-top))) !important;
		}

		body.sjh-demo-template-demo13 header.site-header.scrolled {
			width: calc(100% - 20px) !important;
			height: 58px;
		}

		body.sjh-demo-template-demo13 .brand .sjh-logo-crop,
		body.sjh-demo-template-demo13 .mobile-menu-brand .sjh-logo-crop {
			width: clamp(142px, 43vw, 178px);
		}

		body.sjh-demo-template-demo13 .mobile-menu-backdrop {
			background:
				radial-gradient(circle at 80% 10%, rgba(220,232,220,.38), transparent 32%),
				rgba(7, 26, 22, .32);
			backdrop-filter: blur(18px);
			-webkit-backdrop-filter: blur(18px);
		}

		body.sjh-demo-template-demo13 header.site-header .nav {
			inset: 10px;
			width: auto;
			height: calc(100dvh - 20px);
			display: flex;
			gap: 0;
			padding: clamp(14px, 4vw, 20px);
			border: 1px solid rgba(220, 232, 220, .18);
			border-radius: clamp(24px, 7vw, 34px);
			background:
				radial-gradient(circle at 82% 15%, rgba(220,232,220,.22), transparent 32%),
				radial-gradient(circle at 16% 88%, rgba(45,127,108,.28), transparent 34%),
				linear-gradient(135deg, #061a15, #174c3f 58%, #365f52);
			box-shadow:
				0 30px 100px rgba(2, 12, 10, .28),
				inset 0 1px 0 rgba(255,255,255,.15);
			color: #fff;
			opacity: 0;
			pointer-events: none;
			overflow: hidden auto;
			overscroll-behavior: contain;
			transform: translateY(18px) scale(.965);
			transform-origin: center top;
			transition:
				opacity .32s ease,
				transform .68s cubic-bezier(.16, 1, .3, 1);
		}

		body.sjh-demo-template-demo13 header.site-header .nav::before {
			content: "SJH EVENTS";
			position: absolute;
			left: clamp(14px, 5vw, 28px);
			right: auto;
			top: auto;
			bottom: clamp(110px, 20vh, 168px);
			color: rgba(255,255,255,.052);
			font: 900 clamp(56px, 18vw, 104px)/.86 "Inter", Arial, sans-serif;
			letter-spacing: -.08em;
			transform: none;
			white-space: nowrap;
			pointer-events: none;
		}

		body.sjh-demo-template-demo13 header.site-header .nav::after {
			content: "";
			position: absolute;
			inset: clamp(8px, 2vw, 14px);
			border: 1px solid rgba(255,255,255,.08);
			border-radius: clamp(18px, 6vw, 28px);
			pointer-events: none;
		}

		body.sjh-demo-template-demo13 header.site-header .nav.is-open {
			opacity: 1;
			pointer-events: auto;
			transform: translateY(0) scale(1);
		}

		body.sjh-demo-template-demo13 .mobile-menu-head,
		body.sjh-demo-template-demo13 .mobile-menu-kicker,
		body.sjh-demo-template-demo13 .mobile-menu-cta,
		body.sjh-demo-template-demo13 header.site-header .nav > a {
			position: relative;
			z-index: 2;
		}

		body.sjh-demo-template-demo13 .mobile-menu-head {
			display: flex;
			min-height: 54px;
			padding: 0 0 clamp(26px, 7vh, 52px);
		}

		body.sjh-demo-template-demo13 .mobile-menu-brand {
			padding: 7px 10px;
			border-radius: 999px;
			background: rgba(255,255,255,.9);
			box-shadow: 0 16px 48px rgba(2, 12, 10, .18);
		}

		body.sjh-demo-template-demo13 .mobile-menu-close {
			min-height: 42px;
			padding: 0 14px;
			border: 1px solid rgba(255,255,255,.18);
			border-radius: 999px;
			background: rgba(255,255,255,.08);
			color: #fff;
			font: 820 11px/1 "Inter", Arial, sans-serif;
			letter-spacing: .13em;
			backdrop-filter: blur(10px);
			-webkit-backdrop-filter: blur(10px);
		}

		body.sjh-demo-template-demo13 .mobile-menu-close::before {
			width: 18px;
		}

		body.sjh-demo-template-demo13 .mobile-menu-kicker {
			display: inline-flex;
			margin-bottom: clamp(6px, 2vh, 14px);
			color: rgba(220,232,220,.78);
			border-bottom-color: rgba(220,232,220,.34);
			font-family: "Inter", Arial, sans-serif;
		}

		body.sjh-demo-template-demo13 header.site-header .nav > a {
			min-height: 0;
			display: grid;
			grid-template-columns: 38px minmax(0, 1fr) 28px;
			gap: 12px;
			align-items: center;
			padding: clamp(14px, 4.4vw, 24px) 0;
			border-top: 1px solid rgba(255,255,255,.12);
			border-radius: 0;
			color: rgba(255,255,255,.94);
			font: 860 clamp(42px, 13vw, 74px)/.84 "Inter", Arial, sans-serif;
			letter-spacing: -.065em !important;
			text-transform: none;
			opacity: 0;
			transform: translateY(22px);
			transition:
				opacity .5s ease,
				transform .7s cubic-bezier(.16, 1, .3, 1),
				color .28s ease;
		}

		body.sjh-demo-template-demo13 header.site-header .nav > a:last-of-type {
			border-bottom: 1px solid rgba(255,255,255,.12);
		}

		body.sjh-demo-template-demo13 header.site-header .nav > a::before {
			display: none;
		}

		body.sjh-demo-template-demo13 header.site-header .nav > a::after {
			content: "";
			position: static;
			display: block;
			width: 18px;
			height: 18px;
			border-top: 2px solid currentColor;
			border-right: 2px solid currentColor;
			background: transparent;
			opacity: .42;
			transform: rotate(45deg);
			transition:
				opacity .28s ease,
				transform .36s cubic-bezier(.16, 1, .3, 1);
		}

		body.sjh-demo-template-demo13 header.site-header .nav > a:hover,
		body.sjh-demo-template-demo13 header.site-header .nav > a:focus-visible {
			color: #dce8dc;
		}

		body.sjh-demo-template-demo13 header.site-header .nav > a:hover::after,
		body.sjh-demo-template-demo13 header.site-header .nav > a:focus-visible::after {
			opacity: .9;
			transform: translateX(5px) rotate(45deg);
		}

		body.sjh-demo-template-demo13 header.site-header .nav > a.is-nav-lens,
		body.sjh-demo-template-demo13 header.site-header .nav > a.is-nav-lens:hover,
		body.sjh-demo-template-demo13 header.site-header .nav > a.is-nav-lens .nav-label,
		body.sjh-demo-template-demo13 header.site-header .nav > a.is-nav-lens .nav-count {
			color: #dce8dc;
		}

		body.sjh-demo-template-demo13 .nav-count {
			color: rgba(220,232,220,.62);
			font: 820 11px/1 "Inter", Arial, sans-serif;
			letter-spacing: .1em;
		}

		body.sjh-demo-template-demo13 .nav-label::after {
			bottom: -.12em;
			background: rgba(220,232,220,.74);
		}

		body.sjh-demo-template-demo13 .mobile-menu-cta {
			display: grid;
			margin: auto 0 0;
			padding: clamp(16px, 4.8vw, 22px);
			border: 1px solid rgba(255,255,255,.12);
			border-radius: 22px;
			background: rgba(255,255,255,.08);
			box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
			backdrop-filter: blur(16px);
			-webkit-backdrop-filter: blur(16px);
		}

		body.sjh-demo-template-demo13 .mobile-menu-cta p {
			max-width: 100%;
			color: rgba(255,255,255,.86);
			font: 560 clamp(15px, 4.2vw, 19px)/1.36 "Inter", Arial, sans-serif;
		}

		body.sjh-demo-template-demo13 .mobile-menu-button {
			min-height: 46px;
			padding: 0 18px;
			border-color: rgba(220,232,220,.72);
			background: #dce8dc;
			color: var(--sjh-metal-dark);
			font-family: "Inter", Arial, sans-serif;
		}

		body.sjh-demo-template-demo13 .mobile-menu-button:hover {
			background: transparent;
			color: #fff;
		}

		body.sjh-demo-template-demo13 .mobile-menu-contact {
			color: rgba(255,255,255,.68);
			font-family: "Inter", Arial, sans-serif;
		}

		body.sjh-demo-template-demo13 header.site-header .nav.is-open .mobile-menu-head {
			transition-delay: .1s;
		}

		body.sjh-demo-template-demo13 header.site-header .nav.is-open .mobile-menu-kicker {
			transition-delay: .16s;
		}

		body.sjh-demo-template-demo13 header.site-header .nav.is-open > a:nth-of-type(1) {
			transition-delay: .21s;
		}

		body.sjh-demo-template-demo13 header.site-header .nav.is-open > a:nth-of-type(2) {
			transition-delay: .27s;
		}

		body.sjh-demo-template-demo13 header.site-header .nav.is-open > a:nth-of-type(3) {
			transition-delay: .33s;
		}

		body.sjh-demo-template-demo13 header.site-header .nav.is-open > a:nth-of-type(4) {
			transition-delay: .39s;
		}

		body.sjh-demo-template-demo13 header.site-header .nav.is-open .mobile-menu-cta {
			transition-delay: .47s;
		}
	}

	body.sjh-demo-template-demo13 .sjh-demo-progress {
		display: none;
	}

	body.sjh-demo-template .sjh-cookie-consent,
	body.sjh-demo-template .sjh-cookie-reopen,
	body.sjh-demo-template .sjh-cookie-peek {
		display: none !important;
		pointer-events: none !important;
	}

	body.sjh-demo-template .wp-site-blocks > header.wp-block-template-part {
		height: 0 !important;
	}

	.sjh-demo {
		--demo-blue: rgb(0, 105, 165);
		--demo-blue-dark: #004a75;
		--demo-ink: #071017;
		--demo-paper: #f7f6f2;
		--demo-line: rgba(7, 16, 23, .12);
		--demo-pad: clamp(20px, 3.2vw, 56px);
		--demo-radius: 18px;
		position: relative;
		margin: 0;
		color: var(--demo-ink);
		background: #fff;
		font-family: "Inter", Arial, sans-serif;
		overflow: clip;
	}

	.sjh-demo *,
	.sjh-demo *::before,
	.sjh-demo *::after {
		box-sizing: border-box;
	}

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

	.sjh-demo video {
		display: block;
		max-width: 100%;
	}

	.sjh-demo a {
		color: inherit;
		text-decoration: none !important;
	}

	.sjh-demo h1,
	.sjh-demo h2,
	.sjh-demo h3,
	.sjh-demo p {
		margin: 0;
		letter-spacing: 0;
	}

	.sjh-demo h1 {
		max-width: 1220px;
		font-size: clamp(56px, 8vw, 142px);
		font-weight: 850;
		line-height: .92;
	}

	.sjh-demo h2 {
		max-width: 1080px;
		font-size: clamp(38px, 5.2vw, 92px);
		font-weight: 820;
		line-height: .96;
	}

	.sjh-demo h3 {
		font-size: clamp(23px, 2.1vw, 34px);
		font-weight: 760;
		line-height: 1.08;
	}

	.sjh-demo p {
		font-size: clamp(17px, 1.45vw, 23px);
		line-height: 1.55;
		color: rgba(7, 16, 23, .74);
	}

	.sjh-demo-meta {
		margin-bottom: 18px !important;
		color: var(--demo-blue) !important;
		font-size: 12px !important;
		font-weight: 800;
		line-height: 1;
		text-transform: uppercase;
	}

	.sjh-demo-switcher {
		position: fixed;
		right: clamp(16px, 2vw, 32px);
		top: calc(64px + 18px);
		z-index: 8900;
		display: inline-flex;
		align-items: center;
		gap: 5px;
		max-width: calc(100vw - 32px);
		padding: 7px;
		border: 1px solid rgba(0, 105, 165, .18);
		border-radius: 999px;
		background: rgba(255, 255, 255, .82);
		box-shadow: 0 18px 48px rgba(0, 0, 0, .1);
		backdrop-filter: blur(18px);
		-webkit-backdrop-filter: blur(18px);
		overflow-x: auto;
		scrollbar-width: none;
		transition: opacity .25s ease, transform .25s ease;
	}

	.sjh-demo-switcher::-webkit-scrollbar {
		display: none;
	}

	.sjh-demo-switcher:hover {
		opacity: 1;
	}

	body.admin-bar .sjh-demo-switcher {
		top: calc(96px + 18px);
	}

	.sjh-demo-switcher span {
		padding: 0 8px;
		color: rgba(7, 16, 23, .58);
		font-size: 11px;
		font-weight: 800;
		text-transform: uppercase;
	}

	.sjh-demo-switcher a {
		flex: 0 0 auto;
		width: 31px;
		height: 31px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		color: var(--demo-blue);
		font-size: 13px;
		font-weight: 800;
		transition: transform .25s ease, background .25s ease, color .25s ease;
	}

	.sjh-demo-switcher a:hover,
	.sjh-demo-switcher a.is-active {
		background: var(--demo-blue);
		color: #fff;
		transform: translateY(-1px);
	}

	.sjh-demo-progress {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 8890;
		height: 3px;
		pointer-events: none;
		background: rgba(0, 105, 165, .08);
	}

	.sjh-demo-progress span {
		display: block;
		width: 0%;
		height: 100%;
		background: var(--demo-blue);
		transform-origin: left center;
	}

	.sjh-demo-hero {
		min-height: clamp(720px, 92vh, 960px);
		padding: calc(64px + clamp(56px, 7vw, 120px)) var(--demo-pad) clamp(52px, 6vw, 96px);
		position: relative;
		display: grid;
		align-items: end;
		gap: clamp(26px, 4vw, 70px);
	}

	.sjh-demo-hero-copy {
		position: relative;
		z-index: 2;
	}

	.sjh-demo-hero-copy > p:not(.sjh-demo-meta) {
		max-width: 760px;
		margin-top: 26px;
	}

	.sjh-demo-actions {
		display: flex;
		flex-wrap: wrap;
		gap: 16px;
		margin-top: 34px;
	}

	.sjh-demo-button,
	.sjh-demo-link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 48px;
		font-size: 13px;
		font-weight: 850;
		text-transform: uppercase;
	}

	.sjh-demo-button {
		position: relative;
		overflow: hidden;
		padding: 0 24px;
		border-radius: 999px;
		background: var(--demo-blue);
		color: #fff !important;
		box-shadow: 0 14px 30px rgba(0, 105, 165, .18);
		transition: transform .25s ease, box-shadow .25s ease;
	}

	.sjh-demo-button::after {
		content: "";
		position: absolute;
		inset: auto 18px 8px;
		height: 1px;
		background: rgba(255, 255, 255, .72);
		transform: scaleX(0);
		transform-origin: left;
		transition: transform .3s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-demo-button:hover {
		transform: translateY(-2px);
		box-shadow: 0 20px 42px rgba(0, 105, 165, .26);
	}

	.sjh-demo-button:hover::after {
		transform: scaleX(1);
	}

	.sjh-demo-link {
		position: relative;
		color: var(--demo-blue) !important;
	}

	.sjh-demo-link::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 8px;
		height: 1px;
		background: currentColor;
		transform-origin: left;
		transition: transform .28s ease;
	}

	.sjh-demo-link:hover::after {
		transform: scaleX(.72);
	}

	.sjh-demo-section {
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
	}

	.sjh-demo-section-head {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(320px, .62fr);
		gap: clamp(28px, 6vw, 96px);
		align-items: start;
		margin-bottom: clamp(40px, 6vw, 88px);
	}

	.sjh-demo-section-head p {
		padding-top: .35em;
	}

	.sjh-demo-video-feature {
		display: grid;
		grid-template-columns: minmax(300px, .58fr) minmax(0, 1fr);
		gap: clamp(28px, 5vw, 86px);
		align-items: center;
		padding: clamp(80px, 9vw, 150px) var(--demo-pad);
		background: #fff;
	}

	.sjh-demo-video-feature.is-dark,
	.sjh-demo-video-feature.is-motion {
		background: #050607;
		color: #fff;
	}

	.sjh-demo-video-feature.is-paper {
		background: #f3f0ea;
	}

	.sjh-demo-video-feature.is-dark p,
	.sjh-demo-video-feature.is-motion p {
		color: rgba(255, 255, 255, .74);
	}

	.sjh-demo-video-copy p:not(.sjh-demo-meta) {
		margin-top: 22px;
	}

	.sjh-demo-video-shell {
		position: relative;
		overflow: hidden;
		border-radius: 26px;
		background: #071017;
		box-shadow: 0 28px 80px rgba(0, 0, 0, .18);
	}

	.sjh-demo-video-shell video {
		width: 100%;
		aspect-ratio: 16 / 9;
		display: block;
		object-fit: cover;
		object-position: 50% 50%;
		opacity: .92;
	}

	.sjh-demo-video-shell::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(0deg, rgba(0, 0, 0, .48), transparent 48%);
		pointer-events: none;
	}

	.sjh-demo-video-badge {
		position: absolute;
		left: 22px;
		right: 22px;
		bottom: 22px;
		z-index: 2;
		display: flex;
		justify-content: space-between;
		gap: 18px;
		align-items: end;
		color: #fff;
	}

	.sjh-demo-video-badge span {
		font-size: 12px;
		font-weight: 850;
		text-transform: uppercase;
		color: rgba(255, 255, 255, .72);
	}

	.sjh-demo-video-badge strong {
		max-width: 360px;
		font-size: clamp(24px, 3vw, 46px);
		line-height: 1;
		text-align: right;
	}

	.sjh-demo-deep-cards.is-dark,
	.sjh-demo-deep-cards.is-motion {
		background: #050607;
		color: #fff;
	}

	.sjh-demo-deep-cards.is-paper {
		background: #f3f0ea;
	}

	.sjh-demo-deep-cards.is-dark p,
	.sjh-demo-deep-cards.is-motion p {
		color: rgba(255, 255, 255, .72);
	}

	.sjh-demo-deep-grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 12px;
	}

	.sjh-demo-deep-card {
		position: relative;
		overflow: hidden;
		min-height: 300px;
		padding: 28px;
		border: 1px solid var(--demo-line);
		border-radius: 22px;
		background: rgba(255, 255, 255, .72);
		transition: transform .32s cubic-bezier(.16, 1, .3, 1), background .28s ease, border-color .28s ease;
	}

	.sjh-demo-deep-card::before,
	.sjh-demo-lightship-step::before,
	.sjh-demo-ceremony-card::before,
	.sjh-demo-blue-studio-card::before {
		content: "";
		position: absolute;
		inset: 0;
		background: radial-gradient(circle at var(--demo-mx, 50%) var(--demo-my, 50%), rgba(0, 105, 165, .12), transparent 34%);
		opacity: 0;
		pointer-events: none;
		transition: opacity .28s ease;
	}

	.sjh-demo-deep-card:hover::before,
	.sjh-demo-lightship-step:hover::before,
	.sjh-demo-ceremony-card:hover::before,
	.sjh-demo-blue-studio-card:hover::before {
		opacity: 1;
	}

	.sjh-demo-deep-card > *,
	.sjh-demo-lightship-step > *,
	.sjh-demo-ceremony-card > *,
	.sjh-demo-blue-studio-card > * {
		position: relative;
		z-index: 1;
	}

	.sjh-demo-deep-cards.is-dark .sjh-demo-deep-card,
	.sjh-demo-deep-cards.is-motion .sjh-demo-deep-card {
		border-color: rgba(255, 255, 255, .12);
		background: rgba(255, 255, 255, .045);
	}

	.sjh-demo-deep-card:hover {
		transform: translateY(-6px);
		border-color: rgba(0, 105, 165, .34);
		background: #fff;
	}

	.sjh-demo-deep-cards.is-dark .sjh-demo-deep-card:hover,
	.sjh-demo-deep-cards.is-motion .sjh-demo-deep-card:hover {
		border-color: rgba(255, 255, 255, .28);
		background: rgba(255, 255, 255, .08);
	}

	.sjh-demo-deep-card span {
		display: block;
		margin-bottom: clamp(54px, 7vw, 96px);
		color: var(--demo-blue);
		font-size: 12px;
		font-weight: 900;
	}

	.sjh-demo-deep-card p {
		margin-top: 16px;
		font-size: 16px;
	}

	.sjh-demo-split-feature {
		display: grid;
		grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);
		gap: clamp(28px, 5vw, 86px);
		align-items: center;
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
		background: #fff;
	}

	.sjh-demo-split-feature.is-reverse {
		grid-template-columns: minmax(340px, .72fr) minmax(0, 1.08fr);
	}

	.sjh-demo-split-feature.is-reverse .sjh-demo-split-media {
		order: 2;
	}

	.sjh-demo-split-media {
		margin: 0;
		overflow: hidden;
		border-radius: 24px;
		background: #111;
	}

	.sjh-demo-split-media img {
		width: 100%;
		aspect-ratio: 16 / 10;
		object-fit: cover;
		object-position: 50% 36%;
		transition: transform .8s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-demo-split-media:hover img {
		transform: scale(1.045);
	}

	.sjh-demo-split-copy p {
		margin-top: 22px;
	}

	.sjh-demo-split-list {
		display: grid;
		gap: 10px;
		margin-top: 34px;
	}

	.sjh-demo-split-list div {
		display: grid;
		grid-template-columns: 110px 1fr;
		gap: 16px;
		align-items: baseline;
		padding: 18px 0;
		border-top: 1px solid var(--demo-line);
	}

	.sjh-demo-split-list div:last-child {
		border-bottom: 1px solid var(--demo-line);
	}

	.sjh-demo-split-list strong {
		color: var(--demo-blue);
		font-size: 13px;
		font-weight: 900;
		text-transform: uppercase;
	}

	.sjh-demo-split-list span {
		color: rgba(7, 16, 23, .68);
		font-size: 16px;
		line-height: 1.45;
	}

	.sjh-demo-quote-panel {
		display: grid;
		grid-template-columns: minmax(280px, .42fr) minmax(0, 1fr);
		gap: clamp(24px, 4vw, 70px);
		align-items: stretch;
		padding: clamp(76px, 8vw, 130px) var(--demo-pad);
		background: #f8f7f4;
	}

	.sjh-demo-quote-panel figure {
		margin: 0;
		overflow: hidden;
		border-radius: 22px;
		background: #111;
	}

	.sjh-demo-quote-panel img {
		width: 100%;
		height: 100%;
		min-height: 420px;
		object-fit: cover;
		object-position: 50% 36%;
	}

	.sjh-demo-quote-panel > div {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: clamp(28px, 5vw, 70px);
		border-radius: 24px;
		background: #fff;
	}

	.sjh-demo-quote-panel p {
		color: var(--demo-ink);
		font-size: clamp(30px, 4.2vw, 74px);
		font-weight: 760;
		line-height: 1.08;
	}

	.sjh-demo-quote-panel span {
		display: block;
		margin-top: 28px;
		color: var(--demo-blue);
		font-size: 12px;
		font-weight: 900;
		text-transform: uppercase;
	}

	.sjh-demo-final-cta {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 30px;
		align-items: end;
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
		background: var(--demo-blue);
		color: #fff;
	}

	.sjh-demo-final-cta p {
		max-width: 820px;
		margin-top: 22px;
		color: rgba(255, 255, 255, .78);
	}

	.sjh-demo-final-cta .sjh-demo-button {
		background: #fff;
		color: var(--demo-blue) !important;
		box-shadow: 0 22px 48px rgba(0, 0, 0, .15);
	}

	.sjh-demo-reveal {
		opacity: 0;
		transform: translateY(24px);
		transition: opacity .78s cubic-bezier(.16, 1, .3, 1), transform .78s cubic-bezier(.16, 1, .3, 1);
		transition-delay: var(--demo-delay, 0ms);
	}

	.sjh-demo-reveal.is-visible {
		opacity: 1;
		transform: translateY(0);
	}

	/* Demo 1 */
	.sjh-demo-hero-guide {
		grid-template-columns: minmax(0, .9fr) minmax(360px, .72fr);
		background: #fff;
	}

	.sjh-demo-guide-media {
		position: relative;
		align-self: center;
	}

	.sjh-demo-guide-media img {
		width: 100%;
		aspect-ratio: 4 / 5;
		object-fit: cover;
		object-position: 50% 38%;
		border-radius: 28px;
		box-shadow: 0 30px 90px rgba(0, 0, 0, .12);
	}

	.sjh-demo-guide-panel {
		position: absolute;
		right: -18px;
		bottom: 28px;
		width: min(84%, 390px);
		padding: 24px;
		border: 1px solid rgba(255, 255, 255, .64);
		border-radius: 18px;
		background: rgba(255, 255, 255, .78);
		backdrop-filter: blur(18px);
		-webkit-backdrop-filter: blur(18px);
		box-shadow: 0 22px 55px rgba(0, 0, 0, .14);
	}

	.sjh-demo-guide-panel strong {
		display: block;
		font-size: 22px;
		font-weight: 850;
	}

	.sjh-demo-guide-panel span {
		display: block;
		margin-top: 10px;
		color: rgba(7, 16, 23, .58);
		font-size: 12px;
		font-weight: 800;
		text-transform: uppercase;
	}

	.sjh-demo-process {
		background: var(--demo-paper);
	}

	.sjh-demo-process-grid {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 14px;
	}

	.sjh-demo-step {
		min-height: 290px;
		padding: 26px;
		border: 1px solid var(--demo-line);
		border-radius: 20px;
		background: #fff;
		transition: transform .3s ease, border-color .3s ease;
	}

	.sjh-demo-step:hover {
		transform: translateY(-6px);
		border-color: rgba(0, 105, 165, .32);
	}

	.sjh-demo-step span {
		display: block;
		margin-bottom: 80px;
		color: var(--demo-blue);
		font-size: 12px;
		font-weight: 900;
	}

	.sjh-demo-step p {
		margin-top: 16px;
		font-size: 16px;
	}

	.sjh-demo-image-ribbon {
		display: grid;
		grid-template-columns: 1.3fr .9fr .9fr 1fr;
		gap: 10px;
		padding: 10px;
		background: #fff;
	}

	.sjh-demo-image-ribbon figure {
		position: relative;
		min-height: clamp(320px, 32vw, 560px);
		margin: 0;
		overflow: hidden;
		border-radius: 12px;
		background: #111;
	}

	.sjh-demo-image-ribbon img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 36%;
		transition: transform .8s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-demo-image-ribbon figure:hover img {
		transform: scale(1.045);
	}

	.sjh-demo-image-ribbon figcaption {
		position: absolute;
		left: 18px;
		right: 18px;
		bottom: 18px;
		color: #fff;
		font-size: 12px;
		font-weight: 850;
		text-transform: uppercase;
	}

	.sjh-demo-band {
		background: var(--demo-blue);
		color: #fff;
	}

	.sjh-demo-band p {
		color: rgba(255, 255, 255, .78);
	}

	/* Demo 2 */
	.sjh-demo-hero-cinema {
		min-height: 108vh;
		color: #fff;
		background: #06080a;
	}

	.sjh-demo-hero-cinema > img,
	.sjh-demo-hero-cinema > video {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 38%;
		opacity: .72;
	}

	.sjh-demo-cinema-overlay {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgba(0, 0, 0, .82), rgba(0, 0, 0, .2)), linear-gradient(0deg, rgba(0, 0, 0, .82), transparent 55%);
	}

	.sjh-demo-hero-cinema p,
	.sjh-demo-hero-cinema .sjh-demo-meta {
		color: rgba(255, 255, 255, .82) !important;
	}

	.sjh-demo-brief-pill {
		width: min(100%, 620px);
		margin-top: 36px;
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 8px;
		padding: 8px;
		border: 1px solid rgba(255, 255, 255, .28);
		border-radius: 999px;
		background: rgba(255, 255, 255, .12);
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
	}

	.sjh-demo-brief-pill input {
		min-width: 0;
		border: 0;
		background: transparent;
		color: #fff;
		padding: 0 18px;
		font: 600 16px/1 "Inter", Arial, sans-serif;
		outline: none;
	}

	.sjh-demo-brief-pill input::placeholder {
		color: rgba(255, 255, 255, .7);
	}

	.sjh-demo-brief-pill button {
		min-height: 46px;
		padding: 0 22px;
		border: 0;
		border-radius: 999px;
		background: #fff;
		color: var(--demo-blue);
		font: 850 12px/1 "Inter", Arial, sans-serif;
		text-transform: uppercase;
	}

	.sjh-demo-logo-strip {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 18px;
		padding: 24px var(--demo-pad);
		border-bottom: 1px solid var(--demo-line);
		background: #fff;
		color: rgba(7, 16, 23, .52);
		font-size: 12px;
		font-weight: 850;
		text-transform: uppercase;
	}

	.sjh-demo-dark-system {
		background: #050607;
		color: #fff;
	}

	.sjh-demo-dark-system p {
		color: rgba(255, 255, 255, .7);
	}

	.sjh-demo-system-copy {
		max-width: 1040px;
		margin-bottom: 56px;
	}

	.sjh-demo-system-copy p {
		margin-top: 22px;
	}

	.sjh-demo-system-grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 12px;
	}

	.sjh-demo-system-card {
		min-height: 330px;
		padding: 28px;
		border: 1px solid rgba(255, 255, 255, .12);
		border-radius: 22px;
		background: rgba(255, 255, 255, .04);
	}

	.sjh-demo-system-card span {
		display: block;
		margin-bottom: 96px;
		color: #7cc7f2;
		font-size: 12px;
		font-weight: 900;
	}

	.sjh-demo-system-card strong {
		display: block;
		font-size: 32px;
		font-weight: 850;
	}

	.sjh-demo-system-card p {
		margin-top: 14px;
		font-size: 16px;
	}

	.sjh-demo-case-rail {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 8px;
		padding: 8px;
		background: #050607;
	}

	.sjh-demo-case-tile {
		position: relative;
		min-height: 520px;
		overflow: hidden;
		border-radius: 16px;
		background: #111;
	}

	.sjh-demo-case-tile img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 38%;
		opacity: .86;
		transition: transform .75s cubic-bezier(.16, 1, .3, 1), opacity .3s ease;
	}

	.sjh-demo-case-tile:hover img {
		transform: scale(1.05);
		opacity: .62;
	}

	.sjh-demo-case-tile span {
		position: absolute;
		left: 26px;
		right: 26px;
		bottom: 26px;
		color: #fff;
		font-size: clamp(28px, 3vw, 54px);
		font-weight: 850;
		line-height: 1;
	}

	/* Demo 3 */
	.sjh-demo-hero-modular {
		grid-template-columns: minmax(0, .92fr) minmax(380px, .74fr);
		background: #f3f0ea;
	}

	.sjh-demo-module-stack {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 12px;
		align-self: center;
	}

	.sjh-demo-module {
		min-height: 180px;
		padding: 22px;
		border: 1px solid rgba(7, 16, 23, .1);
		border-radius: 22px;
		background: #fff;
		box-shadow: 0 18px 44px rgba(0, 0, 0, .06);
	}

	.sjh-demo-module.is-image {
		grid-column: span 2;
		min-height: 430px;
		padding: 0;
		overflow: hidden;
	}

	.sjh-demo-module.is-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 38%;
	}

	.sjh-demo-module span {
		display: block;
		color: var(--demo-blue);
		font-size: 12px;
		font-weight: 850;
		text-transform: uppercase;
	}

	.sjh-demo-module strong {
		display: block;
		margin-top: 44px;
		font-size: clamp(28px, 3vw, 48px);
		font-weight: 850;
		line-height: 1;
	}

	.sjh-demo-builder-grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		border-top: 1px solid var(--demo-line);
		border-left: 1px solid var(--demo-line);
	}

	.sjh-demo-builder-card {
		min-height: 250px;
		padding: 30px;
		border-right: 1px solid var(--demo-line);
		border-bottom: 1px solid var(--demo-line);
		transition: background .25s ease;
	}

	.sjh-demo-builder-card:hover {
		background: rgba(0, 105, 165, .045);
	}

	.sjh-demo-builder-card p {
		margin-top: 18px;
		font-size: 16px;
	}

	.sjh-demo-wide-visual {
		position: relative;
		display: grid;
		grid-template-columns: 1.15fr .85fr;
		gap: clamp(28px, 4vw, 70px);
		align-items: end;
		padding: 0 var(--demo-pad) clamp(84px, 9vw, 150px);
	}

	.sjh-demo-wide-visual img {
		width: 100%;
		aspect-ratio: 16 / 10;
		object-fit: cover;
		object-position: 50% 36%;
		border-radius: 24px;
	}

	.sjh-demo-wide-visual p {
		margin-top: 22px;
	}

	/* Demo 4 */
	.sjh-demo-hero-atlas {
		grid-template-columns: minmax(340px, .72fr) minmax(0, .95fr);
		background: #edf7fc;
	}

	.sjh-demo-atlas-object {
		align-self: center;
		padding: 12px;
		border-radius: 36px;
		background: #fff;
		box-shadow: 0 30px 90px rgba(0, 105, 165, .12);
	}

	.sjh-demo-atlas-object img {
		width: 100%;
		aspect-ratio: 1 / 1.12;
		object-fit: cover;
		object-position: 50% 34%;
		border-radius: 26px;
	}

	.sjh-demo-tile-header {
		max-width: 960px;
		margin-bottom: 48px;
	}

	.sjh-demo-tile-header p {
		margin-top: 22px;
	}

	.sjh-demo-tile-grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 14px;
	}

	.sjh-demo-atlas-tile {
		position: relative;
		min-height: 430px;
		padding: 18px;
		overflow: hidden;
		border-radius: 28px;
		background: #071017;
	}

	.sjh-demo-atlas-tile img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 36%;
		opacity: .72;
		transition: opacity .35s ease, transform .7s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-demo-atlas-tile:hover img {
		opacity: .48;
		transform: scale(1.045);
	}

	.sjh-demo-atlas-tile span {
		position: relative;
		z-index: 2;
		display: inline-flex;
		min-height: 38px;
		align-items: center;
		padding: 0 14px;
		border-radius: 999px;
		background: #fff;
		color: var(--demo-blue);
		font-size: 13px;
		font-weight: 850;
		text-transform: uppercase;
	}

	/* Demo 5 */
	.sjh-demo-hero-momentum {
		min-height: 112vh;
		color: #fff;
		background: #071017;
	}

	.sjh-demo-hero-momentum > img,
	.sjh-demo-hero-momentum > video {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 35%;
		opacity: .72;
	}

	.sjh-demo-hero-momentum::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(0deg, rgba(7, 16, 23, .86), rgba(7, 16, 23, .08) 58%), linear-gradient(90deg, rgba(7, 16, 23, .68), transparent);
	}

	.sjh-demo-hero-momentum p {
		color: rgba(255, 255, 255, .82);
	}

	.sjh-demo-timeline {
		display: grid;
		grid-template-columns: minmax(300px, .62fr) minmax(0, 1fr);
		gap: clamp(42px, 7vw, 120px);
		align-items: start;
		background: #fff;
	}

	.sjh-demo-timeline-copy {
		position: sticky;
		top: 110px;
	}

	.sjh-demo-timeline-copy p {
		margin-top: 22px;
	}

	.sjh-demo-timeline-list {
		display: grid;
		gap: 12px;
	}

	.sjh-demo-timeline-item {
		padding: 34px;
		border: 1px solid var(--demo-line);
		border-radius: 24px;
		background: #fbfbfb;
	}

	.sjh-demo-timeline-item span {
		display: block;
		margin-bottom: 58px;
		color: var(--demo-blue);
		font-size: 12px;
		font-weight: 900;
	}

	.sjh-demo-timeline-item p {
		margin-top: 16px;
		font-size: 16px;
	}

	.sjh-demo-proof-band {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 1px;
		background: rgba(255, 255, 255, .18);
		color: #fff;
	}

	.sjh-demo-proof-band > div {
		min-height: 280px;
		padding: var(--demo-pad);
		background: var(--demo-blue);
	}

	.sjh-demo-proof-band strong {
		display: block;
		font-size: clamp(64px, 8vw, 138px);
		font-weight: 850;
		line-height: .9;
	}

	.sjh-demo-proof-band span {
		display: block;
		margin-top: 18px;
		font-size: 13px;
		font-weight: 850;
		text-transform: uppercase;
	}

	/* Demo 6 */
	.sjh-demo-hero-editorial {
		grid-template-columns: minmax(0, .96fr) minmax(340px, .78fr);
		background: #fff;
		align-items: center;
	}

	.sjh-demo-editorial-media img {
		width: 100%;
		aspect-ratio: 4 / 5.2;
		object-fit: cover;
		object-position: 50% 34%;
	}

	.sjh-demo-editorial-grid {
		background: #f8f7f4;
	}

	.sjh-demo-editorial-intro {
		max-width: 1050px;
		margin-bottom: 46px;
	}

	.sjh-demo-editorial-intro p {
		margin-top: 22px;
	}

	.sjh-demo-masonry {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 12px;
	}

	.sjh-demo-masonry figure {
		margin: 0;
		min-height: 360px;
		overflow: hidden;
		background: #111;
	}

	.sjh-demo-masonry figure.is-large {
		grid-column: span 2;
		grid-row: span 2;
	}

	.sjh-demo-masonry img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 36%;
		transition: transform .8s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-demo-masonry figure:hover img {
		transform: scale(1.04);
	}

	.sjh-demo-quote {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 36px;
		align-items: end;
		background: #fff;
	}

	.sjh-demo-quote p {
		max-width: 1160px;
		color: var(--demo-ink);
		font-size: clamp(30px, 4.5vw, 76px);
		font-weight: 650;
		line-height: 1.08;
	}

	/* Demo 7 */
	.sjh-demo-hero-occasion {
		min-height: clamp(760px, 98vh, 1060px);
		grid-template-columns: minmax(0, 1fr) minmax(300px, .4fr);
		color: #fff;
		background: #071017;
		overflow: hidden;
	}

	.sjh-demo-hero-occasion > video {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 45%;
		opacity: .72;
	}

	.sjh-demo-occasion-wash {
		position: absolute;
		inset: 0;
		background: radial-gradient(circle at 70% 24%, rgba(0, 105, 165, .28), transparent 34%), linear-gradient(0deg, rgba(7, 16, 23, .92), rgba(7, 16, 23, .14) 58%), linear-gradient(90deg, rgba(7, 16, 23, .72), transparent);
	}

	.sjh-demo-hero-occasion p,
	.sjh-demo-hero-occasion .sjh-demo-meta {
		color: rgba(255, 255, 255, .82) !important;
	}

	.sjh-demo-occasion-note {
		position: relative;
		z-index: 2;
		align-self: end;
		padding: 26px;
		border: 1px solid rgba(255, 255, 255, .24);
		border-radius: 28px;
		background: rgba(255, 255, 255, .1);
		backdrop-filter: blur(24px);
		-webkit-backdrop-filter: blur(24px);
	}

	.sjh-demo-occasion-note span,
	.sjh-demo-feature-card span,
	.sjh-demo-blue-ledger span,
	.sjh-demo-edition-columns span,
	.sjh-demo-lightship-panel span {
		display: block;
		color: var(--demo-blue);
		font-size: 12px;
		font-weight: 900;
		text-transform: uppercase;
	}

	.sjh-demo-occasion-note strong {
		display: block;
		margin-top: 36px;
		color: #fff;
		font-size: clamp(26px, 2.6vw, 44px);
		line-height: 1;
	}

	.sjh-demo-occasion-note p {
		margin-top: 18px;
		font-size: 16px;
	}

	.sjh-demo-original-intro {
		padding: clamp(90px, 10vw, 160px) var(--demo-pad);
		background: #fff;
	}

	.sjh-demo-original-intro > div {
		max-width: 1260px;
	}

	.sjh-demo-original-intro h2 {
		color: var(--demo-blue);
	}

	.sjh-demo-original-intro p {
		max-width: 1180px;
		margin-top: 24px;
		color: rgba(7, 16, 23, .86);
		font-size: clamp(22px, 2.4vw, 38px);
		line-height: 1.38;
	}

	.sjh-demo-original-intro .sjh-demo-link {
		margin-top: 30px;
	}

	.sjh-demo-featured-strip,
	.sjh-demo-ceremony-gallery {
		padding: clamp(82px, 9vw, 142px) var(--demo-pad);
		background: #f8f7f4;
	}

	.sjh-demo-featured-head {
		display: flex;
		align-items: end;
		justify-content: space-between;
		gap: 28px;
		margin-bottom: 36px;
	}

	.sjh-demo-featured-head p {
		max-width: 520px;
		font-size: 18px;
	}

	.sjh-demo-feature-grid {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 14px;
	}

	.sjh-demo-feature-card {
		position: relative;
		min-height: clamp(420px, 42vw, 660px);
		overflow: hidden;
		border-radius: 24px;
		background: #071017;
	}

	.sjh-demo-feature-card img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 36%;
		opacity: .84;
		transition: transform .8s cubic-bezier(.16, 1, .3, 1), opacity .3s ease;
	}

	.sjh-demo-feature-card:hover img {
		transform: scale(1.045);
		opacity: .58;
	}

	.sjh-demo-feature-card::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(0deg, rgba(7, 16, 23, .74), transparent 54%);
	}

	.sjh-demo-feature-card span,
	.sjh-demo-feature-card strong {
		position: absolute;
		z-index: 2;
		left: 22px;
		right: 22px;
	}

	.sjh-demo-feature-card span {
		bottom: 92px;
		color: rgba(255, 255, 255, .7);
	}

	.sjh-demo-feature-card strong {
		bottom: 22px;
		color: #fff;
		font-size: clamp(26px, 2.8vw, 48px);
		font-weight: 850;
		line-height: .98;
	}

	/* Demo 8 */
	.sjh-demo-hero-blue-room {
		grid-template-columns: minmax(0, .72fr) minmax(440px, .8fr);
		background: linear-gradient(180deg, #fff, #edf7fc);
		align-items: center;
	}

	.sjh-demo-blue-composition {
		position: relative;
		min-height: 650px;
	}

	.sjh-demo-blue-composition figure {
		position: absolute;
		margin: 0;
		overflow: hidden;
		border-radius: 28px;
		background: #071017;
		box-shadow: 0 26px 70px rgba(0, 105, 165, .16);
	}

	.sjh-demo-blue-composition figure.is-main {
		inset: 7% 10% 12% 4%;
	}

	.sjh-demo-blue-composition figure:nth-child(2) {
		width: 38%;
		aspect-ratio: 1 / 1.15;
		right: 0;
		top: 0;
	}

	.sjh-demo-blue-composition figure:nth-child(3) {
		width: 34%;
		aspect-ratio: 1.1 / 1;
		right: 6%;
		bottom: 0;
	}

	.sjh-demo-blue-composition img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 36%;
		transition: transform .8s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-demo-blue-composition figure:hover img {
		transform: scale(1.045);
	}

	.sjh-demo-blue-token {
		position: absolute;
		left: 0;
		bottom: 7%;
		width: min(360px, 54%);
		padding: 24px;
		border-radius: 24px;
		background: var(--demo-blue);
		color: #fff;
		box-shadow: 0 24px 70px rgba(0, 105, 165, .22);
	}

	.sjh-demo-blue-token span {
		font-size: 12px;
		font-weight: 900;
	}

	.sjh-demo-blue-token strong {
		display: block;
		margin-top: 42px;
		font-size: clamp(24px, 2.3vw, 40px);
		line-height: 1;
	}

	.sjh-demo-blue-ledger {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 1px;
		background: var(--demo-line);
		border-top: 1px solid var(--demo-line);
		border-bottom: 1px solid var(--demo-line);
	}

	.sjh-demo-blue-ledger > div {
		min-height: 220px;
		padding: 32px var(--demo-pad);
		background: #fff;
	}

	.sjh-demo-blue-ledger strong {
		display: block;
		max-width: 420px;
		margin-top: 52px;
		font-size: clamp(24px, 2.5vw, 42px);
		line-height: 1.05;
	}

	.sjh-demo-blue-studio {
		display: grid;
		grid-template-columns: minmax(300px, .55fr) minmax(0, 1fr);
		gap: clamp(36px, 5vw, 86px);
		align-items: start;
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
		background: var(--demo-blue);
		color: #fff;
	}

	.sjh-demo-blue-studio p {
		color: rgba(255, 255, 255, .75);
	}

	.sjh-demo-blue-studio-copy {
		position: sticky;
		top: 110px;
	}

	.sjh-demo-blue-studio-copy p {
		margin-top: 22px;
	}

	.sjh-demo-blue-studio-grid {
		display: grid;
		gap: 14px;
	}

	.sjh-demo-blue-studio-card {
		position: relative;
		overflow: hidden;
		min-height: 230px;
		padding: 30px;
		border: 1px solid rgba(255, 255, 255, .18);
		border-radius: 28px;
		background: rgba(255, 255, 255, .08);
		transition: transform .3s ease, background .3s ease;
	}

	.sjh-demo-blue-studio-card:hover {
		transform: translateX(8px);
		background: rgba(255, 255, 255, .13);
	}

	.sjh-demo-blue-studio-card p {
		margin-top: 18px;
		font-size: 17px;
	}

	/* Demo 9 */
	.sjh-demo-hero-edition {
		grid-template-columns: minmax(360px, .62fr) minmax(0, .86fr);
		background: #f7f3eb;
		align-items: center;
	}

	.sjh-demo-edition-cover {
		position: relative;
		overflow: hidden;
		border-radius: 6px;
		background: #111;
		box-shadow: 0 30px 90px rgba(0, 0, 0, .13);
	}

	.sjh-demo-edition-cover img {
		width: 100%;
		aspect-ratio: 4 / 5.2;
		object-fit: cover;
		object-position: 50% 34%;
		opacity: .9;
	}

	.sjh-demo-edition-cover span {
		position: absolute;
		left: 22px;
		right: 22px;
		top: 22px;
		color: #fff;
		font-size: 12px;
		font-weight: 900;
		text-transform: uppercase;
	}

	.sjh-demo-edition-columns {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 1px;
		padding: 1px;
		background: var(--demo-line);
	}

	.sjh-demo-edition-columns article {
		min-height: 380px;
		padding: clamp(30px, 4vw, 58px);
		background: #fff;
	}

	.sjh-demo-edition-columns h3 {
		margin-top: 88px;
	}

	.sjh-demo-edition-columns p {
		margin-top: 18px;
		font-size: 17px;
	}

	.sjh-demo-edition-spread {
		display: grid;
		grid-template-columns: minmax(320px, .5fr) minmax(0, 1fr);
		gap: clamp(34px, 5vw, 86px);
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
		background: #fff;
	}

	.sjh-demo-edition-story {
		position: sticky;
		top: 110px;
		align-self: start;
	}

	.sjh-demo-edition-story p {
		margin-top: 22px;
	}

	.sjh-demo-edition-imagebook {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 14px;
	}

	.sjh-demo-edition-imagebook figure {
		margin: 0;
		min-height: 380px;
		overflow: hidden;
		background: #111;
	}

	.sjh-demo-edition-imagebook figure:nth-child(2n) {
		transform: translateY(64px);
	}

	.sjh-demo-edition-imagebook img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 35%;
		transition: transform .8s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-demo-edition-imagebook figure:hover img {
		transform: scale(1.045);
	}

	/* Demo 10 */
	.sjh-demo-hero-ceremony {
		min-height: clamp(760px, 100vh, 1080px);
		color: #fff;
		background: #050607;
	}

	.sjh-demo-hero-ceremony > video {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 42%;
		opacity: .66;
	}

	.sjh-demo-ceremony-shade {
		position: absolute;
		inset: 0;
		background: linear-gradient(0deg, rgba(0, 0, 0, .92), rgba(0, 0, 0, .14) 58%), radial-gradient(circle at 78% 24%, rgba(0, 105, 165, .32), transparent 30%);
	}

	.sjh-demo-hero-ceremony p,
	.sjh-demo-hero-ceremony .sjh-demo-meta {
		color: rgba(255, 255, 255, .82) !important;
	}

	.sjh-demo-ceremony-dock {
		position: absolute;
		z-index: 3;
		right: var(--demo-pad);
		bottom: clamp(32px, 5vw, 72px);
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		max-width: 500px;
	}

	.sjh-demo-ceremony-dock span {
		display: inline-flex;
		min-height: 40px;
		align-items: center;
		padding: 0 16px;
		border: 1px solid rgba(255, 255, 255, .28);
		border-radius: 999px;
		background: rgba(255, 255, 255, .1);
		color: #fff;
		font-size: 12px;
		font-weight: 900;
		text-transform: uppercase;
		backdrop-filter: blur(16px);
		-webkit-backdrop-filter: blur(16px);
	}

	.sjh-demo-ceremony-index {
		display: grid;
		grid-template-columns: minmax(320px, .5fr) minmax(0, 1fr);
		gap: clamp(34px, 5vw, 86px);
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
		background: #050607;
		color: #fff;
	}

	.sjh-demo-ceremony-copy {
		position: sticky;
		top: 110px;
		align-self: start;
	}

	.sjh-demo-ceremony-copy p,
	.sjh-demo-ceremony-card p {
		color: rgba(255, 255, 255, .72);
	}

	.sjh-demo-ceremony-copy p {
		margin-top: 22px;
	}

	.sjh-demo-ceremony-cards {
		display: grid;
		gap: 12px;
	}

	.sjh-demo-ceremony-card {
		position: relative;
		overflow: hidden;
		min-height: 270px;
		padding: 32px;
		border: 1px solid rgba(255, 255, 255, .13);
		border-radius: 30px;
		background: rgba(255, 255, 255, .055);
		transition: transform .3s ease, background .3s ease;
	}

	.sjh-demo-ceremony-card:hover {
		transform: translateY(-5px);
		background: rgba(255, 255, 255, .09);
	}

	.sjh-demo-ceremony-card span {
		display: block;
		margin-bottom: 72px;
		color: #7cc7f2;
		font-size: 12px;
		font-weight: 900;
	}

	.sjh-demo-ceremony-card p {
		margin-top: 16px;
		font-size: 17px;
	}

	.sjh-demo-ceremony-row {
		display: grid;
		grid-template-columns: 1.25fr .85fr .85fr 1fr .9fr;
		gap: 12px;
	}

	.sjh-demo-ceremony-row figure {
		margin: 0;
		min-height: clamp(320px, 34vw, 560px);
		overflow: hidden;
		border-radius: 24px;
		background: #111;
	}

	.sjh-demo-ceremony-row img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 34%;
		transition: transform .8s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-demo-ceremony-row figure:hover img {
		transform: scale(1.045);
	}

	/* Demo 11 */
	.sjh-demo-hero-cosmos {
		min-height: clamp(760px, 100vh, 1080px);
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: linear-gradient(180deg, #ffffff 0%, #f3eef5 58%, #ffffff 100%);
		overflow: hidden;
	}

	.sjh-demo-hero-cosmos .sjh-demo-hero-copy > p:not(.sjh-demo-meta) {
		margin-left: auto;
		margin-right: auto;
	}

	.sjh-demo-cosmos-orbit {
		position: absolute;
		inset: 10%;
		z-index: 0;
		border: 1px solid rgba(0, 105, 165, .08);
		border-radius: 44px;
	}

	.sjh-demo-cosmos-orbit span,
	.sjh-demo-cosmos-words span {
		position: absolute;
	}

	.sjh-demo-cosmos-orbit span {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: var(--demo-blue);
		opacity: .62;
		animation: sjhDemoFloat 6s ease-in-out infinite alternate;
	}

	.sjh-demo-cosmos-orbit span:nth-child(1) { left: 14%; top: 18%; }
	.sjh-demo-cosmos-orbit span:nth-child(2) { right: 18%; top: 26%; animation-delay: .7s; }
	.sjh-demo-cosmos-orbit span:nth-child(3) { left: 34%; bottom: 18%; animation-delay: 1.2s; }
	.sjh-demo-cosmos-orbit span:nth-child(4) { right: 28%; bottom: 12%; animation-delay: 1.8s; }
	.sjh-demo-cosmos-orbit span:nth-child(5) { left: 50%; top: 48%; animation-delay: 2.2s; }

	.sjh-demo-cosmos-words {
		position: absolute;
		inset: 0;
		z-index: 1;
		pointer-events: none;
	}

	.sjh-demo-cosmos-words span {
		left: var(--x);
		top: var(--y);
		color: rgba(7, 16, 23, .48);
		font-size: clamp(18px, 2vw, 30px);
		font-weight: 700;
		animation: sjhDemoFloat 7s ease-in-out infinite alternate;
	}

	.sjh-demo-cosmos-statement {
		min-height: 72vh;
		display: grid;
		place-items: center;
		padding: clamp(84px, 10vw, 170px) var(--demo-pad);
		text-align: center;
		background: #fff;
	}

	.sjh-demo-cosmos-statement div {
		max-width: 980px;
	}

	.sjh-demo-cosmos-statement p {
		margin-top: 24px;
		font-size: clamp(22px, 2.5vw, 38px);
		line-height: 1.38;
	}

	.sjh-demo-cosmos-media {
		display: grid;
		grid-template-columns: minmax(0, 1.1fr) minmax(260px, .7fr) minmax(260px, .7fr);
		gap: 16px;
		align-items: end;
		padding: clamp(80px, 9vw, 150px) var(--demo-pad);
		background: #f8f7f4;
	}

	.sjh-demo-cosmos-media figure {
		margin: 0;
		overflow: hidden;
		border-radius: 30px;
		background: #111;
	}

	.sjh-demo-cosmos-media figure.is-tall {
		grid-row: span 2;
	}

	.sjh-demo-cosmos-media img {
		width: 100%;
		height: 100%;
		min-height: 360px;
		object-fit: cover;
		object-position: 50% 36%;
	}

	.sjh-demo-cosmos-card {
		padding: 28px;
		border-radius: 30px;
		background: #fff;
		box-shadow: 0 22px 60px rgba(0, 0, 0, .08);
	}

	.sjh-demo-cosmos-card span {
		color: var(--demo-blue);
		font-size: 12px;
		font-weight: 900;
		text-transform: uppercase;
	}

	.sjh-demo-cosmos-card strong {
		display: block;
		margin-top: 64px;
		font-size: clamp(24px, 2.5vw, 42px);
		line-height: 1.02;
	}

	.sjh-demo-cosmos-card p {
		margin-top: 18px;
		font-size: 17px;
	}

	.sjh-demo-cosmos-sequence {
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
		background: #fff;
	}

	.sjh-demo-cosmos-sequence-head {
		max-width: 980px;
		margin-bottom: 46px;
	}

	.sjh-demo-cosmos-sequence-head p {
		margin-top: 22px;
	}

	.sjh-demo-cosmos-lines {
		border-top: 1px solid var(--demo-line);
	}

	.sjh-demo-cosmos-line {
		display: grid;
		grid-template-columns: 110px 1fr;
		gap: 24px;
		padding: clamp(28px, 4vw, 58px) 0;
		border-bottom: 1px solid var(--demo-line);
	}

	.sjh-demo-cosmos-line span {
		color: var(--demo-blue);
		font-size: 12px;
		font-weight: 900;
	}

	.sjh-demo-cosmos-line strong {
		font-size: clamp(32px, 4.5vw, 82px);
		line-height: .98;
	}

	@keyframes sjhDemoFloat {
		from { transform: translate3d(0, -8px, 0); }
		to { transform: translate3d(0, 12px, 0); }
	}

	/* Demo 12 */
	.sjh-demo-hero-lightship {
		grid-template-columns: minmax(0, .72fr) minmax(440px, .82fr);
		align-items: center;
		background: #fff;
		overflow: hidden;
	}

	.sjh-demo-lightship-nav {
		position: absolute;
		top: calc(64px + 28px);
		left: 50%;
		z-index: 4;
		display: inline-flex;
		gap: 6px;
		padding: 7px;
		border: 1px solid var(--demo-line);
		border-radius: 999px;
		background: rgba(255, 255, 255, .74);
		transform: translateX(-50%);
		backdrop-filter: blur(18px);
		-webkit-backdrop-filter: blur(18px);
	}

	.sjh-demo-lightship-nav span {
		display: inline-flex;
		min-height: 34px;
		align-items: center;
		padding: 0 14px;
		border-radius: 999px;
		color: rgba(7, 16, 23, .6);
		font-size: 12px;
		font-weight: 850;
		text-transform: uppercase;
		transition: background .25s ease, color .25s ease;
	}

	.sjh-demo-lightship-nav span:hover {
		background: var(--demo-blue);
		color: #fff;
	}

	.sjh-demo-lightship-collage {
		position: relative;
		min-height: 660px;
	}

	.sjh-demo-lightship-collage figure {
		position: absolute;
		margin: 0;
		overflow: hidden;
		border-radius: 28px;
		background: #071017;
		box-shadow: 0 24px 64px rgba(0, 0, 0, .12);
	}

	.sjh-demo-lightship-collage figure.is-main {
		inset: 12% 18% 10% 10%;
	}

	.sjh-demo-lightship-collage figure:nth-child(2) {
		width: 34%;
		aspect-ratio: 1 / 1;
		left: 0;
		top: 0;
	}

	.sjh-demo-lightship-collage figure:nth-child(3) {
		width: 36%;
		aspect-ratio: 1.25 / 1;
		right: 4%;
		bottom: 0;
	}

	.sjh-demo-lightship-collage img,
	.sjh-demo-lightship-collage video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 38%;
	}

	.sjh-demo-lightship-prompt {
		position: absolute;
		right: 0;
		top: 44%;
		z-index: 3;
		min-height: 42px;
		display: inline-flex;
		align-items: center;
		padding: 0 16px;
		border: 1px solid var(--demo-line);
		border-radius: 999px;
		background: #fff;
		color: rgba(7, 16, 23, .64);
		font-size: 13px;
		font-weight: 750;
		box-shadow: 0 18px 50px rgba(0, 0, 0, .1);
	}

	.sjh-demo-lightship-journey {
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
		background: #f8f7f4;
	}

	.sjh-demo-lightship-grid {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 12px;
	}

	.sjh-demo-lightship-step {
		position: relative;
		overflow: hidden;
		min-height: 310px;
		padding: 28px;
		border: 1px solid var(--demo-line);
		border-radius: 30px;
		background: #fff;
		transition: transform .3s ease, box-shadow .3s ease;
	}

	.sjh-demo-lightship-step:hover {
		transform: translateY(-7px);
		box-shadow: 0 22px 50px rgba(0, 0, 0, .08);
	}

	.sjh-demo-lightship-step span {
		display: block;
		margin-bottom: 86px;
		color: var(--demo-blue);
		font-size: 12px;
		font-weight: 900;
	}

	.sjh-demo-lightship-step p {
		margin-top: 16px;
		font-size: 16px;
	}

	.sjh-demo-lightship-dashboard {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 12px;
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
		background: #fff;
	}

	.sjh-demo-lightship-panel {
		min-height: 330px;
		padding: 30px;
		border: 1px solid var(--demo-line);
		border-radius: 32px;
		background: linear-gradient(180deg, #fff, #f4fbff);
	}

	.sjh-demo-lightship-panel strong {
		display: block;
		margin-top: 70px;
		font-size: clamp(24px, 2.4vw, 40px);
		line-height: 1.05;
	}

	.sjh-demo-lightship-meter {
		height: 9px;
		margin-top: 34px;
		overflow: hidden;
		border-radius: 999px;
		background: rgba(0, 105, 165, .12);
	}

	.sjh-demo-lightship-meter i {
		display: block;
		height: 100%;
		border-radius: inherit;
		background: var(--demo-blue);
	}

	/* Retained concept refresh */
	.sjh-demo-hero-momentum {
		grid-template-columns: minmax(0, 1fr) minmax(280px, .34fr);
		align-items: end;
		isolation: isolate;
	}

	.sjh-demo-hero-momentum > img,
	.sjh-demo-hero-momentum > video {
		filter: saturate(1.08) contrast(1.05);
	}

	.sjh-demo-momentum-gridline {
		position: absolute;
		inset: 0;
		z-index: 1;
		background-image: linear-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .07) 1px, transparent 1px);
		background-size: 84px 84px;
		mask-image: linear-gradient(0deg, #000, transparent 78%);
		pointer-events: none;
	}

	.sjh-demo-momentum-console {
		position: relative;
		z-index: 2;
		align-self: end;
		padding: 22px;
		border: 1px solid rgba(255, 255, 255, .22);
		border-radius: 12px;
		background: rgba(3, 8, 12, .56);
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
	}

	.sjh-demo-momentum-console span,
	.sjh-demo-momentum-river aside > span,
	.sjh-demo-momentum-close > span,
	.sjh-demo-blue-plaque span,
	.sjh-demo-blue-studio-copy > span,
	.sjh-demo-blue-close > span,
	.sjh-demo-ceremony-copy > span,
	.sjh-demo-ceremony-interlude span,
	.sjh-demo-ceremony-close > span,
	.sjh-demo-lightship-planner span,
	.sjh-demo-lightship-route span,
	.sjh-demo-editorial-spread aside > span {
		display: block;
		color: #75c8f6;
		font-size: 12px;
		font-weight: 900;
		text-transform: uppercase;
	}

	.sjh-demo-momentum-console strong {
		display: block;
		margin-top: 54px;
		color: #fff;
		font-size: 24px;
		line-height: 1.06;
	}

	.sjh-demo-momentum-console div {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 8px;
		margin-top: 24px;
	}

	.sjh-demo-momentum-console i {
		height: 5px;
		border-radius: 999px;
		background: #75c8f6;
		transform-origin: left;
		animation: sjhDemoPulse 1.8s ease-in-out infinite alternate;
	}

	.sjh-demo-momentum-console i:nth-child(2) { animation-delay: .2s; }
	.sjh-demo-momentum-console i:nth-child(3) { animation-delay: .4s; }
	.sjh-demo-momentum-console i:nth-child(4) { animation-delay: .6s; }

	.sjh-demo-momentum-river,
	.sjh-demo-momentum-flight,
	.sjh-demo-momentum-screen,
	.sjh-demo-momentum-close {
		background: #050607;
		color: #fff;
	}

	.sjh-demo-momentum-river {
		display: grid;
		grid-template-columns: minmax(300px, .42fr) minmax(0, 1fr);
		gap: clamp(34px, 6vw, 96px);
		align-items: start;
		padding: clamp(88px, 10vw, 170px) var(--demo-pad);
	}

	.sjh-demo-momentum-river aside {
		position: sticky;
		top: 110px;
	}

	.sjh-demo-momentum-river p,
	.sjh-demo-momentum-flight p,
	.sjh-demo-momentum-close p,
	.sjh-demo-ceremony-index p,
	.sjh-demo-ceremony-interlude p,
	.sjh-demo-ceremony-script p,
	.sjh-demo-ceremony-close p {
		color: rgba(255, 255, 255, .72);
	}

	.sjh-demo-momentum-river aside p,
	.sjh-demo-momentum-flight > div:first-child p {
		margin-top: 22px;
	}

	.sjh-demo-momentum-panels {
		display: grid;
		gap: 18px;
	}

	.sjh-demo-momentum-panel {
		position: relative;
		min-height: clamp(420px, 52vw, 760px);
		overflow: hidden;
		border-radius: 12px;
		background: #111;
	}

	.sjh-demo-momentum-panel img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 36%;
		opacity: .76;
		transition: transform .9s cubic-bezier(.16, 1, .3, 1), opacity .3s ease;
	}

	.sjh-demo-momentum-panel:hover img {
		transform: scale(1.045);
		opacity: .55;
	}

	.sjh-demo-momentum-panel div {
		position: absolute;
		left: 24px;
		right: 24px;
		bottom: 24px;
		display: grid;
		grid-template-columns: 80px 1fr;
		gap: 22px;
		align-items: end;
		color: #fff;
	}

	.sjh-demo-momentum-panel span {
		font-size: 14px;
		font-weight: 900;
		color: #75c8f6;
	}

	.sjh-demo-momentum-panel p {
		margin-top: 12px;
		font-size: 17px;
	}

	.sjh-demo-momentum-flight {
		padding: clamp(86px, 9vw, 150px) var(--demo-pad);
	}

	.sjh-demo-momentum-flight > div:first-child {
		max-width: 1120px;
		margin-bottom: clamp(34px, 5vw, 72px);
	}

	.sjh-demo-momentum-track {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 1px;
		background: rgba(255, 255, 255, .16);
		border: 1px solid rgba(255, 255, 255, .16);
	}

	.sjh-demo-momentum-card {
		min-height: 340px;
		padding: 30px;
		background: #090c10;
		transition: background .28s ease, transform .28s ease;
	}

	.sjh-demo-momentum-card:hover {
		background: #10212d;
		transform: translateY(-6px);
	}

	.sjh-demo-momentum-card p {
		margin-top: 84px;
		font-size: 17px;
	}

	.sjh-demo-momentum-screen {
		position: relative;
		padding: 0 var(--demo-pad) clamp(88px, 10vw, 170px);
	}

	.sjh-demo-momentum-screen video {
		width: 100%;
		aspect-ratio: 16 / 7;
		object-fit: cover;
		border-radius: 16px;
		box-shadow: 0 36px 90px rgba(0, 0, 0, .4);
	}

	.sjh-demo-momentum-stats {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 1px;
		margin-top: 1px;
		background: rgba(255, 255, 255, .16);
	}

	.sjh-demo-momentum-stats div {
		padding: 24px;
		background: #090c10;
	}

	.sjh-demo-momentum-stats strong {
		display: block;
		color: #75c8f6;
		font-size: 13px;
	}

	.sjh-demo-momentum-stats span {
		display: block;
		margin-top: 36px;
		font-size: clamp(22px, 2vw, 32px);
		font-weight: 760;
		line-height: 1.08;
	}

	.sjh-demo-momentum-close {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 34px;
		align-items: end;
		padding: clamp(86px, 9vw, 150px) var(--demo-pad);
		border-top: 1px solid rgba(255, 255, 255, .14);
	}

	.sjh-demo-momentum-close h2 {
		margin-top: 18px;
	}

	@keyframes sjhDemoPulse {
		from { transform: scaleX(.32); opacity: .42; }
		to { transform: scaleX(1); opacity: 1; }
	}

	.sjh-demo-hero-editorial {
		grid-template-columns: minmax(0, .88fr) minmax(420px, .62fr);
		align-items: center;
		background: #f8f7f4;
	}

	.sjh-demo-editorial-cover {
		position: relative;
		overflow: hidden;
		border-radius: 0;
		background: #111;
	}

	.sjh-demo-editorial-cover img {
		width: 100%;
		aspect-ratio: 4 / 5.25;
		object-fit: cover;
		object-position: 50% 34%;
	}

	.sjh-demo-editorial-cover div {
		position: absolute;
		left: 18px;
		right: 18px;
		bottom: 18px;
		padding: 16px;
		background: rgba(255, 255, 255, .88);
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
	}

	.sjh-demo-editorial-cover span,
	.sjh-demo-editorial-manifesto span,
	.sjh-demo-editorial-index strong,
	.sjh-demo-editorial-folio figcaption {
		color: var(--demo-blue);
		font-size: 12px;
		font-weight: 900;
		text-transform: uppercase;
	}

	.sjh-demo-editorial-cover strong {
		display: block;
		margin-top: 8px;
		font-size: 15px;
	}

	.sjh-demo-editorial-manifesto {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1px;
		background: var(--demo-line);
	}

	.sjh-demo-editorial-manifesto > div {
		min-height: 360px;
		padding: clamp(30px, 5vw, 76px);
		background: #fff;
	}

	.sjh-demo-editorial-manifesto p {
		max-width: 760px;
		margin-top: 70px;
		color: var(--demo-ink);
		font-size: clamp(24px, 3vw, 48px);
		line-height: 1.18;
	}

	.sjh-demo-editorial-film {
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
		background: #fff;
	}

	.sjh-demo-editorial-film > div {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(300px, .48fr);
		gap: clamp(28px, 6vw, 96px);
		align-items: end;
		margin-bottom: 34px;
	}

	.sjh-demo-editorial-film > div p {
		padding-bottom: .4em;
	}

	.sjh-demo-editorial-film video {
		width: 100%;
		aspect-ratio: 16 / 7;
		object-fit: cover;
	}

	.sjh-demo-editorial-spread {
		display: grid;
		grid-template-columns: minmax(280px, .34fr) minmax(0, 1fr);
		gap: clamp(34px, 5vw, 80px);
		align-items: start;
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
		background: #f8f7f4;
	}

	.sjh-demo-editorial-spread aside {
		position: sticky;
		top: 110px;
	}

	.sjh-demo-editorial-spread aside h2,
	.sjh-demo-editorial-spread aside p {
		margin-top: 20px;
	}

	.sjh-demo-editorial-folio {
		display: grid;
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 14px;
	}

	.sjh-demo-editorial-folio figure {
		grid-column: span 3;
		margin: 0;
		overflow: hidden;
		background: #111;
	}

	.sjh-demo-editorial-folio figure.is-wide {
		grid-column: span 6;
	}

	.sjh-demo-editorial-folio img {
		width: 100%;
		height: clamp(360px, 38vw, 620px);
		object-fit: cover;
		object-position: 50% 35%;
		transition: transform .8s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-demo-editorial-folio figure:hover img {
		transform: scale(1.04);
	}

	.sjh-demo-editorial-folio figcaption {
		padding: 12px 0 0;
		background: #f8f7f4;
	}

	.sjh-demo-editorial-index {
		display: grid;
		grid-template-columns: minmax(280px, .48fr) minmax(0, 1fr);
		gap: clamp(34px, 6vw, 100px);
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
		background: #fff;
	}

	.sjh-demo-editorial-index > div {
		border-top: 1px solid var(--demo-line);
	}

	.sjh-demo-editorial-index article {
		display: grid;
		grid-template-columns: 160px 1fr;
		gap: 24px;
		padding: 26px 0;
		border-bottom: 1px solid var(--demo-line);
	}

	.sjh-demo-editorial-index article p {
		font-size: clamp(18px, 1.8vw, 28px);
		color: var(--demo-ink);
	}

	.sjh-demo-editorial-close {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 12px;
		padding: 12px;
		background: #f8f7f4;
	}

	.sjh-demo-editorial-close figure {
		margin: 0;
		overflow: hidden;
		background: #111;
	}

	.sjh-demo-editorial-close img {
		width: 100%;
		height: 100%;
		min-height: 420px;
		object-fit: cover;
		object-position: 50% 35%;
	}

	.sjh-demo-editorial-close > div {
		grid-column: span 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 34px;
		background: #fff;
	}

	.sjh-demo-editorial-close p {
		margin-top: 18px;
	}

	.sjh-demo-editorial-close .sjh-demo-button {
		align-self: start;
		margin-top: 28px;
	}

	.sjh-demo-hero-blue-room {
		grid-template-columns: minmax(0, .95fr) minmax(340px, .5fr);
		background: var(--demo-blue);
		color: #fff;
		align-items: center;
		overflow: hidden;
	}

	.sjh-demo-hero-blue-room p,
	.sjh-demo-hero-blue-room .sjh-demo-meta {
		color: rgba(255, 255, 255, .78) !important;
	}

	.sjh-demo-blue-stage {
		display: grid;
		grid-template-columns: 1.2fr .75fr;
		grid-template-rows: 1fr 1fr;
		gap: 12px;
		align-self: center;
	}

	.sjh-demo-blue-stage figure {
		margin: 0;
		overflow: hidden;
		border-radius: 2px;
		background: #071017;
		box-shadow: 0 26px 70px rgba(0, 0, 0, .2);
	}

	.sjh-demo-blue-stage figure.is-primary {
		grid-row: span 2;
	}

	.sjh-demo-blue-stage img,
	.sjh-demo-blue-stage video {
		width: 100%;
		height: 100%;
		min-height: 280px;
		object-fit: cover;
		object-position: 50% 36%;
		transition: transform .8s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-demo-blue-stage figure:hover img,
	.sjh-demo-blue-stage figure:hover video {
		transform: scale(1.04);
	}

	.sjh-demo-blue-plaque {
		padding: clamp(72px, 8vw, 130px) var(--demo-pad);
		background: #fff;
	}

	.sjh-demo-blue-plaque p {
		max-width: 1260px;
		margin-top: 18px;
		color: var(--demo-blue);
		font-size: clamp(36px, 5vw, 86px);
		font-weight: 830;
		line-height: 1;
	}

	.sjh-demo-blue-ledger > div {
		min-height: 300px;
	}

	.sjh-demo-blue-ledger strong {
		margin-top: 70px;
	}

	.sjh-demo-blue-ledger p {
		margin-top: 14px;
		font-size: 17px;
	}

	.sjh-demo-blue-gallery {
		display: grid;
		grid-template-columns: minmax(300px, .38fr) minmax(0, 1fr);
		gap: clamp(34px, 5vw, 82px);
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
		background: #fff;
	}

	.sjh-demo-blue-gallery > div:first-child {
		position: sticky;
		top: 110px;
		align-self: start;
	}

	.sjh-demo-blue-gallery > div:first-child p {
		margin-top: 20px;
	}

	.sjh-demo-blue-gallery > div:last-child {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: 12px;
	}

	.sjh-demo-blue-gallery figure {
		grid-column: span 3;
		margin: 0;
		overflow: hidden;
		border-radius: 0 46px 0 46px;
		background: #071017;
	}

	.sjh-demo-blue-gallery figure.is-tall {
		grid-row: span 2;
	}

	.sjh-demo-blue-gallery img {
		width: 100%;
		height: 100%;
		min-height: 360px;
		object-fit: cover;
		object-position: 50% 35%;
		transition: transform .8s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-demo-blue-gallery figure:hover img {
		transform: scale(1.045);
	}

	.sjh-demo-blue-close {
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
		background: var(--demo-blue);
		color: #fff;
	}

	.sjh-demo-blue-close h2,
	.sjh-demo-blue-close p {
		max-width: 980px;
		margin-top: 18px;
	}

	.sjh-demo-blue-close p {
		color: rgba(255, 255, 255, .74);
	}

	.sjh-demo-blue-close .sjh-demo-button {
		margin-top: 30px;
		background: #fff;
		color: var(--demo-blue) !important;
	}

	.sjh-demo-ceremony-interlude {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(320px, .42fr);
		gap: clamp(30px, 5vw, 84px);
		align-items: end;
		padding: 0 var(--demo-pad) clamp(86px, 9vw, 150px);
		background: #050607;
		color: #fff;
	}

	.sjh-demo-ceremony-interlude video {
		width: 100%;
		aspect-ratio: 16 / 8;
		object-fit: cover;
		border-radius: 0;
	}

	.sjh-demo-ceremony-interlude h2,
	.sjh-demo-ceremony-interlude p {
		margin-top: 20px;
	}

	.sjh-demo-ceremony-gallery {
		background: #0b0b0c;
		color: #fff;
	}

	.sjh-demo-ceremony-row {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.sjh-demo-ceremony-row figure {
		grid-column: span 2;
		border-radius: 0;
	}

	.sjh-demo-ceremony-row figure:nth-child(1),
	.sjh-demo-ceremony-row figure:nth-child(4) {
		grid-column: span 3;
	}

	.sjh-demo-ceremony-script {
		display: grid;
		grid-template-columns: minmax(300px, .4fr) minmax(0, 1fr);
		gap: clamp(34px, 6vw, 100px);
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
		background: #050607;
		color: #fff;
	}

	.sjh-demo-ceremony-script > div:last-child {
		border-top: 1px solid rgba(255, 255, 255, .16);
	}

	.sjh-demo-ceremony-script article {
		display: grid;
		grid-template-columns: 120px 1fr;
		gap: 24px;
		padding: 28px 0;
		border-bottom: 1px solid rgba(255, 255, 255, .16);
	}

	.sjh-demo-ceremony-script span {
		color: #75c8f6;
		font-size: 13px;
		font-weight: 900;
	}

	.sjh-demo-ceremony-script p {
		font-size: clamp(24px, 3vw, 48px);
		line-height: 1.14;
	}

	.sjh-demo-ceremony-close {
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
		background: radial-gradient(circle at 80% 20%, rgba(0, 105, 165, .32), transparent 32%), #050607;
		color: #fff;
	}

	.sjh-demo-ceremony-close h2,
	.sjh-demo-ceremony-close p {
		max-width: 1050px;
		margin-top: 18px;
	}

	.sjh-demo-ceremony-close .sjh-demo-button {
		margin-top: 30px;
	}

	.sjh-demo-lightship-planner {
		display: grid;
		grid-template-columns: minmax(300px, .42fr) minmax(0, 1fr);
		gap: clamp(34px, 5vw, 86px);
		align-items: center;
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
		background: #fff;
	}

	.sjh-demo-lightship-planner > div:first-child h2,
	.sjh-demo-lightship-planner > div:first-child p,
	.sjh-demo-lightship-route h2,
	.sjh-demo-lightship-route p {
		margin-top: 20px;
	}

	.sjh-demo-lightship-board {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
		padding: 12px;
		border: 1px solid rgba(0, 105, 165, .14);
		border-radius: 38px;
		background: #f4fbff;
		box-shadow: 0 28px 80px rgba(0, 105, 165, .1);
	}

	.sjh-demo-lightship-board > div,
	.sjh-demo-lightship-board video {
		border-radius: 28px;
		background: #fff;
	}

	.sjh-demo-lightship-board > div {
		min-height: 170px;
		padding: 24px;
	}

	.sjh-demo-lightship-board span {
		color: var(--demo-blue);
	}

	.sjh-demo-lightship-board strong {
		display: block;
		margin-top: 42px;
		font-size: clamp(22px, 2.2vw, 34px);
		line-height: 1.08;
	}

	.sjh-demo-lightship-board video {
		grid-column: span 2;
		width: 100%;
		aspect-ratio: 16 / 8;
		object-fit: cover;
	}

	.sjh-demo-lightship-route {
		display: grid;
		grid-template-columns: minmax(0, .95fr) minmax(320px, .55fr);
		gap: clamp(34px, 5vw, 86px);
		align-items: center;
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
		background: #f8f7f4;
	}

	.sjh-demo-lightship-route figure {
		margin: 0;
		overflow: hidden;
		border-radius: 38px;
		background: #111;
	}

	.sjh-demo-lightship-route img {
		width: 100%;
		aspect-ratio: 16 / 10;
		object-fit: cover;
		object-position: 50% 36%;
	}

	.sjh-demo-lightship-route .sjh-demo-button {
		margin-top: 30px;
	}

	/* Retained concept distinction pass */
	.sjh-demo .sjh-demo-hero-copy h1 {
		text-wrap: balance;
	}

	.sjh-demo-hero-momentum .sjh-demo-hero-copy h1,
	.sjh-demo-hero-ceremony .sjh-demo-hero-copy h1 {
		max-width: 1180px;
		font-size: clamp(58px, 7.4vw, 118px);
	}

	.sjh-demo-hero-editorial {
		grid-template-columns: minmax(0, 1.08fr) minmax(390px, .54fr);
	}

	.sjh-demo-hero-editorial .sjh-demo-hero-copy h1 {
		max-width: 890px;
		font-size: clamp(52px, 6.25vw, 98px);
		line-height: .9;
	}

	.sjh-demo-hero-blue-room .sjh-demo-hero-copy h1 {
		max-width: 680px;
		font-size: clamp(58px, 7.2vw, 112px);
	}

	.sjh-demo-hero-lightship .sjh-demo-hero-copy h1 {
		max-width: 780px;
		font-size: clamp(58px, 7.4vw, 116px);
	}

	.sjh-demo-momentum-beam {
		position: absolute;
		inset: -20% auto -20% 57%;
		z-index: 1;
		width: 2px;
		background: linear-gradient(180deg, transparent, rgba(117, 200, 246, .88), transparent);
		box-shadow: 0 0 42px rgba(117, 200, 246, .42);
		transform: rotate(18deg);
		animation: sjhDemoBeam 4.8s cubic-bezier(.16, 1, .3, 1) infinite;
		pointer-events: none;
	}

	.sjh-demo-momentum-tags {
		position: absolute;
		top: clamp(130px, 16vw, 240px);
		right: clamp(24px, 5vw, 86px);
		z-index: 2;
		display: grid;
		grid-template-columns: repeat(2, minmax(92px, 1fr));
		gap: 8px;
		max-width: 300px;
		pointer-events: none;
	}

	.sjh-demo-momentum-tags span {
		min-height: 42px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border: 1px solid rgba(255, 255, 255, .18);
		border-radius: 999px;
		background: rgba(0, 0, 0, .22);
		color: rgba(255, 255, 255, .74);
		font-size: 11px;
		font-weight: 900;
		text-transform: uppercase;
		backdrop-filter: blur(12px);
		-webkit-backdrop-filter: blur(12px);
	}

	@keyframes sjhDemoBeam {
		0% { opacity: 0; transform: translateX(-16vw) rotate(18deg); }
		22% { opacity: .72; }
		62% { opacity: .72; }
		100% { opacity: 0; transform: translateX(18vw) rotate(18deg); }
	}

	.sjh-demo-og-grid-section {
		padding: clamp(84px, 9vw, 150px) var(--demo-pad);
		background: #fff;
	}

	.sjh-demo-og-grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: clamp(12px, 1.4vw, 22px);
	}

	.sjh-demo-og-card {
		position: relative;
		overflow: hidden;
		min-height: clamp(310px, 32vw, 560px);
		background: #071017;
	}

	.sjh-demo-og-card img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 35%;
		transition: transform .78s cubic-bezier(.16, 1, .3, 1), opacity .32s ease;
	}

	.sjh-demo-og-card span {
		position: absolute;
		left: 16px;
		right: 16px;
		bottom: 16px;
		display: grid;
		gap: 8px;
		padding: 22px;
		background: rgba(255, 255, 255, .84);
		color: var(--demo-ink);
		backdrop-filter: blur(16px);
		-webkit-backdrop-filter: blur(16px);
		transform: translateY(calc(100% + 22px));
		transition: transform .38s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-demo-og-card strong {
		font-size: clamp(24px, 2.3vw, 38px);
		line-height: 1;
	}

	.sjh-demo-og-card small {
		color: var(--demo-blue);
		font-size: 12px;
		font-weight: 900;
		text-transform: uppercase;
	}

	.sjh-demo-og-card:hover img {
		transform: scale(1.055);
		opacity: .72;
	}

	.sjh-demo-og-card:hover span {
		transform: translateY(0);
	}

	.sjh-demo-blue-rhythm {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		background: var(--demo-blue);
		color: #fff;
		border-top: 1px solid rgba(255, 255, 255, .22);
		border-bottom: 1px solid rgba(255, 255, 255, .22);
	}

	.sjh-demo-blue-rhythm div {
		min-height: 180px;
		display: grid;
		align-content: end;
		gap: 38px;
		padding: 28px;
		border-right: 1px solid rgba(255, 255, 255, .18);
		transition: background .28s ease;
	}

	.sjh-demo-blue-rhythm div:last-child {
		border-right: 0;
	}

	.sjh-demo-blue-rhythm span {
		font-size: clamp(24px, 2.4vw, 42px);
		font-weight: 830;
		line-height: 1;
	}

	.sjh-demo-blue-rhythm i {
		width: 100%;
		height: 2px;
		display: block;
		background: rgba(255, 255, 255, .7);
		transform: scaleX(.28);
		transform-origin: left;
		transition: transform .46s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-demo-blue-rhythm div:hover {
		background: rgba(255, 255, 255, .08);
	}

	.sjh-demo-blue-rhythm div:hover i {
		transform: scaleX(1);
	}

	.sjh-demo-ceremony-countdown {
		position: absolute;
		top: clamp(120px, 14vw, 210px);
		right: var(--demo-pad);
		z-index: 3;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		width: min(520px, 42vw);
		border: 1px solid rgba(255, 255, 255, .24);
		color: #fff;
		background: rgba(0, 0, 0, .22);
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
	}

	.sjh-demo-ceremony-countdown span {
		min-height: 64px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border-right: 1px solid rgba(255, 255, 255, .18);
		font-size: 13px;
		font-weight: 900;
		text-transform: uppercase;
	}

	.sjh-demo-ceremony-countdown span:last-child {
		border-right: 0;
		background: rgba(0, 105, 165, .86);
	}

	.sjh-demo-hero-ceremony::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
		background-image: linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px);
		background-size: 12.5% 100%;
		opacity: .36;
		pointer-events: none;
	}

	.sjh-demo-lightship-briefbar {
		position: absolute;
		left: var(--demo-pad);
		right: var(--demo-pad);
		top: calc(64px + clamp(62px, 7vw, 106px));
		z-index: 2;
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 10px;
		max-width: 840px;
	}

	.sjh-demo-lightship-briefbar span {
		min-height: 46px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border: 1px solid rgba(0, 105, 165, .14);
		border-radius: 999px;
		background: rgba(255, 255, 255, .78);
		color: rgba(7, 16, 23, .62);
		font-size: 12px;
		font-weight: 900;
		text-transform: uppercase;
		box-shadow: 0 18px 46px rgba(0, 105, 165, .08);
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
		transition: color .28s ease, background .28s ease, transform .28s ease;
	}

	.sjh-demo-lightship-briefbar span:hover {
		background: var(--demo-blue);
		color: #fff;
		transform: translateY(-2px);
	}

	.sjh-demo-lightship-dashboard {
		background: linear-gradient(180deg, #fff, #f3faff);
	}

	@media (max-width: 1080px) {
		.sjh-demo-hero-guide,
		.sjh-demo-hero-modular,
		.sjh-demo-hero-atlas,
		.sjh-demo-hero-momentum,
		.sjh-demo-hero-editorial,
		.sjh-demo-hero-occasion,
		.sjh-demo-hero-blue-room,
		.sjh-demo-hero-edition,
		.sjh-demo-hero-lightship,
		.sjh-demo-momentum-river,
		.sjh-demo-momentum-close,
		.sjh-demo-editorial-film > div,
		.sjh-demo-editorial-spread,
		.sjh-demo-editorial-index,
		.sjh-demo-blue-gallery,
		.sjh-demo-ceremony-interlude,
		.sjh-demo-ceremony-script,
		.sjh-demo-lightship-planner,
		.sjh-demo-lightship-route,
		.sjh-demo-timeline,
		.sjh-demo-wide-visual,
		.sjh-demo-section-head,
		.sjh-demo-video-feature,
		.sjh-demo-split-feature,
		.sjh-demo-split-feature.is-reverse,
		.sjh-demo-quote-panel,
		.sjh-demo-final-cta,
		.sjh-demo-blue-studio,
		.sjh-demo-edition-spread,
		.sjh-demo-ceremony-index,
		.sjh-demo-cosmos-media {
			grid-template-columns: 1fr;
		}

		.sjh-demo-split-feature.is-reverse .sjh-demo-split-media {
			order: 0;
		}

		.sjh-demo-process-grid,
		.sjh-demo-system-grid,
		.sjh-demo-builder-grid,
		.sjh-demo-tile-grid,
		.sjh-demo-deep-grid,
		.sjh-demo-feature-grid,
		.sjh-demo-momentum-track,
		.sjh-demo-momentum-stats,
		.sjh-demo-og-grid,
		.sjh-demo-editorial-manifesto,
		.sjh-demo-editorial-close,
		.sjh-demo-blue-rhythm,
		.sjh-demo-lightship-grid,
		.sjh-demo-lightship-dashboard {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.sjh-demo-image-ribbon,
		.sjh-demo-case-rail,
		.sjh-demo-masonry,
		.sjh-demo-proof-band,
		.sjh-demo-blue-ledger,
		.sjh-demo-edition-columns,
		.sjh-demo-ceremony-row {
			grid-template-columns: 1fr 1fr;
		}

		.sjh-demo-timeline-copy,
		.sjh-demo-blue-studio-copy,
		.sjh-demo-edition-story,
		.sjh-demo-ceremony-copy,
		.sjh-demo-momentum-river aside,
		.sjh-demo-editorial-spread aside,
		.sjh-demo-blue-gallery > div:first-child {
			position: static;
		}

		.sjh-demo-blue-composition,
		.sjh-demo-lightship-collage {
			min-height: 560px;
		}

		.sjh-demo-ceremony-countdown {
			position: relative;
			top: auto;
			right: auto;
			width: 100%;
			margin-bottom: 24px;
		}
	}

	@media (max-width: 900px) {
		body.sjh-demo-template .site-header .nav:not(.is-open) {
			display: none;
			transform: none;
		}

		body.sjh-demo-template .site-header .nav.is-open {
			display: flex;
		}
	}

	@media (max-width: 700px) {
		.sjh-demo h1 {
			font-size: clamp(46px, 17vw, 76px);
		}

		.sjh-demo h2 {
			font-size: clamp(34px, 13vw, 58px);
		}

		.sjh-demo-switcher {
			left: 50%;
			right: auto;
			top: auto;
			bottom: 14px;
			width: auto;
			padding: 5px;
			justify-content: center;
			transform: translateX(-50%);
		}

		.sjh-demo-switcher span {
			display: none;
		}

		.sjh-demo-switcher a {
			width: 27px;
			height: 27px;
			font-size: 12px;
		}

		.sjh-demo-progress {
			height: 2px;
		}

		.sjh-demo-hero-momentum .sjh-demo-hero-copy h1,
		.sjh-demo-hero-editorial .sjh-demo-hero-copy h1,
		.sjh-demo-hero-blue-room .sjh-demo-hero-copy h1,
		.sjh-demo-hero-ceremony .sjh-demo-hero-copy h1,
		.sjh-demo-hero-lightship .sjh-demo-hero-copy h1 {
			max-width: 100%;
			font-size: clamp(38px, 11vw, 58px);
			line-height: .92;
		}

		.sjh-demo-momentum-console {
			margin-bottom: 28px;
		}

		.sjh-demo-momentum-tags,
		.sjh-demo-momentum-beam {
			display: none;
		}

		.sjh-demo-og-card {
			min-height: 340px;
		}

		.sjh-demo-og-card span {
			transform: translateY(0);
		}

		.sjh-demo-hero-blue-room .sjh-demo-hero-copy {
			order: -1;
			padding-bottom: 20px;
		}

		.sjh-demo-hero {
			min-height: auto;
			padding-top: calc(64px + 48px);
		}

		.sjh-demo-process-grid,
		.sjh-demo-system-grid,
		.sjh-demo-builder-grid,
		.sjh-demo-tile-grid,
		.sjh-demo-image-ribbon,
		.sjh-demo-case-rail,
		.sjh-demo-masonry,
		.sjh-demo-proof-band,
		.sjh-demo-quote,
		.sjh-demo-module-stack,
		.sjh-demo-deep-grid,
		.sjh-demo-feature-grid,
		.sjh-demo-blue-ledger,
		.sjh-demo-edition-columns,
		.sjh-demo-edition-imagebook,
		.sjh-demo-ceremony-row,
		.sjh-demo-cosmos-media,
		.sjh-demo-momentum-track,
		.sjh-demo-momentum-stats,
		.sjh-demo-editorial-manifesto,
		.sjh-demo-editorial-film > div,
		.sjh-demo-editorial-spread,
		.sjh-demo-editorial-folio,
		.sjh-demo-editorial-index,
		.sjh-demo-editorial-close,
		.sjh-demo-blue-stage,
		.sjh-demo-blue-rhythm,
		.sjh-demo-og-grid,
		.sjh-demo-blue-gallery,
		.sjh-demo-blue-gallery > div:last-child,
		.sjh-demo-ceremony-script,
		.sjh-demo-lightship-planner,
		.sjh-demo-lightship-board,
		.sjh-demo-lightship-route,
		.sjh-demo-lightship-grid,
		.sjh-demo-lightship-dashboard {
			grid-template-columns: 1fr;
		}

		.sjh-demo-module.is-image,
		.sjh-demo-masonry figure.is-large,
		.sjh-demo-editorial-folio figure,
		.sjh-demo-editorial-folio figure.is-wide,
		.sjh-demo-lightship-board video,
		.sjh-demo-blue-gallery figure,
		.sjh-demo-blue-gallery figure.is-tall,
		.sjh-demo-ceremony-row figure,
		.sjh-demo-ceremony-row figure:nth-child(1),
		.sjh-demo-ceremony-row figure:nth-child(4) {
			grid-column: auto;
			grid-row: auto;
		}

		.sjh-demo-guide-panel {
			position: relative;
			right: auto;
			bottom: auto;
			width: auto;
			margin: -42px 14px 0;
		}

		.sjh-demo-brief-pill {
			grid-template-columns: 1fr;
			border-radius: 22px;
		}

		.sjh-demo-brief-pill button {
			width: 100%;
		}

		.sjh-demo-video-badge {
			display: grid;
			justify-content: start;
		}

		.sjh-demo-video-badge strong {
			text-align: left;
		}

		.sjh-demo-split-list div {
			grid-template-columns: 1fr;
			gap: 8px;
		}

		.sjh-demo-momentum-panel div,
		.sjh-demo-editorial-index article,
		.sjh-demo-ceremony-script article {
			grid-template-columns: 1fr;
		}

		.sjh-demo-quote-panel > div {
			padding: 26px;
		}

		.sjh-demo-featured-head {
			display: grid;
		}

		.sjh-demo-blue-composition,
		.sjh-demo-lightship-collage {
			min-height: auto;
			display: grid;
			gap: 12px;
		}

		.sjh-demo-blue-composition figure,
		.sjh-demo-lightship-collage figure {
			position: relative;
			inset: auto !important;
			width: auto !important;
			aspect-ratio: 16 / 11;
		}

		.sjh-demo-blue-token,
		.sjh-demo-lightship-prompt {
			position: relative;
			left: auto;
			right: auto;
			top: auto;
			bottom: auto;
			width: auto;
		}

		.sjh-demo-edition-imagebook figure:nth-child(2n) {
			transform: none;
		}

		.sjh-demo-lightship-nav {
			position: relative;
			top: auto;
			left: auto;
			justify-self: start;
			transform: none;
		}

		.sjh-demo-blue-rhythm div {
			min-height: 132px;
			padding: 22px;
		}

		.sjh-demo-ceremony-countdown {
			grid-template-columns: repeat(2, 1fr);
		}

		.sjh-demo-ceremony-countdown span:nth-child(2) {
			border-right: 0;
		}

		.sjh-demo-lightship-briefbar {
			position: relative;
			left: auto;
			right: auto;
			top: auto;
			order: 1;
			grid-template-columns: repeat(2, 1fr);
			max-width: none;
		}

		.sjh-demo-hero-editorial .sjh-demo-hero-copy {
			order: -1;
		}

		.sjh-demo-hero-edition .sjh-demo-hero-copy {
			order: 1;
		}

		.sjh-demo-editorial-media,
		.sjh-demo-edition-cover {
			order: 2;
		}
	}

	/* Rebuilt event-first concept pages. These sit late in the file so the old proof-of-concept styling cannot leak through. */
	.sjh-redo,
	.sjh-redo * {
		box-sizing: border-box;
	}

	.sjh-redo,
	.sjh-redo-section,
	.sjh-redo-intro,
	.sjh-redo-filter-story,
	.sjh-redo-archive-grid,
	.sjh-redo-journey,
	.sjh-redo-venue-gallery,
	.sjh-redo-gala-media,
	.sjh-redo-gala-strip,
	.sjh-redo-gala-ledger,
	.sjh-redo-run,
	.sjh-redo-production-services,
	.sjh-redo-production-split,
	.sjh-redo-capture-grid,
	.sjh-redo-capture-board,
	.sjh-redo-proof,
	.sjh-redo-blue-contact,
	.sjh-redo-editorial-band,
	.sjh-redo-ceremony-statement {
		--redo-blue: rgb(0, 105, 165);
		--redo-ink: #071017;
		--redo-muted: rgba(7, 16, 23, .66);
		--redo-line: rgba(7, 16, 23, .12);
		--redo-paper: #f7f4ee;
		--redo-pad: clamp(24px, 4.2vw, 72px);
		font-family: "Inter", Arial, sans-serif;
		color: var(--redo-ink);
	}

	.sjh-redo h1,
	.sjh-redo h2,
	.sjh-redo-section h2,
	.sjh-redo-intro h2,
	.sjh-redo-journey h2,
	.sjh-redo-run h2,
	.sjh-redo-production-services h2,
	.sjh-redo-production-split h2,
	.sjh-redo-capture-grid h2,
	.sjh-redo-proof h2,
	.sjh-redo-blue-contact h2,
	.sjh-redo-editorial-band h2,
	.sjh-redo-ceremony-statement h2 {
		margin: 0;
		font-weight: 680;
		letter-spacing: -.055em;
		text-wrap: balance;
	}

	.sjh-redo h1 {
		max-width: 1120px;
		font-size: clamp(56px, 7.4vw, 122px);
		line-height: .9;
	}

	.sjh-redo h2,
	.sjh-redo-section h2,
	.sjh-redo-intro h2,
	.sjh-redo-journey h2,
	.sjh-redo-run h2,
	.sjh-redo-production-services h2,
	.sjh-redo-production-split h2,
	.sjh-redo-capture-grid h2,
	.sjh-redo-proof h2,
	.sjh-redo-blue-contact h2,
	.sjh-redo-editorial-band h2,
	.sjh-redo-ceremony-statement h2 {
		font-size: clamp(42px, 5vw, 82px);
		line-height: .96;
	}

	.sjh-redo p,
	.sjh-redo span,
	.sjh-redo-section p,
	.sjh-redo-intro p,
	.sjh-redo-journey p,
	.sjh-redo-run p,
	.sjh-redo-production-services p,
	.sjh-redo-production-split p,
	.sjh-redo-capture-grid p,
	.sjh-redo-proof p,
	.sjh-redo-blue-contact p,
	.sjh-redo-editorial-band p,
	.sjh-redo-ceremony-statement p {
		margin: 0;
	}

	.sjh-redo img,
	.sjh-redo video,
	.sjh-redo-section img,
	.sjh-redo-editorial-band video,
	.sjh-redo-venue-gallery img,
	.sjh-redo-gala-media img,
	.sjh-redo-gala-media video,
	.sjh-redo-production-split img,
	.sjh-redo-capture-grid img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.sjh-redo-shade {
		position: absolute;
		inset: 0;
		z-index: 1;
		background: rgba(0, 0, 0, .38);
		pointer-events: none;
	}

	.sjh-redo-hero-film,
	.sjh-redo-production-hero {
		position: relative;
		min-height: calc(100vh - 72px);
		display: flex;
		align-items: flex-end;
		padding: clamp(120px, 12vw, 210px) var(--redo-pad) clamp(64px, 8vw, 118px);
		overflow: hidden;
		background: #080808;
		color: #fff;
	}

	.sjh-redo-hero-film video,
	.sjh-redo-production-hero video {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: .78;
	}

	.sjh-redo-hero-inner,
	.sjh-redo-production-copy {
		position: relative;
		z-index: 2;
		width: min(100%, 1080px);
		display: grid;
		gap: clamp(18px, 2.1vw, 28px);
	}

	.sjh-redo-hero-inner p,
	.sjh-redo-production-copy p,
	.sjh-redo-archive-hero > div > p:first-child,
	.sjh-redo-gala-copy p,
	.sjh-redo-venue-hero p:first-child {
		font: 780 12px/1 "Inter", Arial, sans-serif;
		letter-spacing: .13em;
		text-transform: uppercase;
		color: var(--redo-blue);
	}

	.sjh-redo-hero-inner h1,
	.sjh-redo-production-copy h1 {
		color: #fff;
	}

	.sjh-redo-hero-inner span,
	.sjh-redo-production-copy span,
	.sjh-redo-gala-copy span,
	.sjh-redo-venue-hero span {
		max-width: 860px;
		font-size: clamp(23px, 2.5vw, 38px);
		line-height: 1.25;
		color: rgba(255, 255, 255, .86);
	}

	.sjh-redo-hero-inner a,
	.sjh-redo-production-copy a,
	.sjh-redo-proof a,
	.sjh-redo-blue-contact a {
		width: fit-content;
		display: inline-flex;
		align-items: center;
		min-height: 46px;
		border-bottom: 2px solid currentColor;
		font: 820 13px/1 "Inter", Arial, sans-serif;
		letter-spacing: .11em;
		text-transform: uppercase;
		text-decoration: none;
		color: currentColor;
		transition: color .25s ease, transform .25s ease;
	}

	.sjh-redo-hero-inner a:hover,
	.sjh-redo-production-copy a:hover,
	.sjh-redo-proof a:hover,
	.sjh-redo-blue-contact a:hover {
		color: var(--redo-blue);
		transform: translateY(-2px);
	}

	.sjh-redo-intro {
		padding: clamp(86px, 11vw, 158px) var(--redo-pad);
		display: grid;
		grid-template-columns: minmax(0, 1.1fr) minmax(320px, .72fr);
		gap: clamp(42px, 7vw, 112px);
		align-items: start;
		background: #fff;
	}

	.sjh-redo-intro > div:first-child {
		max-width: 1280px;
	}

	.sjh-redo-intro h2 {
		max-width: 1180px;
		color: var(--redo-blue);
	}

	.sjh-redo-intro p,
	.sjh-redo-journey > div:first-child p,
	.sjh-redo-run > div:first-child p,
	.sjh-redo-production-services > div:first-child p,
	.sjh-redo-production-split p,
	.sjh-redo-capture-copy p,
	.sjh-redo-ceremony-statement p,
	.sjh-redo-proof p,
	.sjh-redo-blue-contact p,
	.sjh-redo-editorial-band p {
		max-width: 1050px;
		margin-top: clamp(18px, 2.4vw, 30px);
		font-size: clamp(21px, 2.5vw, 34px);
		line-height: 1.35;
		color: var(--redo-ink);
	}

	.sjh-redo-intro-notes {
		display: grid;
		border-top: 1px solid var(--redo-line);
	}

	.sjh-redo-intro-notes span {
		padding: 20px 0;
		border-bottom: 1px solid var(--redo-line);
		font: 780 13px/1.25 "Inter", Arial, sans-serif;
		letter-spacing: .08em;
		text-transform: uppercase;
		color: var(--redo-blue);
	}

	.sjh-redo-section {
		padding: clamp(78px, 8vw, 128px) var(--redo-pad);
		background: #f9f8f4;
	}

	.sjh-redo-section-tight {
		padding-top: clamp(64px, 7vw, 110px);
	}

	.sjh-redo-section-head {
		display: grid;
		grid-template-columns: minmax(0, .8fr) minmax(320px, .72fr);
		gap: clamp(30px, 5vw, 84px);
		align-items: end;
		margin-bottom: clamp(34px, 5vw, 74px);
	}

	.sjh-redo-section-head p {
		font-size: clamp(18px, 2vw, 28px);
		line-height: 1.4;
		color: var(--redo-muted);
	}

	.sjh-redo-feature-grid,
	.sjh-redo-archive-grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: clamp(16px, 2vw, 30px);
	}

	.sjh-redo-event-card,
	.sjh-redo-archive-card,
	.sjh-redo-mini-card {
		position: relative;
		display: block;
		height: clamp(340px, 35vw, 620px);
		overflow: hidden;
		text-decoration: none;
		background: #111;
		color: #fff;
	}

	.sjh-redo-event-card img,
	.sjh-redo-archive-card img,
	.sjh-redo-mini-card img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: .88;
		transform: scale(1.01);
		transition: transform .7s cubic-bezier(.16, 1, .3, 1), opacity .35s ease;
	}

	.sjh-redo-event-card:hover img,
	.sjh-redo-archive-card:hover img,
	.sjh-redo-mini-card:hover img {
		opacity: .58;
		transform: scale(1.06);
	}

	.sjh-redo-event-card > span,
	.sjh-redo-archive-card > span {
		position: absolute;
		inset: auto 0 0;
		display: grid;
		gap: 10px;
		padding: 28px;
		background: rgba(255, 255, 255, .9);
		color: var(--redo-ink);
		opacity: 0;
		transform: translateY(101%);
		transition: opacity .25s ease, transform .42s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-redo-event-card:hover > span,
	.sjh-redo-archive-card:hover > span {
		opacity: 1;
		transform: translateY(0);
	}

	.sjh-redo-event-card strong,
	.sjh-redo-archive-card strong,
	.sjh-redo-mini-card strong {
		font-size: clamp(24px, 2.6vw, 42px);
		line-height: 1;
		letter-spacing: -.04em;
	}

	.sjh-redo-event-card span,
	.sjh-redo-archive-card span,
	.sjh-redo-mini-card span {
		font: 760 12px/1.2 "Inter", Arial, sans-serif;
		letter-spacing: .1em;
		text-transform: uppercase;
		color: var(--redo-blue);
	}

	.sjh-redo-event-card small,
	.sjh-redo-archive-card small {
		display: block;
		margin-top: 10px;
		font: 760 12px/1.2 "Inter", Arial, sans-serif;
		letter-spacing: .1em;
		text-transform: uppercase;
		color: var(--redo-blue);
	}

	.sjh-redo-proof,
	.sjh-redo-blue-contact {
		padding: clamp(82px, 10vw, 150px) var(--redo-pad);
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(280px, .42fr);
		gap: clamp(34px, 7vw, 118px);
		align-items: center;
		background: #fff;
	}

	.sjh-redo-proof h2,
	.sjh-redo-blue-contact h2 {
		color: var(--redo-blue);
	}

	.sjh-redo-proof p,
	.sjh-redo-blue-contact p {
		font-size: clamp(20px, 2.35vw, 32px);
		color: var(--redo-muted);
	}

	.sjh-redo-archive-hero {
		padding: clamp(116px, 13vw, 214px) var(--redo-pad) clamp(50px, 6vw, 92px);
		background: #fff;
	}

	.sjh-redo-archive-hero > div {
		display: grid;
		gap: 24px;
	}

	.sjh-redo-archive-hero h1 {
		color: var(--redo-blue);
	}

	.sjh-redo-archive-hero span {
		max-width: 1140px;
		font-size: clamp(24px, 3vw, 44px);
		line-height: 1.28;
		color: var(--redo-ink);
	}

	.sjh-redo-filter-story {
		padding: 0 var(--redo-pad) clamp(44px, 5vw, 82px);
		display: grid;
		grid-template-columns: 1.4fr .8fr;
		gap: clamp(30px, 5vw, 72px);
		align-items: start;
		background: #fff;
	}

	.sjh-redo-filter-story nav {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	.sjh-redo-filter-story a {
		display: inline-flex;
		align-items: center;
		min-height: 42px;
		padding: 0 18px;
		border: 1px solid var(--redo-line);
		border-radius: 999px;
		font: 780 12px/1 "Inter", Arial, sans-serif;
		letter-spacing: .08em;
		text-transform: uppercase;
		text-decoration: none;
		color: var(--redo-ink);
		transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
	}

	.sjh-redo-filter-story a:first-child,
	.sjh-redo-filter-story a:hover {
		border-color: var(--redo-blue);
		background: var(--redo-blue);
		color: #fff;
		transform: translateY(-2px);
	}

	.sjh-redo-filter-story p {
		font-size: clamp(18px, 2vw, 26px);
		line-height: 1.45;
		color: var(--redo-muted);
	}

	.sjh-redo-archive-grid {
		padding: 0 var(--redo-pad) clamp(86px, 10vw, 150px);
		background: #fff;
	}

	.sjh-redo-archive-card {
		height: clamp(300px, 28vw, 520px);
	}

	.sjh-redo-editorial-band {
		padding: clamp(82px, 10vw, 150px) var(--redo-pad);
		display: grid;
		grid-template-columns: minmax(280px, .7fr) minmax(0, 1.1fr);
		gap: clamp(34px, 7vw, 112px);
		align-items: center;
		background: var(--redo-ink);
		color: #fff;
	}

	.sjh-redo-editorial-band h2 {
		color: #fff;
	}

	.sjh-redo-editorial-band p {
		color: rgba(255, 255, 255, .76);
	}

	.sjh-redo-editorial-band video {
		aspect-ratio: 16 / 10;
		border-radius: 2px;
		background: #000;
	}

	.sjh-redo-venue-hero {
		padding: clamp(118px, 12vw, 190px) var(--redo-pad) clamp(70px, 8vw, 124px);
		display: grid;
		grid-template-columns: minmax(0, .76fr) minmax(340px, .62fr);
		gap: clamp(36px, 7vw, 110px);
		align-items: end;
		background: var(--redo-paper);
	}

	.sjh-redo-venue-hero h1 {
		color: var(--redo-blue);
	}

	.sjh-redo-venue-hero span {
		color: var(--redo-ink);
	}

	.sjh-redo-venue-hero figure {
		margin: 0;
		aspect-ratio: 4 / 5;
		overflow: hidden;
	}

	.sjh-redo-journey,
	.sjh-redo-run,
	.sjh-redo-production-services {
		padding: clamp(82px, 10vw, 152px) var(--redo-pad);
		display: grid;
		grid-template-columns: minmax(0, .78fr) minmax(320px, .74fr);
		gap: clamp(40px, 7vw, 112px);
		align-items: start;
		background: #fff;
	}

	.sjh-redo-journey h2,
	.sjh-redo-run h2,
	.sjh-redo-production-services h2 {
		color: var(--redo-blue);
	}

	.sjh-redo-journey-list,
	.sjh-redo-run-list,
	.sjh-redo-service-list {
		display: grid;
		border-top: 1px solid var(--redo-line);
	}

	.sjh-redo-journey-list article,
	.sjh-redo-run-card,
	.sjh-redo-service-card {
		display: grid;
		grid-template-columns: 148px 1fr;
		gap: 24px;
		padding: 28px 0;
		border-bottom: 1px solid var(--redo-line);
	}

	.sjh-redo-journey-list span,
	.sjh-redo-run-card span {
		font: 780 12px/1.2 "Inter", Arial, sans-serif;
		letter-spacing: .1em;
		text-transform: uppercase;
		color: var(--redo-blue);
	}

	.sjh-redo-journey-list p,
	.sjh-redo-run-card p,
	.sjh-redo-service-card p {
		font-size: clamp(18px, 2vw, 25px);
		line-height: 1.42;
		color: var(--redo-ink);
	}

	.sjh-redo-service-card {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.sjh-redo-service-card h3 {
		margin: 0;
		font-size: clamp(26px, 2.6vw, 42px);
		line-height: 1;
		letter-spacing: -.04em;
		color: var(--redo-blue);
	}

	.sjh-redo-venue-gallery {
		display: grid;
		grid-template-columns: 1.15fr .85fr;
		gap: clamp(14px, 1.8vw, 28px);
		padding: 0 var(--redo-pad) clamp(86px, 10vw, 150px);
		background: #fff;
	}

	.sjh-redo-venue-gallery figure {
		margin: 0;
		min-height: clamp(320px, 36vw, 650px);
		overflow: hidden;
	}

	.sjh-redo-venue-gallery figure:first-child {
		grid-row: span 2;
	}

	.sjh-redo-blue-contact {
		background: var(--redo-blue);
		color: #fff;
	}

	.sjh-redo-blue-contact h2,
	.sjh-redo-blue-contact p,
	.sjh-redo-blue-contact a {
		color: #fff;
	}

	.sjh-redo-gala-hero {
		padding: clamp(116px, 12vw, 196px) var(--redo-pad) clamp(78px, 9vw, 136px);
		display: grid;
		grid-template-columns: minmax(320px, .72fr) minmax(0, 1fr);
		gap: clamp(38px, 7vw, 118px);
		align-items: center;
		background: #fff;
	}

	.sjh-redo-gala-portrait {
		margin: 0;
		aspect-ratio: 4 / 5.3;
		overflow: hidden;
		background: #111;
	}

	.sjh-redo-gala-copy {
		display: grid;
		gap: clamp(20px, 2.4vw, 32px);
	}

	.sjh-redo-gala-copy h1,
	.sjh-redo-gala-copy span {
		color: var(--redo-blue);
	}

	.sjh-redo-gala-copy span {
		max-width: 760px;
		font-size: clamp(24px, 2.8vw, 44px);
		line-height: 1.22;
	}

	.sjh-redo-gala-media {
		display: grid;
		grid-template-columns: 1.2fr .8fr;
		gap: clamp(14px, 1.6vw, 28px);
		padding: 0 var(--redo-pad) clamp(70px, 9vw, 130px);
		background: #fff;
	}

	.sjh-redo-gala-media video,
	.sjh-redo-gala-media figure {
		margin: 0;
		min-height: clamp(310px, 34vw, 620px);
		overflow: hidden;
		background: #111;
	}

	.sjh-redo-gala-media video {
		grid-row: span 2;
	}

	.sjh-redo-ceremony-statement {
		padding: clamp(82px, 10vw, 150px) var(--redo-pad);
		background: var(--redo-ink);
		color: #fff;
	}

	.sjh-redo-ceremony-statement h2 {
		color: #fff;
	}

	.sjh-redo-ceremony-statement p {
		max-width: 1280px;
		color: rgba(255, 255, 255, .78);
	}

	.sjh-redo-gala-strip {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: clamp(14px, 1.6vw, 24px);
	}

	.sjh-redo-mini-card {
		height: 420px;
		display: flex;
		align-items: flex-end;
		padding: 24px;
	}

	.sjh-redo-mini-card::after {
		content: "";
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, .32);
	}

	.sjh-redo-mini-card strong,
	.sjh-redo-mini-card span {
		position: relative;
		z-index: 2;
		display: block;
	}

	.sjh-redo-mini-card strong {
		margin-bottom: 10px;
		color: #fff;
	}

	.sjh-redo-mini-card span {
		color: rgba(255, 255, 255, .76);
	}

	.sjh-redo-production-services {
		background: #f7fbfd;
	}

	.sjh-redo-production-split {
		padding: clamp(82px, 10vw, 150px) var(--redo-pad);
		display: grid;
		grid-template-columns: minmax(0, .95fr) minmax(300px, .72fr);
		gap: clamp(38px, 7vw, 108px);
		align-items: center;
		background: #fff;
	}

	.sjh-redo-production-split figure {
		margin: 0;
		aspect-ratio: 4 / 5;
		overflow: hidden;
		background: #111;
	}

	.sjh-redo-production-split div {
		display: grid;
		gap: 24px;
	}

	.sjh-redo-production-split h2 {
		color: var(--redo-blue);
	}

	.sjh-redo-production-split p {
		margin: 0;
		font-size: clamp(19px, 2.1vw, 28px);
		color: var(--redo-muted);
	}

	.sjh-redo-capture-grid {
		padding: clamp(78px, 9vw, 136px) var(--redo-pad);
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: clamp(14px, 1.5vw, 24px);
		background: var(--redo-ink);
		color: #fff;
	}

	.sjh-redo-capture-copy {
		grid-column: span 2;
		padding-right: clamp(20px, 3vw, 50px);
		align-self: end;
	}

	.sjh-redo-capture-copy h2 {
		color: #fff;
	}

	.sjh-redo-capture-copy p {
		color: rgba(255, 255, 255, .72);
	}

	.sjh-redo-capture-grid figure {
		position: relative;
		margin: 0;
		min-height: clamp(300px, 30vw, 560px);
		overflow: hidden;
		background: #000;
	}

	.sjh-redo-capture-grid figure:nth-of-type(2) {
		transform: translateY(clamp(28px, 4vw, 70px));
	}

	.sjh-redo-capture-grid figure:nth-of-type(4) {
		transform: translateY(clamp(-20px, -2vw, -42px));
	}

	.sjh-redo-capture-grid figcaption {
		position: absolute;
		left: 18px;
		bottom: 18px;
		z-index: 2;
		padding: 9px 12px;
		background: rgba(255, 255, 255, .92);
		color: var(--redo-blue);
		font: 820 11px/1 "Inter", Arial, sans-serif;
		letter-spacing: .1em;
		text-transform: uppercase;
	}

	.sjh-redo-archive-video-hero {
		position: relative;
		min-height: calc(100vh - 72px);
		display: grid;
		align-content: end;
		padding: clamp(128px, 12vw, 210px) var(--redo-pad) clamp(54px, 6vw, 96px);
		overflow: hidden;
		background: #050505;
		color: #fff;
	}

	.sjh-redo-archive-video-hero video {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: .72;
	}

	.sjh-redo-archive-video-copy {
		position: relative;
		z-index: 2;
		width: min(100%, 1140px);
		display: grid;
		gap: clamp(18px, 2vw, 28px);
	}

	.sjh-redo-archive-video-copy p {
		font: 800 12px/1 "Inter", Arial, sans-serif;
		letter-spacing: .13em;
		text-transform: uppercase;
		color: #fff;
	}

	.sjh-redo-archive-video-copy h1 {
		color: #fff;
	}

	.sjh-redo-archive-video-copy span {
		max-width: 930px;
		font-size: clamp(22px, 2.6vw, 40px);
		line-height: 1.25;
		color: rgba(255, 255, 255, .86);
	}

	.sjh-redo-archive-video-rail {
		position: relative;
		z-index: 2;
		width: min(100%, 1040px);
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 1px;
		margin-top: clamp(38px, 5vw, 72px);
		background: rgba(255, 255, 255, .28);
	}

	.sjh-redo-archive-video-rail span {
		min-height: 58px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 18px;
		background: rgba(255, 255, 255, .86);
		color: var(--redo-blue);
		text-align: center;
		font: 820 12px/1.2 "Inter", Arial, sans-serif;
		letter-spacing: .1em;
		text-transform: uppercase;
	}

	.sjh-redo-venue-collage-hero {
		position: relative;
		padding: clamp(110px, 11vw, 186px) var(--redo-pad) clamp(74px, 9vw, 132px);
		display: grid;
		grid-template-columns: .58fr minmax(0, .82fr) .42fr;
		grid-template-rows: auto auto;
		gap: clamp(18px, 2.2vw, 34px);
		align-items: end;
		background: #f6f2eb;
		overflow: hidden;
	}

	.sjh-redo-venue-collage-main,
	.sjh-redo-venue-collage-side {
		margin: 0;
		overflow: hidden;
		background: #111;
	}

	.sjh-redo-venue-collage-main {
		grid-column: 2 / 4;
		grid-row: 1 / 3;
		aspect-ratio: 16 / 11;
		align-self: start;
	}

	.sjh-redo-venue-collage-copy {
		grid-column: 1 / 3;
		grid-row: 2;
		z-index: 2;
		max-width: 980px;
		padding: clamp(24px, 3vw, 46px) clamp(24px, 4vw, 62px) clamp(24px, 3vw, 42px) 0;
		background: linear-gradient(90deg, #f6f2eb 0%, rgba(246, 242, 235, .94) 82%, rgba(246, 242, 235, 0) 100%);
	}

	.sjh-redo-venue-collage-copy p {
		margin-bottom: 16px;
		font: 800 12px/1 "Inter", Arial, sans-serif;
		letter-spacing: .13em;
		text-transform: uppercase;
		color: var(--redo-blue);
	}

	.sjh-redo-venue-collage-copy h1 {
		color: var(--redo-blue);
	}

	.sjh-redo-venue-collage-copy span {
		display: block;
		max-width: 760px;
		margin-top: 18px;
		font-size: clamp(21px, 2.4vw, 34px);
		line-height: 1.28;
		color: var(--redo-ink);
	}

	.sjh-redo-venue-collage-side {
		grid-column: 1;
		grid-row: 1;
		aspect-ratio: 4 / 5;
		align-self: start;
	}

	.sjh-redo-venue-collage-note {
		grid-column: 3;
		grid-row: 2;
		z-index: 3;
		display: grid;
		gap: 1px;
		width: min(100%, 300px);
		justify-self: end;
		background: rgba(0, 105, 165, .18);
	}

	.sjh-redo-venue-collage-note span {
		padding: 15px 18px;
		background: rgba(255, 255, 255, .92);
		color: var(--redo-blue);
		font: 820 11px/1 "Inter", Arial, sans-serif;
		letter-spacing: .11em;
		text-transform: uppercase;
	}

	.sjh-redo-gala-ledger {
		display: grid;
		gap: 0;
		background: #fff;
		border-top: 1px solid var(--redo-line);
		border-bottom: 1px solid var(--redo-line);
	}

	.sjh-redo-gala-ledger-card {
		display: grid;
		grid-template-columns: minmax(180px, 28vw) minmax(0, 1fr);
		gap: clamp(24px, 4vw, 66px);
		align-items: center;
		padding: clamp(22px, 3vw, 42px) 0;
		border-bottom: 1px solid var(--redo-line);
		text-decoration: none;
		color: var(--redo-ink);
		transition: color .25s ease, transform .25s ease;
	}

	.sjh-redo-gala-ledger-card:last-child {
		border-bottom: 0;
	}

	.sjh-redo-gala-ledger-card:hover {
		color: var(--redo-blue);
		transform: translateX(8px);
	}

	.sjh-redo-gala-ledger-card figure {
		margin: 0;
		aspect-ratio: 16 / 9;
		overflow: hidden;
		background: #f2f2f2;
	}

	.sjh-redo-gala-ledger-card img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform .55s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-redo-gala-ledger-card:hover img {
		transform: scale(1.05);
	}

	.sjh-redo-gala-ledger-card div {
		display: grid;
		gap: 10px;
	}

	.sjh-redo-gala-ledger-card span {
		font: 820 11px/1 "Inter", Arial, sans-serif;
		letter-spacing: .12em;
		text-transform: uppercase;
		color: var(--redo-blue);
	}

	.sjh-redo-gala-ledger-card strong {
		font-size: clamp(30px, 4vw, 64px);
		line-height: .98;
		letter-spacing: -.055em;
	}

	.sjh-redo-gala-ledger-card p {
		margin: 0;
		font-size: clamp(17px, 1.7vw, 24px);
		line-height: 1.35;
		color: var(--redo-muted);
	}

	.sjh-redo-capture-board {
		padding: clamp(78px, 9vw, 136px) var(--redo-pad);
		display: grid;
		grid-template-columns: 1fr;
		gap: clamp(34px, 5vw, 72px);
		align-items: start;
		background: #f8f7f3;
		color: var(--redo-ink);
	}

	.sjh-redo-capture-board .sjh-redo-capture-copy {
		position: static;
		grid-column: auto;
		padding-right: 0;
		align-self: start;
		display: grid;
		grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr);
		gap: clamp(28px, 6vw, 96px);
		align-items: end;
	}

	.sjh-redo-capture-board .sjh-redo-capture-copy h2 {
		color: var(--redo-blue);
	}

	.sjh-redo-capture-board .sjh-redo-capture-copy p {
		color: var(--redo-muted);
	}

	.sjh-redo-capture-cards {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: clamp(16px, 2vw, 30px);
	}

	.sjh-redo-capture-card {
		display: grid;
		grid-template-rows: auto 1fr;
		background: #fff;
		border: 1px solid var(--redo-line);
		opacity: 1 !important;
		transform: none !important;
	}

	.sjh-redo-capture-card figure {
		margin: 0;
		aspect-ratio: 4 / 3;
		overflow: hidden;
		background: #e8e8e8;
	}

	.sjh-redo-capture-card img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform .55s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-redo-capture-card:hover img {
		transform: scale(1.05);
	}

	.sjh-redo-capture-card div {
		display: grid;
		gap: 10px;
		padding: clamp(20px, 2.3vw, 32px);
	}

	.sjh-redo-capture-card span {
		font: 820 11px/1 "Inter", Arial, sans-serif;
		letter-spacing: .12em;
		text-transform: uppercase;
		color: var(--redo-blue);
	}

	.sjh-redo-capture-card strong {
		font-size: clamp(28px, 3vw, 48px);
		line-height: 1;
		letter-spacing: -.045em;
	}

	.sjh-redo-capture-card p {
		margin: 0;
		font-size: clamp(16px, 1.55vw, 21px);
		line-height: 1.4;
		color: var(--redo-muted);
	}

	/* Critique pass: make the five retained concepts feel intentionally different. */
	.sjh-redo-hero-wow .sjh-redo-shade {
		background:
			linear-gradient(90deg, rgba(0, 65, 104, .74), rgba(0, 65, 104, .24) 58%, rgba(0, 65, 104, .46)),
			linear-gradient(0deg, rgba(0, 0, 0, .58), rgba(0, 0, 0, .02) 52%);
	}

	.sjh-redo-hero-wow-panel {
		position: absolute;
		right: var(--redo-pad);
		bottom: clamp(36px, 5vw, 82px);
		z-index: 3;
		width: min(330px, calc(100% - (var(--redo-pad) * 2)));
		display: grid;
		border-top: 1px solid rgba(255, 255, 255, .45);
		backdrop-filter: blur(14px);
	}

	.sjh-redo-hero-wow-panel span {
		padding: 16px 0;
		border-bottom: 1px solid rgba(255, 255, 255, .35);
		color: #fff;
		font: 820 12px/1 "Inter", Arial, sans-serif;
		letter-spacing: .12em;
		text-transform: uppercase;
	}

	.sjh-redo-wow-edit {
		padding: clamp(78px, 10vw, 150px) var(--redo-pad);
		display: grid;
		grid-template-columns: minmax(0, .72fr) minmax(360px, .96fr);
		gap: clamp(40px, 8vw, 130px);
		align-items: center;
		background: #f7f4ee;
		overflow: hidden;
	}

	.sjh-redo-wow-edit h2 {
		color: var(--redo-blue);
	}

	.sjh-redo-wow-edit-copy p {
		max-width: 760px;
		margin-top: 24px;
		font-size: clamp(20px, 2.25vw, 30px);
		line-height: 1.38;
		color: var(--redo-muted);
	}

	.sjh-redo-wow-stack {
		min-height: clamp(430px, 42vw, 700px);
		position: relative;
	}

	.sjh-redo-wow-stack figure {
		position: absolute;
		margin: 0;
		overflow: hidden;
		background: #e8e4dc;
		box-shadow: 0 28px 70px rgba(0, 48, 78, .16);
	}

	.sjh-redo-wow-stack figure:nth-child(1) {
		inset: 0 18% auto 0;
		aspect-ratio: 16 / 10;
	}

	.sjh-redo-wow-stack figure:nth-child(2) {
		right: 0;
		bottom: 0;
		width: 48%;
		aspect-ratio: 4 / 5;
	}

	.sjh-redo-wow-stack figure:nth-child(3) {
		left: 10%;
		bottom: 7%;
		width: 42%;
		aspect-ratio: 5 / 4;
	}

	.sjh-redo-archive-stage {
		min-height: calc(100vh - 72px);
		padding: clamp(108px, 11vw, 188px) var(--redo-pad) clamp(54px, 7vw, 104px);
		display: grid;
		grid-template-columns: minmax(310px, .62fr) minmax(0, 1fr);
		grid-template-rows: 1fr auto;
		gap: clamp(30px, 5vw, 88px);
		align-items: end;
		background: #f8f6f1;
		overflow: hidden;
	}

	.sjh-redo-archive-stage-copy {
		display: grid;
		gap: clamp(18px, 2.2vw, 30px);
		align-self: center;
	}

	.sjh-redo-archive-stage-copy p,
	.sjh-redo-gala-stage-copy p,
	.sjh-redo-venue-film-copy p {
		font: 820 12px/1 "Inter", Arial, sans-serif;
		letter-spacing: .13em;
		text-transform: uppercase;
		color: var(--redo-blue);
	}

	.sjh-redo-archive-stage-copy h1 {
		color: var(--redo-blue);
	}

	.sjh-redo-archive-stage-copy span {
		max-width: 690px;
		font-size: clamp(21px, 2.45vw, 35px);
		line-height: 1.28;
		color: var(--redo-ink);
	}

	.sjh-redo-archive-stage-copy a {
		width: fit-content;
		border-bottom: 2px solid currentColor;
		color: var(--redo-blue);
		font: 820 13px/1 "Inter", Arial, sans-serif;
		letter-spacing: .11em;
		text-transform: uppercase;
		text-decoration: none;
	}

	.sjh-redo-archive-stage-media {
		position: relative;
		min-height: clamp(440px, 55vw, 780px);
		overflow: hidden;
		background: #d9d4cb;
		box-shadow: 0 30px 90px rgba(0, 64, 104, .16);
	}

	.sjh-redo-archive-stage-media video {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.sjh-redo-archive-stage-caption {
		position: absolute;
		left: clamp(20px, 3vw, 44px);
		right: clamp(20px, 3vw, 44px);
		bottom: clamp(20px, 3vw, 44px);
		display: grid;
		gap: 8px;
		padding: clamp(18px, 2.2vw, 30px);
		background: rgba(255, 255, 255, .9);
		backdrop-filter: blur(16px);
	}

	.sjh-redo-archive-stage-caption span,
	.sjh-redo-archive-stage-caption small {
		font: 820 11px/1 "Inter", Arial, sans-serif;
		letter-spacing: .12em;
		text-transform: uppercase;
		color: var(--redo-blue);
	}

	.sjh-redo-archive-stage-caption strong {
		font-size: clamp(28px, 4vw, 58px);
		line-height: .98;
		letter-spacing: -.055em;
	}

	.sjh-redo-archive-stage-list {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		border-top: 1px solid var(--redo-line);
	}

	.sjh-redo-archive-stage-list span {
		padding: 18px 18px 0 0;
		color: var(--redo-blue);
		font: 820 12px/1.25 "Inter", Arial, sans-serif;
		letter-spacing: .1em;
		text-transform: uppercase;
	}

	.sjh-redo-archive-intro {
		padding: clamp(78px, 9vw, 140px) var(--redo-pad) clamp(38px, 5vw, 74px);
		display: grid;
		grid-template-columns: minmax(0, .78fr) minmax(340px, .86fr);
		gap: clamp(36px, 7vw, 112px);
		align-items: end;
		background: #fff;
	}

	.sjh-redo-archive-intro h2 {
		color: var(--redo-blue);
	}

	.sjh-redo-archive-intro p {
		font-size: clamp(21px, 2.5vw, 34px);
		line-height: 1.35;
		color: var(--redo-muted);
	}

	.sjh-redo-archive-masonry {
		padding: 0 var(--redo-pad) clamp(78px, 9vw, 136px);
		display: grid;
		grid-template-columns: repeat(6, minmax(0, 1fr));
		grid-auto-flow: dense;
		gap: clamp(14px, 1.6vw, 26px);
		background: #fff;
	}

	.sjh-redo-archive-masonry-card {
		position: relative;
		grid-column: span 2;
		min-height: clamp(270px, 30vw, 520px);
		overflow: hidden;
		background: #efece6;
		color: var(--redo-ink);
		text-decoration: none;
	}

	.sjh-redo-archive-masonry-card.is-wide {
		grid-column: span 4;
	}

	.sjh-redo-archive-masonry-card.is-tall {
		grid-row: span 2;
		min-height: clamp(560px, 62vw, 900px);
	}

	.sjh-redo-archive-masonry-card img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform .7s cubic-bezier(.16, 1, .3, 1), filter .35s ease;
	}

	.sjh-redo-archive-masonry-card:hover img {
		transform: scale(1.05);
		filter: saturate(.88) brightness(.96);
	}

	.sjh-redo-archive-masonry-card span {
		position: absolute;
		left: 18px;
		right: 18px;
		bottom: 18px;
		display: grid;
		gap: 8px;
		padding: 18px;
		background: rgba(255, 255, 255, .9);
		backdrop-filter: blur(14px);
		opacity: 0;
		transform: translateY(14px);
		transition: opacity .25s ease, transform .35s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-redo-archive-masonry-card:hover span {
		opacity: 1;
		transform: translateY(0);
	}

	.sjh-redo-archive-masonry-card strong {
		font-size: clamp(23px, 2.6vw, 42px);
		line-height: .98;
		letter-spacing: -.045em;
	}

	.sjh-redo-archive-masonry-card small {
		font: 820 11px/1.2 "Inter", Arial, sans-serif;
		letter-spacing: .1em;
		text-transform: uppercase;
		color: var(--redo-blue);
	}

	.sjh-redo-browse-room {
		padding: clamp(78px, 9vw, 136px) var(--redo-pad);
		display: grid;
		grid-template-columns: minmax(0, .72fr) minmax(340px, 1fr);
		gap: clamp(38px, 7vw, 112px);
		align-items: center;
		background: #f7f4ee;
	}

	.sjh-redo-browse-room h2 {
		color: var(--redo-blue);
	}

	.sjh-redo-browse-room p {
		margin-top: 24px;
		font-size: clamp(20px, 2.2vw, 30px);
		line-height: 1.38;
		color: var(--redo-muted);
	}

	.sjh-redo-browse-room-panel {
		display: grid;
		gap: 18px;
	}

	.sjh-redo-browse-room-panel video {
		width: 100%;
		aspect-ratio: 16 / 9;
		object-fit: cover;
		background: #ddd5cc;
	}

	.sjh-redo-browse-room-panel ul {
		margin: 0;
		padding: 0;
		display: grid;
		border-top: 1px solid var(--redo-line);
		list-style: none;
	}

	.sjh-redo-browse-room-panel li {
		display: grid;
		grid-template-columns: 58px 1fr;
		gap: 18px;
		padding: 17px 0;
		border-bottom: 1px solid var(--redo-line);
	}

	.sjh-redo-browse-room-panel li span {
		color: var(--redo-blue);
		font: 820 11px/1 "Inter", Arial, sans-serif;
		letter-spacing: .12em;
		text-transform: uppercase;
	}

	.sjh-redo-browse-room-panel li strong {
		font-size: clamp(20px, 2vw, 30px);
		line-height: 1.05;
		letter-spacing: -.035em;
	}

	.sjh-redo-venue-film-hero {
		position: relative;
		min-height: calc(100vh - 72px);
		display: grid;
		align-content: end;
		padding: clamp(118px, 12vw, 200px) var(--redo-pad) clamp(38px, 5vw, 74px);
		overflow: hidden;
		background: #d8d2c7;
		color: #fff;
	}

	.sjh-redo-venue-film-hero > video {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.sjh-redo-venue-film-rotator,
	.sjh-redo-venue-film-rotator figure {
		position: absolute;
		inset: 0;
		margin: 0;
		overflow: hidden;
	}

	.sjh-redo-venue-film-rotator figure {
		opacity: 0;
		animation: sjhVenueCarousel 18s linear infinite;
	}

	.sjh-redo-venue-film-rotator figure:nth-child(2) {
		animation-delay: 6s;
	}

	.sjh-redo-venue-film-rotator figure:nth-child(3) {
		animation-delay: 12s;
	}

	.sjh-redo-venue-film-rotator img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transform: scale(1.06);
		animation: sjhVenuePan 18s ease-in-out infinite;
	}

	@keyframes sjhVenueCarousel {
		0%, 28% { opacity: 1; }
		34%, 100% { opacity: 0; }
	}

	@keyframes sjhVenuePan {
		0% { transform: scale(1.04) translate3d(0, 0, 0); }
		100% { transform: scale(1.12) translate3d(-1.5%, 1%, 0); }
	}

	.sjh-redo-venue-film-shade {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgba(0, 75, 118, .78), rgba(0, 75, 118, .24) 58%, rgba(0, 75, 118, .5));
	}

	.sjh-redo-venue-film-copy {
		position: relative;
		z-index: 2;
		width: min(100%, 1020px);
		display: grid;
		gap: clamp(18px, 2.2vw, 30px);
	}

	.sjh-redo-venue-film-copy p,
	.sjh-redo-venue-film-copy h1,
	.sjh-redo-venue-film-copy span {
		color: #fff;
	}

	.sjh-redo-venue-film-copy span {
		max-width: 760px;
		font-size: clamp(22px, 2.5vw, 36px);
		line-height: 1.25;
	}

	.sjh-redo-venue-film-strip {
		position: relative;
		z-index: 2;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: clamp(12px, 1.4vw, 22px);
		width: min(840px, 100%);
		margin-top: clamp(34px, 4.5vw, 68px);
	}

	.sjh-redo-venue-film-strip figure {
		position: relative;
		margin: 0;
		aspect-ratio: 16 / 10;
		overflow: hidden;
		background: rgba(255, 255, 255, .16);
	}

	.sjh-redo-venue-film-strip figcaption {
		position: absolute;
		left: 12px;
		bottom: 10px;
		color: #fff;
		font: 820 11px/1 "Inter", Arial, sans-serif;
		letter-spacing: .12em;
		text-transform: uppercase;
		text-shadow: 0 1px 10px rgba(0, 0, 0, .35);
	}

	.sjh-redo-guest-flow {
		padding: clamp(78px, 9vw, 140px) var(--redo-pad);
		display: grid;
		grid-template-columns: minmax(0, .62fr) minmax(0, 1.1fr);
		gap: clamp(38px, 7vw, 112px);
		background: #fff;
	}

	.sjh-redo-guest-flow-copy {
		position: sticky;
		top: 110px;
		align-self: start;
	}

	.sjh-redo-guest-flow h2 {
		color: var(--redo-blue);
	}

	.sjh-redo-guest-flow-copy p {
		margin-top: 24px;
		font-size: clamp(20px, 2.2vw, 30px);
		line-height: 1.38;
		color: var(--redo-muted);
	}

	.sjh-redo-guest-flow-track {
		display: grid;
		gap: clamp(22px, 3vw, 44px);
	}

	.sjh-redo-guest-flow-card {
		display: grid;
		grid-template-columns: minmax(180px, .72fr) 1fr;
		gap: clamp(20px, 3vw, 44px);
		align-items: end;
		padding-bottom: clamp(22px, 3vw, 42px);
		border-bottom: 1px solid var(--redo-line);
	}

	.sjh-redo-guest-flow-card figure {
		margin: 0;
		aspect-ratio: 4 / 3;
		overflow: hidden;
		background: #eee8df;
	}

	.sjh-redo-guest-flow-card div {
		display: grid;
		gap: 10px;
	}

	.sjh-redo-guest-flow-card span {
		color: var(--redo-blue);
		font: 820 11px/1 "Inter", Arial, sans-serif;
		letter-spacing: .12em;
		text-transform: uppercase;
	}

	.sjh-redo-guest-flow-card strong {
		font-size: clamp(28px, 3.6vw, 56px);
		line-height: .98;
		letter-spacing: -.05em;
	}

	.sjh-redo-guest-flow-card p {
		font-size: clamp(17px, 1.8vw, 24px);
		line-height: 1.38;
		color: var(--redo-muted);
	}

	.sjh-redo-venue-storyboard {
		padding: clamp(70px, 8vw, 124px) var(--redo-pad) clamp(84px, 10vw, 150px);
		background: #f7f4ee;
	}

	.sjh-redo-venue-storyboard-head {
		display: grid;
		grid-template-columns: minmax(0, .7fr) minmax(340px, .82fr);
		gap: clamp(34px, 6vw, 96px);
		align-items: end;
		margin-bottom: clamp(34px, 5vw, 72px);
	}

	.sjh-redo-venue-storyboard h2 {
		color: var(--redo-blue);
	}

	.sjh-redo-venue-storyboard-head p {
		font-size: clamp(20px, 2.2vw, 30px);
		line-height: 1.38;
		color: var(--redo-muted);
	}

	.sjh-redo-venue-storyboard-grid {
		display: grid;
		grid-template-columns: 1.2fr .9fr .9fr;
		gap: clamp(16px, 2vw, 30px);
	}

	.sjh-redo-venue-storyboard figure {
		position: relative;
		margin: 0;
		min-height: clamp(320px, 36vw, 600px);
		overflow: hidden;
		background: #e9e3da;
	}

	.sjh-redo-venue-storyboard figcaption {
		position: absolute;
		left: 18px;
		bottom: 18px;
		padding: 12px 14px;
		background: rgba(255, 255, 255, .9);
		color: var(--redo-blue);
		font: 820 11px/1 "Inter", Arial, sans-serif;
		letter-spacing: .1em;
		text-transform: uppercase;
	}

	.sjh-redo-gala-stage-hero {
		position: relative;
		padding: clamp(108px, 11vw, 188px) var(--redo-pad) clamp(58px, 7vw, 108px);
		display: grid;
		grid-template-columns: minmax(320px, .7fr) minmax(0, 1fr);
		grid-template-rows: 1fr auto;
		gap: clamp(34px, 6vw, 112px);
		align-items: center;
		background: #fbfaf6;
		overflow: hidden;
	}

	.sjh-redo-gala-stage-copy {
		display: grid;
		gap: clamp(18px, 2.2vw, 30px);
	}

	.sjh-redo-gala-stage-copy h1 {
		color: var(--redo-blue);
	}

	.sjh-redo-gala-stage-copy span {
		max-width: 760px;
		font-size: clamp(22px, 2.6vw, 38px);
		line-height: 1.25;
		color: var(--redo-ink);
	}

	.sjh-redo-gala-stage-media {
		position: relative;
		min-height: clamp(450px, 53vw, 760px);
	}

	.sjh-redo-gala-stage-media video {
		width: 82%;
		height: 82%;
		object-fit: cover;
		background: #e8e1d8;
		box-shadow: 0 28px 76px rgba(0, 56, 90, .15);
	}

	.sjh-redo-gala-stage-media figure {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 46%;
		margin: 0;
		aspect-ratio: 4 / 5;
		overflow: hidden;
		background: #e8e1d8;
		box-shadow: 0 22px 66px rgba(0, 56, 90, .14);
	}

	.sjh-redo-gala-stage-line {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 0;
		border-top: 1px solid var(--redo-line);
	}

	.sjh-redo-gala-stage-line span {
		padding: 17px 16px 0 0;
		color: var(--redo-blue);
		font: 820 11px/1.2 "Inter", Arial, sans-serif;
		letter-spacing: .1em;
		text-transform: uppercase;
	}

	.sjh-redo-evening-score {
		padding: clamp(78px, 9vw, 140px) var(--redo-pad);
		display: grid;
		grid-template-columns: minmax(0, .76fr) minmax(340px, .88fr);
		gap: clamp(38px, 7vw, 116px);
		align-items: start;
		background: #fff;
	}

	.sjh-redo-evening-score h2 {
		color: var(--redo-blue);
	}

	.sjh-redo-evening-score-copy p {
		margin-top: 24px;
		font-size: clamp(20px, 2.2vw, 30px);
		line-height: 1.38;
		color: var(--redo-muted);
	}

	.sjh-redo-evening-score-list {
		display: grid;
		border-left: 2px solid rgba(0, 105, 165, .22);
	}

	.sjh-redo-evening-score-item {
		position: relative;
		display: grid;
		grid-template-columns: 86px 1fr;
		gap: 24px;
		padding: 0 0 clamp(28px, 4vw, 54px) 28px;
	}

	.sjh-redo-evening-score-item::before {
		content: "";
		position: absolute;
		left: -8px;
		top: 4px;
		width: 14px;
		height: 14px;
		border-radius: 99px;
		background: var(--redo-blue);
		box-shadow: 0 0 0 8px rgba(0, 105, 165, .08);
	}

	.sjh-redo-evening-score-item span {
		color: var(--redo-blue);
		font: 820 12px/1 "Inter", Arial, sans-serif;
		letter-spacing: .1em;
		text-transform: uppercase;
	}

	.sjh-redo-evening-score-item p {
		font-size: clamp(21px, 2.4vw, 34px);
		line-height: 1.28;
		color: var(--redo-ink);
	}

	.sjh-redo-gala-frames {
		padding: 0 var(--redo-pad) clamp(78px, 9vw, 136px);
		display: grid;
		grid-template-columns: 1.15fr .85fr;
		gap: clamp(16px, 2vw, 30px);
		background: #fff;
	}

	.sjh-redo-gala-frames figure {
		position: relative;
		margin: 0;
		min-height: clamp(300px, 33vw, 560px);
		overflow: hidden;
		background: #eee7dd;
	}

	.sjh-redo-gala-frames .is-wide {
		grid-row: span 2;
	}

	.sjh-redo-gala-frames figcaption {
		position: absolute;
		left: 18px;
		bottom: 18px;
		padding: 12px 14px;
		background: rgba(255, 255, 255, .9);
		color: var(--redo-blue);
		font: 820 11px/1 "Inter", Arial, sans-serif;
		letter-spacing: .1em;
		text-transform: uppercase;
	}

	.sjh-redo-ceremony-warm {
		background: #f7f4ee;
		color: var(--redo-ink);
	}

	.sjh-redo-ceremony-warm h2 {
		color: var(--redo-blue);
	}

	.sjh-redo-ceremony-warm p {
		color: var(--redo-muted);
	}

	.sjh-redo-media-edit {
		padding: clamp(78px, 9vw, 140px) var(--redo-pad);
		background: #f8f7f3;
	}

	.sjh-redo-media-edit-head {
		display: grid;
		grid-template-columns: minmax(0, .78fr) minmax(340px, .9fr);
		gap: clamp(34px, 6vw, 96px);
		align-items: end;
		margin-bottom: clamp(34px, 5vw, 72px);
	}

	.sjh-redo-media-edit h2 {
		color: var(--redo-blue);
	}

	.sjh-redo-media-edit-head p {
		font-size: clamp(20px, 2.2vw, 30px);
		line-height: 1.38;
		color: var(--redo-muted);
	}

	.sjh-redo-media-edit-grid {
		display: grid;
		grid-template-columns: 1.2fr .8fr .8fr;
		grid-auto-rows: minmax(260px, auto);
		gap: clamp(16px, 2vw, 30px);
	}

	.sjh-redo-media-edit-card {
		position: relative;
		min-height: clamp(280px, 30vw, 520px);
		overflow: hidden;
		background: #fff;
		border: 1px solid var(--redo-line);
	}

	.sjh-redo-media-edit-card.is-large {
		grid-row: span 2;
	}

	.sjh-redo-media-edit-card figure {
		margin: 0;
		width: 100%;
		height: 100%;
	}

	.sjh-redo-media-edit-card img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform .65s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-redo-media-edit-card:hover img {
		transform: scale(1.045);
	}

	.sjh-redo-media-edit-card div,
	.sjh-redo-media-edit-card.is-text {
		position: absolute;
		inset: auto 18px 18px;
		display: grid;
		gap: 10px;
		padding: 18px;
		background: rgba(255, 255, 255, .9);
		backdrop-filter: blur(14px);
	}

	.sjh-redo-media-edit-card.is-text {
		position: relative;
		inset: auto;
		align-content: end;
		padding: clamp(24px, 3vw, 44px);
		background: var(--redo-blue);
		color: #fff;
	}

	.sjh-redo-media-edit-card span {
		color: var(--redo-blue);
		font: 820 11px/1 "Inter", Arial, sans-serif;
		letter-spacing: .11em;
		text-transform: uppercase;
	}

	.sjh-redo-media-edit-card.is-text span,
	.sjh-redo-media-edit-card.is-text strong {
		color: #fff;
	}

	.sjh-redo-media-edit-card strong {
		font-size: clamp(22px, 2.45vw, 36px);
		line-height: 1.05;
		letter-spacing: -.04em;
	}

	.sjh-redo-live-output {
		padding: clamp(76px, 9vw, 136px) var(--redo-pad);
		display: grid;
		grid-template-columns: minmax(0, .75fr) minmax(340px, .9fr);
		gap: clamp(36px, 7vw, 112px);
		background: #fff;
	}

	.sjh-redo-live-output h2 {
		color: var(--redo-blue);
	}

	.sjh-redo-live-output-copy p {
		margin-top: 24px;
		font-size: clamp(20px, 2.2vw, 30px);
		line-height: 1.38;
		color: var(--redo-muted);
	}

	.sjh-redo-live-output-list {
		display: grid;
		border-top: 1px solid var(--redo-line);
	}

	.sjh-redo-live-output-list article {
		display: grid;
		grid-template-columns: 70px 1fr;
		gap: 22px;
		padding: 23px 0;
		border-bottom: 1px solid var(--redo-line);
	}

	.sjh-redo-live-output-list span {
		color: var(--redo-blue);
		font: 820 11px/1 "Inter", Arial, sans-serif;
		letter-spacing: .12em;
		text-transform: uppercase;
	}

	.sjh-redo-live-output-list p {
		font-size: clamp(20px, 2.2vw, 30px);
		line-height: 1.3;
		color: var(--redo-ink);
	}

	@media (max-width: 1080px) {
		.sjh-redo-intro,
		.sjh-redo-section-head,
		.sjh-redo-filter-story,
		.sjh-redo-editorial-band,
		.sjh-redo-venue-hero,
		.sjh-redo-venue-collage-hero,
		.sjh-redo-journey,
		.sjh-redo-run,
		.sjh-redo-gala-hero,
		.sjh-redo-production-services,
		.sjh-redo-production-split,
		.sjh-redo-capture-board,
		.sjh-redo-proof,
		.sjh-redo-blue-contact {
			grid-template-columns: 1fr;
		}

		.sjh-redo-feature-grid,
		.sjh-redo-archive-grid,
		.sjh-redo-gala-strip,
		.sjh-redo-capture-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.sjh-redo-capture-copy {
			grid-column: 1 / -1;
		}

		.sjh-redo-venue-collage-main,
		.sjh-redo-venue-collage-copy,
		.sjh-redo-venue-collage-side,
		.sjh-redo-venue-collage-note {
			grid-column: auto;
			grid-row: auto;
		}

		.sjh-redo-venue-collage-copy {
			padding-right: 0;
			background: transparent;
		}

		.sjh-redo-venue-collage-note {
			justify-self: stretch;
			width: auto;
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}

		.sjh-redo-capture-board .sjh-redo-capture-copy {
			position: static;
			grid-template-columns: 1fr;
		}

		.sjh-redo-capture-cards {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}

	@media (max-width: 700px) {
		.sjh-redo h1 {
			max-width: 100%;
			font-size: clamp(36px, 11.2vw, 64px);
			line-height: .94;
		}

		.sjh-redo h2,
		.sjh-redo-section h2,
		.sjh-redo-intro h2,
		.sjh-redo-journey h2,
		.sjh-redo-run h2,
		.sjh-redo-production-services h2,
		.sjh-redo-production-split h2,
		.sjh-redo-capture-grid h2,
		.sjh-redo-proof h2,
		.sjh-redo-blue-contact h2,
		.sjh-redo-editorial-band h2,
		.sjh-redo-ceremony-statement h2 {
			font-size: clamp(34px, 11vw, 56px);
			line-height: 1;
		}

		.sjh-redo-hero-film,
		.sjh-redo-production-hero,
		.sjh-redo-archive-hero,
		.sjh-redo-venue-hero,
		.sjh-redo-venue-collage-hero,
		.sjh-redo-gala-hero {
			padding-top: 96px;
		}

		.sjh-redo-feature-grid,
		.sjh-redo-archive-grid,
		.sjh-redo-venue-gallery,
		.sjh-redo-gala-media,
		.sjh-redo-gala-strip,
		.sjh-redo-capture-cards,
		.sjh-redo-capture-grid {
			grid-template-columns: 1fr;
		}

		.sjh-redo-archive-video-rail {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.sjh-redo-archive-video-rail span {
			min-height: 48px;
			padding: 0 12px;
			font-size: 10px;
		}

		.sjh-redo-venue-collage-note {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.sjh-redo-gala-ledger-card {
			grid-template-columns: 1fr;
			gap: 18px;
			transform: none !important;
		}

		.sjh-redo-journey-list article,
		.sjh-redo-run-card {
			grid-template-columns: 1fr;
			gap: 10px;
		}

		.sjh-redo-venue-gallery figure:first-child,
		.sjh-redo-gala-media video {
			grid-row: auto;
		}

		.sjh-redo-capture-grid figure,
		.sjh-redo-capture-grid figure:nth-of-type(2),
		.sjh-redo-capture-grid figure:nth-of-type(4) {
			transform: none;
		}
	}

	@media (max-width: 1080px) {
		.sjh-redo-wow-edit,
		.sjh-redo-archive-stage,
		.sjh-redo-archive-intro,
		.sjh-redo-browse-room,
		.sjh-redo-guest-flow,
		.sjh-redo-venue-storyboard-head,
		.sjh-redo-gala-stage-hero,
		.sjh-redo-evening-score,
		.sjh-redo-media-edit-head,
		.sjh-redo-live-output {
			grid-template-columns: 1fr;
		}

		.sjh-redo-archive-stage-list,
		.sjh-redo-gala-stage-line {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.sjh-redo-archive-stage-media,
		.sjh-redo-gala-stage-media {
			min-height: clamp(380px, 72vw, 650px);
		}

		.sjh-redo-archive-masonry {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.sjh-redo-archive-masonry-card,
		.sjh-redo-archive-masonry-card.is-wide,
		.sjh-redo-archive-masonry-card.is-tall {
			grid-column: span 1;
			grid-row: auto;
			min-height: clamp(300px, 48vw, 520px);
		}

		.sjh-redo-guest-flow-copy {
			position: static;
		}

		.sjh-redo-venue-storyboard-grid,
		.sjh-redo-media-edit-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.sjh-redo-media-edit-card.is-large {
			grid-column: span 2;
			grid-row: auto;
		}
	}

	@media (max-width: 700px) {
		.sjh-redo-hero-wow-panel {
			position: relative;
			right: auto;
			bottom: auto;
			z-index: 3;
			margin-top: 32px;
		}

		.sjh-redo-wow-stack {
			min-height: auto;
			display: grid;
			gap: 14px;
		}

		.sjh-redo-wow-stack figure,
		.sjh-redo-wow-stack figure:nth-child(1),
		.sjh-redo-wow-stack figure:nth-child(2),
		.sjh-redo-wow-stack figure:nth-child(3) {
			position: relative;
			inset: auto;
			width: auto;
			aspect-ratio: 16 / 10;
		}

		.sjh-redo-venue-film-strip,
		.sjh-redo-archive-stage-list,
		.sjh-redo-gala-stage-line,
		.sjh-redo-venue-storyboard-grid,
		.sjh-redo-gala-frames,
		.sjh-redo-media-edit-grid {
			grid-template-columns: 1fr;
		}

		.sjh-redo-archive-masonry {
			grid-template-columns: 1fr;
		}

		.sjh-redo-guest-flow-card,
		.sjh-redo-evening-score-item,
		.sjh-redo-live-output-list article {
			grid-template-columns: 1fr;
		}

		.sjh-redo-gala-stage-media video {
			width: 100%;
			height: auto;
			aspect-ratio: 16 / 10;
		}

		.sjh-redo-gala-stage-media {
			min-height: auto;
			display: grid;
		}

		.sjh-redo-gala-stage-media figure {
			position: relative;
			right: auto;
			bottom: auto;
			width: 72%;
			justify-self: end;
			margin-top: -54px;
		}

		.sjh-redo-gala-frames .is-wide,
		.sjh-redo-media-edit-card.is-large {
			grid-column: auto;
			grid-row: auto;
		}
	}

	/* Metallic green pass for retained concepts and flagship route. */
	body.sjh-demo-template {
		--sjh-metal-green: #1f7a67;
		--sjh-metal-dark: #071d17;
		--sjh-metal-mid: #2a5d50;
		--sjh-metal-soft: #dce8dc;
		--sjh-metal-paper: #f4f8f1;
		--sjh-metal-cream: #fbfcf7;
		--sjh-metal-line: rgba(7, 26, 22, .13);
		background: var(--sjh-metal-cream);
	}

	body.sjh-demo-template .sjh-demo {
		--demo-blue: var(--sjh-metal-green);
		--demo-blue-dark: #0a5145;
		--demo-ink: var(--sjh-metal-dark);
		--demo-paper: var(--sjh-metal-paper);
		--demo-line: var(--sjh-metal-line);
		background:
			linear-gradient(180deg, rgba(217, 227, 213, .42), rgba(255, 255, 255, 0) 520px),
			var(--sjh-metal-cream);
	}

	.sjh-demo-switcher {
		border-color: rgba(14, 111, 95, .2);
		background: rgba(251, 251, 247, .84);
		box-shadow: 0 18px 52px rgba(7, 26, 22, .12);
	}

	.sjh-demo-switcher a.is-active,
	.sjh-demo-switcher a:hover {
		background: var(--sjh-metal-green);
		color: #fff;
	}

	.sjh-redo,
	.sjh-redo-section,
	.sjh-redo-intro,
	.sjh-redo-filter-story,
	.sjh-redo-archive-grid,
	.sjh-redo-journey,
	.sjh-redo-venue-gallery,
	.sjh-redo-gala-media,
	.sjh-redo-gala-strip,
	.sjh-redo-gala-ledger,
	.sjh-redo-run,
	.sjh-redo-production-services,
	.sjh-redo-production-split,
	.sjh-redo-capture-grid,
	.sjh-redo-capture-board,
	.sjh-redo-proof,
	.sjh-redo-blue-contact,
	.sjh-redo-editorial-band,
	.sjh-redo-ceremony-statement {
		--redo-blue: var(--sjh-metal-green);
		--redo-ink: var(--sjh-metal-dark);
		--redo-muted: rgba(7, 26, 22, .68);
		--redo-line: var(--sjh-metal-line);
		--redo-paper: var(--sjh-metal-paper);
	}

	.sjh-redo-hero-film,
	.sjh-redo-production-hero,
	.sjh-redo-archive-video-hero,
	.sjh-redo-venue-film-hero,
	.sjh-redo-gala-stage-hero,
	.sjh-redo-editorial-band,
	.sjh-redo-ceremony-statement,
	.sjh-redo-capture-grid {
		background:
			linear-gradient(135deg, #071a16 0%, #12382f 46%, #3d675b 100%);
	}

	.sjh-redo-shade,
	.sjh-redo-hero-wow .sjh-redo-shade {
		background:
			linear-gradient(90deg, rgba(7, 26, 22, .72), rgba(7, 26, 22, .34) 54%, rgba(7, 26, 22, .18)),
			linear-gradient(0deg, rgba(7, 26, 22, .66), rgba(7, 26, 22, 0) 58%);
	}

	.sjh-redo-blue-contact,
	.sjh-redo-media-edit-card.is-text,
	.sjh-redo-filter-story a:first-child,
	.sjh-redo-filter-story a:hover {
		background: linear-gradient(135deg, var(--sjh-metal-green), #2d786b);
		color: #fff;
	}

	.sjh-redo-proof {
		background: linear-gradient(135deg, #eef4ec, #ffffff);
		border-top: 1px solid rgba(14, 111, 95, .16);
	}

	.sjh-redo-event-card,
	.sjh-redo-archive-masonry-card,
	.sjh-redo-media-edit-card figure,
	.sjh-redo-gala-ledger-card,
	.sjh-redo-guest-flow-card,
	.sjh-redo-service-card {
		background: #0b211c;
		box-shadow: 0 22px 70px rgba(7, 26, 22, .1);
	}

	.sjh-redo-event-card > span,
	.sjh-redo-archive-masonry-card div,
	.sjh-redo-media-edit-card div {
		background: linear-gradient(0deg, rgba(7, 26, 22, .88), rgba(7, 26, 22, .08));
	}

	.sjh-redo-archive-stage,
	.sjh-redo-archive-intro,
	.sjh-redo-wow-edit,
	.sjh-redo-evening-score,
	.sjh-redo-production-services,
	.sjh-redo-production-split,
	.sjh-redo-run {
		background:
			linear-gradient(180deg, rgba(217, 227, 213, .5), rgba(251, 251, 247, 0) 420px),
			var(--sjh-metal-cream);
	}

	.sjh-flagship,
	.sjh-flagship * {
		box-sizing: border-box;
	}

	.sjh-demo-demo13 {
		background: #f6f8f3;
	}

	.sjh-demo-demo13 .sjh-demo-switcher {
		position: absolute;
		top: clamp(88px, 8vw, 126px);
		right: clamp(18px, 2.4vw, 40px);
		bottom: auto;
		gap: 7px;
		padding: 8px;
		border-color: rgba(23, 76, 63, .16);
		background: rgba(246, 248, 243, .74);
		box-shadow: 0 18px 56px rgba(7, 26, 22, .1);
		opacity: .84;
		transform: translateY(0);
		transform-origin: top right;
		transition: opacity .28s ease, transform .38s cubic-bezier(.16, 1, .3, 1), background .28s ease;
	}

	.sjh-demo-demo13 .sjh-demo-switcher:hover,
	.sjh-demo-demo13 .sjh-demo-switcher:focus-within {
		opacity: 1;
		background: rgba(246, 248, 243, .92);
		transform: translateY(-3px);
	}

	.sjh-demo-demo13 .sjh-demo-switcher span {
		padding: 0 12px;
		color: rgba(7, 26, 22, .64);
		font-size: 10px;
		letter-spacing: .1em;
	}

	.sjh-demo-demo13 .sjh-demo-switcher a {
		width: 32px;
		height: 32px;
		color: var(--sjh-metal-green);
		font-size: 12px;
		box-shadow: inset 0 0 0 1px rgba(23, 76, 63, .12);
	}

	.sjh-demo-demo13 .sjh-demo-switcher a:hover,
	.sjh-demo-demo13 .sjh-demo-switcher a.is-active {
		background: var(--sjh-metal-green);
		color: #fff;
		box-shadow: 0 10px 28px rgba(7, 26, 22, .16);
	}

	body.admin-bar .sjh-demo-demo13 .sjh-demo-switcher {
		top: clamp(120px, 10vw, 158px);
	}

	.sjh-flagship {
		--flag-green: #174c3f;
		--flag-green-2: #286f60;
		--flag-green-dark: #0b2e27;
		--flag-dark: #071d17;
		--flag-silver: #dce8dc;
		--flag-paper: #f5f8f3;
		--flag-cream: #fbfcf7;
		--flag-line: rgba(7, 26, 22, .14);
		font-family: "Inter", Arial, sans-serif;
		color: var(--flag-dark);
	}

	.sjh-flagship h1,
	.sjh-flagship h2,
	.sjh-flagship h3,
	.sjh-flagship p,
	.sjh-flagship span,
	.sjh-flagship strong,
	.sjh-flagship small {
		margin: 0;
		letter-spacing: 0;
	}

	.sjh-flagship h1,
	.sjh-flagship h2 {
		text-wrap: balance;
	}

	.sjh-flagship h1 {
		max-width: 980px;
		font-size: clamp(62px, 9vw, 156px);
		font-weight: 840;
		line-height: .86;
		letter-spacing: -.06em;
	}

	.sjh-flagship h2 {
		max-width: 1040px;
		font-size: clamp(42px, 6vw, 104px);
		font-weight: 820;
		line-height: .92;
		letter-spacing: -.055em;
	}

	.sjh-flagship h3 {
		font-size: clamp(24px, 2.4vw, 38px);
		font-weight: 760;
		line-height: 1.02;
		letter-spacing: -.025em;
	}

	.sjh-flagship p {
		font-size: clamp(18px, 1.55vw, 24px);
		line-height: 1.48;
		color: rgba(7, 26, 22, .72);
	}

	.sjh-flagship-hero-lab {
		background: #061a15;
		color: #fff;
		overflow: hidden;
	}

	.sjh-flagship-hero-option {
		position: relative;
		min-height: 100svh;
		display: grid;
		align-items: end;
		padding: clamp(118px, 11vw, 184px) clamp(22px, 4.8vw, 78px) clamp(48px, 6vw, 88px);
		overflow: hidden;
		isolation: isolate;
		background: #061a15;
	}

	.sjh-demo-demo13 .sjh-flagship-hero-lab {
		min-height: 100svh;
	}

	.sjh-demo-demo13 .sjh-flagship-hero-option.is-ribbon {
		min-height: 100svh;
	}

	.sjh-flagship-hero-option + .sjh-flagship-hero-option {
		border-top: 1px solid rgba(220, 232, 220, .15);
	}

	.sjh-hero-content {
		position: relative;
		z-index: 5;
		display: grid;
		gap: clamp(14px, 1.8vw, 28px);
		max-width: min(980px, 82vw);
		--hero-content-y: 0px;
		transform: translate3d(0, var(--hero-content-y), 0);
		will-change: transform;
	}

	.sjh-hero-logo {
		width: clamp(148px, 18vw, 260px);
		height: auto;
		padding: 8px 10px;
		border-radius: 999px;
		background: rgba(246, 248, 243, .88);
		box-shadow: 0 18px 54px rgba(7, 26, 22, .16);
	}

	.sjh-hero-content h1 {
		display: flex;
		flex-wrap: wrap;
		gap: .16em;
		color: #fff;
		text-shadow: 0 22px 80px rgba(2, 12, 10, .34);
	}

	.sjh-hero-content h1 span {
		display: inline-block;
		white-space: nowrap;
	}

	.sjh-hero-content p {
		max-width: 720px;
		color: rgba(255, 255, 255, .82);
		font-size: clamp(20px, 2vw, 31px);
		line-height: 1.22;
	}

	.sjh-hero-number {
		position: absolute;
		right: clamp(22px, 4.8vw, 78px);
		bottom: clamp(26px, 4vw, 62px);
		z-index: 5;
		color: rgba(255, 255, 255, .58);
		font: 850 12px/1 "Inter", Arial, sans-serif;
		letter-spacing: .18em;
	}

	.sjh-hero-fill,
	.sjh-hero-quartet video,
	.sjh-hero-lens video,
	.sjh-hero-lens-strip video,
	.sjh-hero-ribbons video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		filter: saturate(.94) contrast(1.04);
	}

	.sjh-hero-fill {
		position: absolute;
		inset: 0;
		z-index: 0;
		transform: scale(1.04);
		animation: sjhFlagshipDrift 18s ease-in-out infinite alternate;
	}

	.sjh-hero-shade,
	.sjh-flagship-hero-option::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 2;
		pointer-events: none;
	}

	.sjh-hero-shade {
		background:
			linear-gradient(90deg, rgba(6, 26, 21, .86), rgba(6, 26, 21, .44) 50%, rgba(6, 26, 21, .18)),
			linear-gradient(0deg, rgba(6, 26, 21, .84), rgba(6, 26, 21, .08) 62%);
	}

	.sjh-flagship-hero-option::after {
		z-index: 3;
		background:
			linear-gradient(118deg, transparent 0 43%, rgba(255,255,255,.16) 45%, transparent 48%),
			radial-gradient(circle at var(--demo-mx, 76%) var(--demo-my, 24%), rgba(198, 226, 210, .28), transparent 24%);
		mix-blend-mode: soft-light;
		opacity: .7;
	}

	.sjh-flagship-hero-option.is-reel::before {
		content: "";
		position: absolute;
		inset: 12%;
		z-index: 4;
		border: 1px solid rgba(220, 232, 220, .16);
		transform: skewX(-11deg);
		opacity: .66;
		pointer-events: none;
	}

	.sjh-flagship-hero-option.is-quartet {
		align-items: center;
		background:
			radial-gradient(circle at 18% 76%, rgba(110, 150, 128, .2), transparent 30%),
			#071d17;
	}

	.sjh-hero-quartet {
		position: absolute;
		inset: clamp(86px, 8vw, 140px) clamp(18px, 4vw, 70px) clamp(42px, 5vw, 78px);
		z-index: 1;
		display: grid;
		grid-template-columns: 1.16fr .84fr;
		grid-template-rows: 1fr 1fr;
		gap: clamp(8px, 1.1vw, 16px);
		opacity: .9;
	}

	.sjh-hero-quartet video {
		min-height: 0;
		border: 1px solid rgba(220, 232, 220, .16);
		box-shadow: 0 28px 90px rgba(0, 0, 0, .22);
	}

	.sjh-hero-quartet video:first-child {
		grid-row: span 2;
	}

	.sjh-flagship-hero-option.is-quartet .sjh-hero-content {
		max-width: min(860px, 80vw);
		margin-left: auto;
		padding-top: 12vh;
	}

	.sjh-flagship-hero-option.is-quartet::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 4;
		background:
			linear-gradient(90deg, rgba(6, 26, 21, .1), rgba(6, 26, 21, .74) 60%, rgba(6, 26, 21, .9)),
			linear-gradient(0deg, rgba(6, 26, 21, .72), rgba(6, 26, 21, .06) 54%);
		pointer-events: none;
	}

	.sjh-flagship-hero-option.is-lens {
		align-items: center;
		background:
			radial-gradient(circle at 70% 38%, rgba(31, 122, 103, .18), transparent 28%),
			linear-gradient(135deg, #f7faf3, #dce8dc);
		color: var(--flag-dark);
	}

	.sjh-flagship-hero-option.is-lens::after {
		background:
			linear-gradient(90deg, rgba(247,250,243,.9), rgba(247,250,243,.12) 58%, rgba(247,250,243,.64)),
			repeating-linear-gradient(90deg, rgba(7, 26, 22, .05) 0 1px, transparent 1px 118px);
		mix-blend-mode: normal;
		opacity: 1;
	}

	.sjh-flagship-hero-option.is-lens .sjh-hero-content h1 {
		color: var(--flag-green);
		text-shadow: none;
	}

	.sjh-flagship-hero-option.is-lens .sjh-hero-content p {
		color: rgba(7, 26, 22, .72);
	}

	.sjh-hero-lens {
		position: absolute;
		right: clamp(-120px, -7vw, -54px);
		top: 50%;
		z-index: 1;
		width: min(72vw, 1120px);
		aspect-ratio: 1;
		border-radius: 50%;
		overflow: hidden;
		transform: translateY(-50%);
		box-shadow: inset 0 0 0 1px rgba(255,255,255,.4), 0 42px 140px rgba(7, 26, 22, .24);
	}

	.sjh-hero-lens video {
		transform: scale(1.12);
	}

	.sjh-hero-lens-strip {
		position: absolute;
		right: clamp(36px, 8vw, 150px);
		bottom: clamp(34px, 6vw, 94px);
		z-index: 4;
		width: clamp(220px, 24vw, 440px);
		aspect-ratio: 16 / 9;
		overflow: hidden;
		border: 10px solid rgba(247,250,243,.88);
		box-shadow: 0 30px 100px rgba(7, 26, 22, .22);
	}

	.sjh-flagship-hero-option.is-ribbon {
		background:
			radial-gradient(circle at 76% 22%, rgba(86, 133, 113, .22), transparent 28%),
			linear-gradient(135deg, #061a15, #123f35 54%, #2a685b);
		align-items: end;
	}

	.sjh-hero-ribbons {
		position: absolute;
		inset: -14% -46%;
		z-index: 1;
		display: grid;
		align-content: center;
		gap: clamp(14px, 1.35vw, 24px);
		padding: clamp(84px, 7vw, 130px) 0;
		opacity: .92;
		--hero-parallax-y: 0px;
		transform: translate3d(0, var(--hero-parallax-y), 0) rotate(-4.2deg) scale(1.06);
		transform-origin: center;
		will-change: transform;
	}

	.sjh-hero-ribbons > div {
		display: flex;
		gap: clamp(14px, 1.35vw, 24px);
		width: max-content;
		--ribbon-offset: 0px;
		--ribbon-opacity: 0;
		transform: translate3d(var(--ribbon-offset), 0, 0);
		opacity: var(--ribbon-opacity);
		transition: opacity .6s ease;
		will-change: transform;
		backface-visibility: hidden;
	}

	.sjh-hero-ribbons > div:nth-child(2) {
		margin-left: calc(-1 * clamp(120px, 16vw, 300px));
		--ribbon-offset: -160px;
	}

	.sjh-hero-ribbons video {
		flex: 0 0 clamp(360px, 30vw, 620px);
		width: clamp(360px, 30vw, 620px);
		height: clamp(205px, 16.9vw, 350px);
		min-height: 0;
		aspect-ratio: auto;
		border: 1px solid rgba(220, 232, 220, .14);
		box-shadow: 0 30px 90px rgba(0,0,0,.24);
		transform: translate3d(0, 0, 0);
		filter: saturate(1.04) contrast(1.04) brightness(1.18);
	}

	.sjh-flagship-hero-option.is-ribbon::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 4;
		background:
			linear-gradient(90deg, rgba(6, 26, 21, .84), rgba(6, 26, 21, .36) 46%, rgba(6, 26, 21, .88)),
			linear-gradient(0deg, rgba(6, 26, 21, .84), rgba(6, 26, 21, .08) 48%);
		pointer-events: none;
	}

	.sjh-hero-mobile-note {
		position: absolute;
		right: clamp(22px, 4.8vw, 78px);
		bottom: clamp(24px, 4vw, 56px);
		z-index: 5;
		color: rgba(255, 255, 255, .68);
		font: 820 11px/1 "Inter", Arial, sans-serif;
		letter-spacing: .14em;
		text-transform: uppercase;
	}

	.sjh-flagship-hero {
		position: relative;
		min-height: calc(100vh - 72px);
		display: grid;
		align-content: end;
		padding: clamp(112px, 10vw, 168px) clamp(22px, 4.8vw, 78px) clamp(26px, 4vw, 64px);
		overflow: hidden;
		color: #fff;
		background: #071d17;
	}

	.sjh-flagship-hero::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
		background:
			linear-gradient(90deg, rgba(7, 29, 23, .84) 0%, rgba(7, 29, 23, .54) 36%, rgba(7, 29, 23, .14) 68%, rgba(7, 29, 23, .5) 100%),
			linear-gradient(0deg, rgba(7, 29, 23, .9) 0%, rgba(7, 29, 23, .18) 50%, rgba(7, 29, 23, .52) 100%);
		pointer-events: none;
	}

	.sjh-flagship-hero::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 2;
		background:
			radial-gradient(circle at 72% 24%, rgba(220,232,220,.28), transparent 24%),
			linear-gradient(73deg, transparent 0 47%, rgba(255,255,255,.14) 50%, transparent 54%);
		mix-blend-mode: soft-light;
		opacity: .62;
		pointer-events: none;
	}

	.sjh-flagship-hero-media,
	.sjh-flagship-hero-media video,
	.sjh-flagship-hero-still {
		position: absolute;
		inset: 0;
	}

	.sjh-flagship-hero-media video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: .84;
		filter: saturate(.9) contrast(1.05);
		transform: scale(1.02);
		animation: sjhFlagshipDrift 18s ease-in-out infinite alternate;
	}

	.sjh-flagship-hero-still {
		margin: 0;
		width: clamp(190px, 18vw, 360px);
		height: clamp(250px, 27vw, 520px);
		inset: auto auto clamp(86px, 10vw, 150px) clamp(54%, 60vw, 68%);
		z-index: 3;
		overflow: hidden;
		box-shadow: 0 34px 120px rgba(7, 29, 23, .34);
		transform: rotate(-4deg);
		animation: sjhFlagshipFloat 8s ease-in-out infinite alternate;
	}

	.sjh-flagship-hero-still.is-b {
		width: clamp(150px, 14vw, 270px);
		height: clamp(190px, 20vw, 380px);
		inset: clamp(116px, 12vw, 190px) clamp(34px, 5vw, 88px) auto auto;
		transform: rotate(3deg);
		animation-delay: -3s;
	}

	.sjh-flagship-hero-still img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.sjh-flagship-hero-copy {
		position: relative;
		z-index: 4;
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(260px, 420px);
		gap: clamp(24px, 5vw, 88px);
		align-items: end;
	}

	.sjh-flagship-hero-copy > p,
	.sjh-flagship-section-head::before,
	.sjh-flagship-showcase-head::before {
		width: fit-content;
		font: 820 12px/1 "Inter", Arial, sans-serif;
		letter-spacing: .14em;
		text-transform: uppercase;
		color: #d8efe4;
	}

	.sjh-flagship-hero-copy > p {
		position: absolute;
		left: 0;
		top: clamp(-54px, -4vw, -28px);
	}

	.sjh-flagship-hero-copy > div:first-of-type {
		display: grid;
		gap: clamp(16px, 2vw, 28px);
	}

	.sjh-flagship-hero-copy span {
		max-width: 780px;
		font-size: clamp(19px, 1.75vw, 28px);
		line-height: 1.28;
		color: rgba(255, 255, 255, .88);
	}

	.sjh-flagship-actions {
		display: grid;
		gap: 16px;
		align-content: end;
		justify-items: end;
	}

	.sjh-flagship-actions a,
	.sjh-flagship-cta a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 48px;
		border-bottom: 2px solid currentColor;
		font: 820 13px/1 "Inter", Arial, sans-serif;
		letter-spacing: .11em;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
		transition: color .25s ease, transform .25s ease;
	}

	.sjh-flagship-actions a:hover,
	.sjh-flagship-cta a:hover {
		color: #cfe7dc;
		transform: translateY(-2px);
	}

	.sjh-flagship-hero-index {
		position: relative;
		z-index: 4;
		display: flex;
		flex-wrap: wrap;
		gap: 12px clamp(18px, 3vw, 42px);
		margin-top: clamp(38px, 5vw, 76px);
		padding-top: clamp(18px, 2vw, 28px);
		border-top: 1px solid rgba(255, 255, 255, .22);
	}

	.sjh-flagship-hero-index span {
		font: 820 12px/1.15 "Inter", Arial, sans-serif;
		letter-spacing: .12em;
		text-transform: uppercase;
		color: #eff8f1;
	}

	.sjh-flagship-sequence,
	.sjh-flagship-showcase,
	.sjh-flagship-process,
	.sjh-flagship-gallery,
	.sjh-flagship-footer-lab,
	.sjh-flagship-cta {
		padding: clamp(82px, 9vw, 144px) clamp(22px, 4.8vw, 78px);
	}

	.sjh-flagship-sequence {
		background:
			radial-gradient(circle at 82% 18%, rgba(31, 122, 103, .12), transparent 28%),
			linear-gradient(180deg, #f6f8f3, #ffffff 56%, #edf3ea);
	}

	.sjh-flagship-section-head,
	.sjh-flagship-showcase-head {
		display: grid;
		grid-template-columns: minmax(0, .92fr) minmax(320px, .7fr);
		gap: clamp(34px, 6vw, 104px);
		align-items: end;
	}

	.sjh-flagship-section-head::before,
	.sjh-flagship-showcase-head::before {
		content: "SJH Events";
		grid-column: 1 / -1;
		color: var(--flag-green);
	}

	.sjh-flagship-section-head p,
	.sjh-flagship-showcase-head p {
		max-width: 720px;
		font-size: clamp(20px, 2.2vw, 32px);
		line-height: 1.32;
	}

	.sjh-flagship-sequence-stage {
		display: grid;
		grid-template-columns: minmax(0, .92fr) minmax(360px, .72fr);
		gap: clamp(22px, 5vw, 78px);
		align-items: stretch;
		margin-top: clamp(46px, 6vw, 94px);
	}

	.sjh-flagship-sequence-media-track {
		position: relative;
		align-self: stretch;
		display: flex;
		align-items: flex-start;
		min-height: 100%;
	}

	.sjh-flagship-sequence-video {
		position: sticky;
		top: 98px;
		align-self: flex-start;
		width: 100%;
		margin: 0;
		min-height: 0;
		max-height: calc(100svh - 132px);
		aspect-ratio: 16 / 10;
		overflow: hidden;
		background: var(--flag-dark);
		box-shadow: 0 32px 86px rgba(7, 26, 22, .16);
	}

	.sjh-flagship-sequence-video video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		filter: saturate(.94) contrast(1.04);
	}

	.sjh-flagship-sequence-list {
		display: grid;
		gap: clamp(16px, 1.6vw, 24px);
		align-content: stretch;
	}

	.sjh-flagship-sequence-item {
		position: relative;
		display: grid;
		grid-template-columns: 52px minmax(108px, .34fr) minmax(0, 1fr);
		gap: clamp(14px, 1.8vw, 26px);
		align-items: center;
		min-height: clamp(168px, 16vw, 228px);
		padding: clamp(14px, 1.35vw, 20px);
		border: 1px solid rgba(7, 26, 22, .12);
		background: rgba(255, 255, 255, .72);
		overflow: hidden;
		box-shadow: 0 20px 60px rgba(7, 26, 22, .06);
		transition: transform .42s cubic-bezier(.16, 1, .3, 1), border-color .32s ease, box-shadow .42s ease;
	}

	.sjh-flagship-sequence-item::before {
		content: "";
		position: absolute;
		inset: 0;
		background: radial-gradient(circle at var(--demo-mx, 50%) var(--demo-my, 50%), rgba(31, 122, 103, .16), transparent 42%);
		opacity: 0;
		transition: opacity .32s ease;
	}

	.sjh-flagship-sequence-item:hover {
		transform: translateY(-5px);
		border-color: rgba(31, 122, 103, .28);
		box-shadow: 0 26px 76px rgba(7, 26, 22, .1);
	}

	.sjh-flagship-sequence-item:hover::before {
		opacity: 1;
	}

	.sjh-flagship-sequence-item > span,
	.sjh-flagship-sequence-item figure,
	.sjh-flagship-sequence-item div {
		position: relative;
		z-index: 1;
	}

	.sjh-flagship-sequence-item > span {
		color: var(--flag-green);
		font: 820 12px/1 "Inter", Arial, sans-serif;
		letter-spacing: .12em;
		text-transform: uppercase;
	}

	.sjh-flagship-sequence-item figure {
		margin: 0;
		aspect-ratio: 1;
		overflow: hidden;
		background: var(--flag-dark);
	}

	.sjh-flagship-sequence-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		transition: transform .8s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-flagship-sequence-item:hover img {
		transform: scale(1.07);
	}

	.sjh-flagship-sequence-item div {
		display: grid;
		gap: clamp(8px, .9vw, 12px);
		min-width: 0;
	}

	.sjh-flagship-sequence-item h3 {
		max-width: 10ch;
		margin: 0;
		color: var(--flag-dark);
		font: 820 clamp(28px, 2.5vw, 44px)/.94 "Inter", Arial, sans-serif;
		letter-spacing: -.065em;
		text-wrap: balance;
	}

	.sjh-flagship-sequence-item p {
		max-width: 31ch;
		margin: 0;
		color: rgba(7, 26, 22, .72);
		font: 500 clamp(15px, 1.15vw, 20px)/1.34 "Inter", Arial, sans-serif;
		letter-spacing: -.025em;
	}

	.sjh-flagship-showcase {
		background: var(--flag-cream);
	}

	.sjh-flagship-work-grid {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		grid-auto-rows: clamp(190px, 17vw, 292px);
		gap: clamp(12px, 1.1vw, 20px);
		margin-top: clamp(44px, 6vw, 92px);
	}

	.sjh-flagship-work-card {
		position: relative;
		grid-column: span 1;
		grid-row: span 1;
		min-height: 0;
		overflow: hidden;
		background: var(--flag-dark);
		isolation: isolate;
		box-shadow: 0 20px 66px rgba(7, 26, 22, .09);
		transition: transform .45s cubic-bezier(.16, 1, .3, 1), box-shadow .45s ease, border-radius .45s ease;
	}

	.sjh-flagship-work-card.is-video {
		grid-column: span 2;
		grid-row: span 2;
	}

	.sjh-flagship-work-card:nth-child(6),
	.sjh-flagship-work-card:nth-child(7) {
		grid-column: span 2;
	}

	.sjh-flagship-work-card::before {
		content: "";
		position: absolute;
		inset: clamp(10px, 1vw, 16px);
		z-index: 3;
		border: 1px solid rgba(255, 255, 255, .72);
		opacity: 0;
		transform: scale(.965);
		transition: opacity .38s ease, transform .55s cubic-bezier(.16, 1, .3, 1);
		pointer-events: none;
	}

	.sjh-flagship-work-card::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
		background:
			linear-gradient(0deg, rgba(7, 26, 22, .86), rgba(7, 26, 22, .08) 58%),
			linear-gradient(120deg, rgba(23, 76, 63, .34), transparent 55%);
		opacity: .78;
		transition: opacity .35s ease;
	}

	.sjh-flagship-work-card img,
	.sjh-flagship-work-card video,
	.sjh-flagship-process-media video,
	.sjh-flagship-process-media img,
	.sjh-flagship-gallery-rail img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.sjh-flagship-work-card img,
	.sjh-flagship-work-card video {
		transition: transform 1.1s cubic-bezier(.16, 1, .3, 1), filter .45s ease;
	}

	.sjh-flagship-work-card:hover {
		transform: translateY(-8px);
		box-shadow: 0 32px 90px rgba(7, 26, 22, .16);
	}

	.sjh-flagship-work-card:hover::before {
		opacity: .9;
		transform: scale(1);
	}

	.sjh-flagship-work-card:hover img,
	.sjh-flagship-work-card:hover video {
		transform: scale(1.055);
		filter: saturate(1.05) contrast(1.04);
	}

	.sjh-flagship-work-card:hover::after {
		opacity: .92;
	}

	.sjh-flagship-work-card > div {
		position: absolute;
		left: clamp(20px, 2.4vw, 38px);
		right: clamp(20px, 2.4vw, 38px);
		bottom: clamp(20px, 2.4vw, 38px);
		z-index: 4;
		display: grid;
		gap: 10px;
		color: #fff;
		transform: translateY(8px);
		transition: transform .45s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-flagship-work-card:hover > div {
		transform: translateY(0);
	}

	.sjh-flagship-work-card span {
		font: 820 12px/1 "Inter", Arial, sans-serif;
		letter-spacing: .12em;
		text-transform: uppercase;
		color: #cfe7dc;
	}

	.sjh-flagship-work-card strong {
		max-width: 680px;
		font-size: clamp(26px, 3.2vw, 62px);
		line-height: .92;
		letter-spacing: -.045em;
		text-wrap: balance;
		overflow-wrap: anywhere;
	}

	.sjh-flagship-work-card:not(.is-video) strong {
		max-width: 520px;
		font-size: clamp(22px, 2.05vw, 36px);
		line-height: 1;
	}

	.sjh-flagship-work-card small {
		max-width: 460px;
		font-size: clamp(14px, 1.2vw, 18px);
		line-height: 1.35;
		color: rgba(255, 255, 255, .76);
	}

	.sjh-flagship-process {
		display: grid;
		grid-template-columns: minmax(0, .95fr) minmax(360px, .75fr);
		gap: clamp(36px, 6vw, 98px);
		align-items: start;
		background:
			radial-gradient(circle at 20% 10%, rgba(220, 232, 220, .2), transparent 26%),
			linear-gradient(135deg, #0b211c, #17463b 58%, #577f70);
		color: #fff;
	}

	.sjh-flagship-process-media {
		position: sticky;
		top: 112px;
		display: grid;
		grid-template-columns: 1fr .46fr;
		gap: clamp(12px, 1.5vw, 22px);
		align-items: end;
	}

	.sjh-flagship-process-media video,
	.sjh-flagship-process-media figure {
		margin: 0;
		overflow: hidden;
		background: #0b211c;
		box-shadow: 0 34px 90px rgba(7, 26, 22, .28);
	}

	.sjh-flagship-process-media video {
		aspect-ratio: 4 / 5;
	}

	.sjh-flagship-process-media figure {
		aspect-ratio: 3 / 4;
		margin-left: -18%;
		margin-bottom: 14%;
		border: 10px solid rgba(246, 248, 243, .12);
	}

	.sjh-flagship-process-copy {
		display: grid;
		gap: clamp(22px, 3vw, 42px);
	}

	.sjh-flagship-process-copy h2 {
		color: #fff;
	}

	.sjh-flagship-process-step {
		display: grid;
		grid-template-columns: 58px 1fr;
		gap: clamp(18px, 2.5vw, 34px);
		padding: clamp(22px, 2.8vw, 36px) 0;
		border-top: 1px solid rgba(255, 255, 255, .18);
	}

	.sjh-flagship-process-step > span {
		font: 820 13px/1 "Inter", Arial, sans-serif;
		letter-spacing: .12em;
		color: #cfe7dc;
	}

	.sjh-flagship-process-step div {
		display: grid;
		gap: 12px;
	}

	.sjh-flagship-process-step h3 {
		color: #fff;
	}

	.sjh-flagship-process-step p {
		color: rgba(255, 255, 255, .74);
		font-size: clamp(16px, 1.35vw, 21px);
	}

	.sjh-flagship-gallery {
		overflow: hidden;
		background:
			linear-gradient(180deg, #f8faf4, #e8f0e4);
	}

	.sjh-flagship-gallery-rail {
		display: flex;
		gap: clamp(12px, 1.2vw, 18px);
		width: max-content;
		margin-top: clamp(42px, 5.5vw, 82px);
		animation: sjhFlagshipRail 42s linear infinite;
	}

	.sjh-flagship-gallery-rail:hover {
		animation-play-state: paused;
	}

	.sjh-flagship-gallery-rail figure {
		width: clamp(260px, 30vw, 560px);
		aspect-ratio: 4 / 3;
		margin: 0;
		overflow: hidden;
		background: var(--flag-dark);
	}

	.sjh-flagship-gallery-rail img {
		transition: transform .75s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-flagship-gallery-rail video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		filter: saturate(1.04) contrast(1.03) brightness(1.05);
		transition: transform .75s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-flagship-gallery-rail figure:nth-child(3n+1) {
		aspect-ratio: 3 / 4;
	}

	.sjh-flagship-gallery-rail figure:hover img {
		transform: scale(1.06);
	}

	.sjh-flagship-gallery-rail figure:hover video {
		transform: scale(1.05);
	}

	.sjh-review-lab {
		position: relative;
		overflow: hidden;
		padding-top: clamp(82px, 9vw, 142px);
		padding-bottom: clamp(82px, 9vw, 142px);
		background:
			linear-gradient(90deg, rgba(23, 76, 63, .035) 0 1px, transparent 1px 12.5%),
			radial-gradient(circle at 84% 8%, rgba(23, 76, 63, .14), transparent 34%),
			linear-gradient(180deg, #f8faf4, #fff 38%, #edf3ea);
	}

	.sjh-review-lab::before {
		content: "\201C";
		position: absolute;
		top: clamp(12px, 4vw, 62px);
		right: clamp(16px, 5vw, 92px);
		color: rgba(23, 76, 63, .055);
		font: 900 clamp(160px, 26vw, 430px)/.72 "Inter", Arial, sans-serif;
		letter-spacing: -.08em;
		pointer-events: none;
	}

	.sjh-review-lab .sjh-flagship-section-head {
		margin-bottom: clamp(34px, 5vw, 82px);
		padding-inline: clamp(22px, 4.8vw, 78px);
	}

	.sjh-review-option {
		position: relative;
		isolation: isolate;
		overflow: hidden;
		border: 1px solid rgba(23, 76, 63, .13);
		background: rgba(255,255,255,.68);
		box-shadow: 0 28px 90px rgba(7, 26, 22, .07);
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
	}

	.sjh-review-option + .sjh-review-option {
		margin-top: clamp(22px, 3.2vw, 52px);
	}

	.sjh-review-option::before {
		content: "";
		position: absolute;
		inset: clamp(10px, 1vw, 18px);
		z-index: 3;
		border: 1px solid rgba(23, 76, 63, .22);
		opacity: 0;
		transform: scale(.985);
		transition: opacity .38s ease, transform .58s cubic-bezier(.16, 1, .3, 1);
		pointer-events: none;
	}

	.sjh-review-option::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		background: radial-gradient(circle at var(--demo-mx, 70%) var(--demo-my, 20%), rgba(23, 76, 63, .12), transparent 28%);
		opacity: .62;
		pointer-events: none;
	}

	.sjh-review-option:hover::before {
		opacity: 1;
		transform: scale(1);
	}

	.sjh-review-option-head {
		position: relative;
		z-index: 2;
		display: grid;
		gap: 12px;
		align-content: start;
	}

	.sjh-review-option-head span {
		width: fit-content;
		color: var(--flag-green);
		font: 820 11px/1 "Inter", Arial, sans-serif;
		letter-spacing: .14em;
		text-transform: uppercase;
	}

	.sjh-review-option-head h3 {
		margin: 0;
		color: var(--flag-dark);
		font-size: clamp(32px, 4.4vw, 76px);
		line-height: .96;
		letter-spacing: -.055em;
		text-wrap: balance;
	}

	.sjh-review-option blockquote {
		margin: 0;
		text-wrap: balance;
	}

	.sjh-review-option p {
		margin: 0;
	}

	.sjh-review-option small {
		display: block;
		margin-top: 6px;
		color: rgba(7, 26, 22, .54);
		font: 760 11px/1.3 "Inter", Arial, sans-serif;
		letter-spacing: .1em;
		text-transform: uppercase;
	}

	.sjh-review-editorial {
		padding: clamp(26px, 4.2vw, 72px);
	}

	.sjh-review-editorial-grid {
		position: relative;
		z-index: 2;
		display: grid;
		grid-template-columns: minmax(0, 1.08fr) minmax(310px, .72fr);
		gap: clamp(30px, 5vw, 92px);
		align-items: end;
		margin-top: clamp(30px, 5vw, 80px);
	}

	.sjh-review-editorial-grid > blockquote {
		max-width: 1120px;
		color: var(--flag-green);
		font-size: clamp(38px, 6.1vw, 118px);
		font-weight: 760;
		line-height: .93;
		letter-spacing: -.072em;
	}

	.sjh-review-editorial-grid > blockquote span {
		display: inline-block;
		margin-right: .04em;
		color: rgba(23, 76, 63, .28);
	}

	.sjh-review-editorial-side {
		display: grid;
		gap: clamp(22px, 2.7vw, 38px);
	}

	.sjh-review-editorial-side > p {
		color: var(--flag-dark);
		font-size: clamp(18px, 1.55vw, 25px);
		font-weight: 760;
		line-height: 1.2;
	}

	.sjh-review-mini-list {
		display: grid;
		gap: 0;
		border-top: 1px solid rgba(23, 76, 63, .18);
	}

	.sjh-review-mini-list article {
		display: grid;
		gap: 14px;
		padding: clamp(18px, 1.8vw, 28px) 0;
		border-bottom: 1px solid rgba(23, 76, 63, .18);
		transition: padding-left .34s cubic-bezier(.16, 1, .3, 1), color .28s ease;
	}

	.sjh-review-mini-list article:hover {
		padding-left: 14px;
	}

	.sjh-review-mini-list blockquote {
		color: var(--flag-dark);
		font-size: clamp(17px, 1.3vw, 22px);
		font-weight: 650;
		line-height: 1.28;
		letter-spacing: -.025em;
	}

	.sjh-review-mini-list p {
		color: var(--flag-green);
		font: 800 11px/1 "Inter", Arial, sans-serif;
		letter-spacing: .12em;
		text-transform: uppercase;
	}

	.sjh-review-orbit {
		min-height: clamp(620px, 58vw, 820px);
		display: grid;
		align-items: center;
		padding: clamp(28px, 4vw, 66px);
		background:
			radial-gradient(circle at 50% 50%, rgba(220,232,220,.2), transparent 34%),
			linear-gradient(135deg, #0a241e, #15473b 58%, #6d8f80);
		color: #fff;
	}

	.sjh-review-orbit::before {
		border-color: rgba(220,232,220,.26);
	}

	.sjh-review-orbit::after {
		background: radial-gradient(circle at var(--demo-mx, 56%) var(--demo-my, 48%), rgba(220,232,220,.18), transparent 24%);
	}

	.sjh-review-orbit .sjh-review-option-head {
		position: absolute;
		left: clamp(28px, 4vw, 66px);
		top: clamp(28px, 4vw, 66px);
	}

	.sjh-review-orbit .sjh-review-option-head h3,
	.sjh-review-orbit .sjh-review-option-head span {
		color: #fff;
	}

	.sjh-review-orbit-rings,
	.sjh-review-orbit-rings::before,
	.sjh-review-orbit-rings::after {
		position: absolute;
		inset: 50% auto auto 50%;
		width: min(76vw, 760px);
		aspect-ratio: 1;
		border: 1px solid rgba(220,232,220,.16);
		border-radius: 50%;
		transform: translate(-50%, -50%);
		pointer-events: none;
	}

	.sjh-review-orbit-rings::before,
	.sjh-review-orbit-rings::after {
		content: "";
		width: 72%;
	}

	.sjh-review-orbit-rings::after {
		width: 118%;
		border-color: rgba(220,232,220,.09);
	}

	.sjh-review-orbit-core {
		position: relative;
		z-index: 2;
		width: min(760px, 62vw);
		margin: 0 auto;
		text-align: center;
	}

	.sjh-review-orbit-core blockquote {
		font-size: clamp(34px, 5vw, 82px);
		font-weight: 760;
		line-height: 1;
		letter-spacing: -.062em;
	}

	.sjh-review-orbit-core p {
		margin-top: clamp(20px, 2vw, 32px);
		color: rgba(255,255,255,.92);
		font-size: clamp(17px, 1.4vw, 22px);
		font-weight: 760;
	}

	.sjh-review-orbit-core small {
		color: rgba(255,255,255,.58);
	}

	.sjh-review-orbit-notes {
		position: absolute;
		inset: auto clamp(28px, 4vw, 66px) clamp(28px, 4vw, 66px);
		z-index: 2;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 14px;
	}

	.sjh-review-card {
		position: relative;
		padding: clamp(18px, 2vw, 28px);
		border: 1px solid rgba(220,232,220,.2);
		background: rgba(246,248,243,.08);
		backdrop-filter: blur(12px);
		-webkit-backdrop-filter: blur(12px);
		transition: transform .38s cubic-bezier(.16, 1, .3, 1), background .28s ease;
	}

	.sjh-review-card:hover {
		transform: translateY(-6px);
		background: rgba(246,248,243,.14);
	}

	.sjh-review-card blockquote {
		color: rgba(255,255,255,.88);
		font-size: clamp(15px, 1.15vw, 19px);
		font-weight: 620;
		line-height: 1.32;
		letter-spacing: -.02em;
	}

	.sjh-review-card p {
		margin-top: 18px;
		color: #dce8dc;
		font: 820 11px/1 "Inter", Arial, sans-serif;
		letter-spacing: .12em;
		text-transform: uppercase;
	}

	.sjh-review-ribbons {
		margin-top: clamp(12px, 2vw, 30px);
		padding: clamp(30px, 4.4vw, 76px) 0;
		border-radius: clamp(26px, 4vw, 54px);
		border-color: rgba(23, 76, 63, .1);
		background:
			linear-gradient(135deg, rgba(255,255,255,.82), rgba(237,243,234,.74)),
			radial-gradient(circle at 20% 18%, rgba(23, 76, 63, .1), transparent 30%);
		box-shadow:
			0 32px 110px rgba(7, 26, 22, .075),
			inset 0 1px 0 rgba(255,255,255,.7);
	}

	.sjh-review-ribbons .sjh-review-option-head {
		padding: 0 clamp(26px, 4vw, 68px);
	}

	.sjh-review-ribbon-stage {
		position: relative;
		display: grid;
		gap: clamp(12px, 1.2vw, 18px);
		margin-top: clamp(28px, 4vw, 62px);
		padding-block: clamp(6px, 1vw, 14px);
		overflow: hidden;
	}

	.sjh-review-ribbon-stage::before,
	.sjh-review-ribbon-stage::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: 2;
		width: clamp(44px, 10vw, 160px);
		pointer-events: none;
	}

	.sjh-review-ribbon-stage::before {
		left: 0;
		background: linear-gradient(90deg, #fff, transparent);
	}

	.sjh-review-ribbon-stage::after {
		right: 0;
		background: linear-gradient(270deg, #edf3ea, transparent);
	}

	.sjh-review-ribbon-row {
		display: flex;
		width: max-content;
		gap: clamp(12px, 1.2vw, 18px);
		animation: sjhReviewRibbon 50s linear infinite;
	}

	.sjh-review-ribbon-row:nth-child(2) {
		margin-left: -22vw;
		animation-duration: 60s;
		animation-direction: reverse;
	}

	.sjh-review-ribbon-row:nth-child(3) {
		margin-left: -10vw;
		animation-duration: 56s;
	}

	.sjh-review-ribbon-row blockquote {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: clamp(18px, 2vw, 34px);
		align-items: end;
		width: clamp(430px, 38vw, 680px);
		min-height: clamp(142px, 13vw, 220px);
		padding: clamp(24px, 2.6vw, 42px);
		border: 1px solid rgba(23, 76, 63, .13);
		background: rgba(255,255,255,.78);
		color: var(--flag-dark);
		font-size: clamp(20px, 1.75vw, 34px);
		font-weight: 650;
		line-height: 1.12;
		letter-spacing: -.04em;
		box-shadow: 0 18px 52px rgba(7, 26, 22, .055);
		transition:
			background .28s ease,
			border-color .28s ease,
			box-shadow .28s ease,
			color .28s ease,
			transform .34s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-review-ribbon-row blockquote:hover {
		transform: translateY(-4px);
		background: var(--flag-green);
		border-color: rgba(23, 76, 63, .36);
		color: #fff;
		box-shadow: 0 24px 70px rgba(7, 26, 22, .13);
	}

	.sjh-review-ribbon-row span {
		color: var(--flag-green);
		font: 820 11px/1.25 "Inter", Arial, sans-serif;
		letter-spacing: .12em;
		text-transform: uppercase;
		writing-mode: vertical-rl;
		transform: rotate(180deg);
	}

	.sjh-review-ribbon-row blockquote:hover span {
		color: rgba(255,255,255,.72);
	}

	.sjh-review-media {
		display: grid;
		grid-template-columns: minmax(0, .92fr) minmax(360px, .78fr);
		gap: clamp(18px, 2vw, 34px);
		padding: clamp(18px, 1.8vw, 30px);
		background:
			linear-gradient(135deg, #eff4eb, #fff 58%, #e2ece0);
	}

	.sjh-review-media-frame {
		position: relative;
		min-height: clamp(520px, 46vw, 760px);
		overflow: hidden;
		background: var(--flag-dark);
	}

	.sjh-review-media-frame::after {
		content: "";
		position: absolute;
		inset: 0;
		background:
			linear-gradient(0deg, rgba(7,26,22,.46), transparent 42%),
			radial-gradient(circle at var(--demo-mx, 70%) var(--demo-my, 26%), rgba(220,232,220,.24), transparent 24%);
		pointer-events: none;
	}

	.sjh-review-media-frame video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		filter: saturate(1.03) contrast(1.04) brightness(1.06);
		transition: transform 1s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-review-media:hover .sjh-review-media-frame video {
		transform: scale(1.035);
	}

	.sjh-review-media-copy {
		display: grid;
		gap: clamp(14px, 1.5vw, 22px);
		align-content: stretch;
	}

	.sjh-review-media-quote {
		display: grid;
		gap: clamp(18px, 1.8vw, 26px);
		align-content: space-between;
		min-height: clamp(130px, 10vw, 190px);
		padding: clamp(20px, 2.2vw, 34px);
		border: 1px solid rgba(23, 76, 63, .14);
		background: rgba(255,255,255,.68);
		transition: transform .38s cubic-bezier(.16, 1, .3, 1), background .28s ease, border-color .28s ease;
	}

	.sjh-review-media-quote:hover {
		transform: translateX(-8px);
		border-color: rgba(23, 76, 63, .28);
		background: rgba(255,255,255,.86);
	}

	.sjh-review-media-quote blockquote {
		color: var(--flag-dark);
		font-size: clamp(18px, 1.45vw, 26px);
		font-weight: 660;
		line-height: 1.18;
		letter-spacing: -.03em;
	}

	.sjh-review-media-quote p {
		color: var(--flag-green);
		font-size: clamp(15px, 1.2vw, 18px);
		font-weight: 780;
		line-height: 1.2;
	}

	.sjh-review-ledger {
		padding: clamp(26px, 4vw, 70px);
		background:
			linear-gradient(90deg, rgba(23,76,63,.045) 0 1px, transparent 1px 25%),
			linear-gradient(180deg, #fbfcf8, #eef4ea);
	}

	.sjh-review-ledger-list {
		position: relative;
		z-index: 2;
		display: grid;
		margin-top: clamp(26px, 4vw, 60px);
		border-top: 1px solid rgba(23, 76, 63, .18);
	}

	.sjh-review-ledger-row {
		display: grid;
		grid-template-columns: minmax(54px, .12fr) minmax(0, 1.16fr) minmax(260px, .52fr);
		gap: clamp(18px, 3vw, 62px);
		align-items: start;
		padding: clamp(22px, 2.7vw, 42px) 0;
		border-bottom: 1px solid rgba(23, 76, 63, .18);
		transition: padding-inline .38s cubic-bezier(.16, 1, .3, 1), border-color .28s ease;
	}

	.sjh-review-ledger-row:hover {
		padding-inline: clamp(10px, 1vw, 18px);
		border-color: rgba(23, 76, 63, .36);
	}

	.sjh-review-ledger-row > span {
		color: var(--flag-green);
		font: 820 12px/1 "Inter", Arial, sans-serif;
		letter-spacing: .12em;
	}

	.sjh-review-ledger-row blockquote {
		color: var(--flag-dark);
		font-size: clamp(24px, 2.6vw, 48px);
		font-weight: 720;
		line-height: 1.04;
		letter-spacing: -.055em;
	}

	.sjh-review-ledger-row p {
		color: var(--flag-green);
		font-size: clamp(16px, 1.3vw, 20px);
		font-weight: 780;
		line-height: 1.25;
	}

	@keyframes sjhReviewRibbon {
		from { transform: translate3d(0, 0, 0); }
		to { transform: translate3d(-50%, 0, 0); }
	}

	.sjh-flagship-footer-lab {
		position: relative;
		overflow: hidden;
		background:
			radial-gradient(circle at 82% 16%, rgba(37, 104, 88, .16), transparent 30%),
			linear-gradient(180deg, #eef4ea, #fbfcf7 58%, #dbe6db);
	}

	.sjh-flagship-footer-lab::before {
		content: "";
		position: absolute;
		inset: 0;
		background:
			linear-gradient(118deg, transparent 0 42%, rgba(255, 255, 255, .58) 45%, transparent 49%),
			repeating-linear-gradient(90deg, rgba(23, 76, 63, .04) 0 1px, transparent 1px 96px);
		opacity: .7;
		pointer-events: none;
	}

	.sjh-footer-lab-grid {
		position: relative;
		z-index: 1;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: clamp(16px, 1.5vw, 26px);
		margin-top: clamp(44px, 6vw, 92px);
	}

	.sjh-footer-concept {
		position: relative;
		min-height: clamp(330px, 28vw, 520px);
		display: grid;
		align-content: space-between;
		gap: clamp(22px, 3vw, 52px);
		padding: clamp(22px, 3vw, 46px);
		overflow: hidden;
		border: 1px solid rgba(7, 26, 22, .12);
		background: rgba(255, 255, 255, .68);
		box-shadow: 0 24px 72px rgba(7, 26, 22, .08);
		backdrop-filter: blur(16px);
		-webkit-backdrop-filter: blur(16px);
		isolation: isolate;
		transition: transform .42s cubic-bezier(.16, 1, .3, 1), border-color .32s ease, box-shadow .42s ease;
	}

	.sjh-footer-concept:hover {
		transform: translateY(-6px);
		border-color: rgba(23, 76, 63, .3);
		box-shadow: 0 32px 88px rgba(7, 26, 22, .12);
	}

	.sjh-footer-concept::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		background: radial-gradient(circle at var(--demo-mx, 76%) var(--demo-my, 20%), rgba(38, 111, 96, .22), transparent 36%);
		opacity: 0;
		transition: opacity .34s ease;
	}

	.sjh-footer-concept:hover::before {
		opacity: 1;
	}

	.sjh-footer-concept img {
		width: clamp(142px, 18vw, 250px);
		height: auto;
	}

	.sjh-footer-concept strong {
		display: block;
		max-width: 720px;
		font-size: clamp(28px, 3.35vw, 54px);
		font-weight: 820;
		line-height: .95;
		letter-spacing: -.045em;
		text-wrap: balance;
	}

	.sjh-footer-concept p {
		max-width: 560px;
		margin-top: 16px;
		font-size: clamp(15px, 1.2vw, 19px);
		color: rgba(7, 26, 22, .66);
	}

	.sjh-footer-concept nav,
	.sjh-footer-socials {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	.sjh-footer-concept a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 42px;
		padding: 0 16px;
		border: 1px solid rgba(23, 76, 63, .18);
		border-radius: 999px;
		color: var(--flag-green);
		font: 820 12px/1 "Inter", Arial, sans-serif;
		letter-spacing: .09em;
		text-transform: uppercase;
		text-decoration: none;
		transition: background .28s ease, color .28s ease, border-color .28s ease, transform .28s ease;
	}

	.sjh-footer-concept a:hover {
		background: var(--flag-green);
		border-color: var(--flag-green);
		color: #fff;
		transform: translateY(-2px);
	}

	.sjh-flagship-footer-final {
		padding: 0;
		background:
			radial-gradient(circle at 72% 26%, rgba(71, 124, 103, .24), transparent 26%),
			linear-gradient(135deg, #eef4ea, #fbfcf7 52%, #dfe9dd);
	}

	.sjh-flagship-footer-final::before {
		background:
			repeating-linear-gradient(90deg, rgba(23, 76, 63, .045) 0 1px, transparent 1px 122px),
			repeating-linear-gradient(0deg, rgba(23, 76, 63, .03) 0 1px, transparent 1px 122px);
		opacity: .72;
	}

	.sjh-flagship-footer-final .sjh-footer-concept.is-orbit {
		min-height: clamp(500px, 40vw, 680px);
		display: grid;
		grid-template-columns: minmax(0, 1.08fr) minmax(300px, .52fr);
		grid-template-rows: 1fr auto;
		align-content: center;
		align-items: center;
		gap: clamp(36px, 7vw, 120px);
		padding: clamp(40px, 5.2vw, 86px) clamp(22px, 4.8vw, 78px) clamp(30px, 4vw, 62px);
		border: 0;
		background: transparent;
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	.sjh-flagship-footer-final .sjh-footer-concept.is-orbit:hover {
		transform: none;
		border-color: transparent;
		box-shadow: none;
	}

	.sjh-flagship-footer-final .sjh-footer-concept.is-orbit::before {
		opacity: 1;
		background:
			radial-gradient(circle at 24% 28%, rgba(23, 76, 63, .12), transparent 28%),
			radial-gradient(circle at var(--demo-mx, 82%) var(--demo-my, 22%), rgba(92, 139, 116, .2), transparent 24%);
		transition: background .28s ease;
	}

	.sjh-footer-main {
		position: relative;
		z-index: 2;
		display: grid;
		gap: clamp(16px, 2vw, 28px);
		max-width: 840px;
	}

	.sjh-footer-logo {
		width: clamp(190px, 18vw, 310px);
		height: auto;
		display: block;
	}

	.sjh-flagship-footer-final .sjh-footer-concept strong {
		max-width: 800px;
		color: #071d17;
		font-size: clamp(38px, 5.2vw, 92px);
		font-weight: 850;
		line-height: .9;
		letter-spacing: -.06em;
	}

	.sjh-flagship-footer-final .sjh-footer-concept p {
		max-width: 520px;
		margin: 0;
		font-size: clamp(16px, 1.25vw, 20px);
		line-height: 1.5;
		color: rgba(7, 26, 22, .66);
	}

	.sjh-footer-mail {
		width: fit-content;
		margin-top: clamp(8px, 1vw, 14px);
		padding-bottom: 7px !important;
		border-bottom: 1px solid rgba(23, 76, 63, .48) !important;
	}

	.sjh-footer-side {
		position: relative;
		z-index: 2;
		display: grid;
		gap: clamp(28px, 4vw, 60px);
		justify-items: stretch;
		align-self: center;
	}

	.sjh-footer-link-columns {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 16px clamp(30px, 4vw, 72px) !important;
	}

	.sjh-flagship-footer-final .sjh-footer-concept a {
		min-height: 0;
		padding: 0 0 10px;
		border: 0;
		border-bottom: 1px solid rgba(23, 76, 63, .2);
		border-radius: 0;
		background: transparent;
		color: var(--flag-green);
		justify-content: flex-start;
		font-size: clamp(12px, .95vw, 14px);
		letter-spacing: .1em;
		transition: color .24s ease, border-color .24s ease, transform .24s ease;
	}

	.sjh-flagship-footer-final .sjh-footer-concept a:hover {
		background: transparent;
		border-color: rgba(23, 76, 63, .64);
		color: #071d17;
		transform: translateX(6px);
	}

	.sjh-flagship-footer-final .sjh-footer-socials {
		display: flex;
		gap: 12px;
		justify-content: flex-start;
	}

	.sjh-flagship-footer-final .sjh-footer-socials a {
		width: 46px;
		height: 46px;
		padding: 0;
		border: 1px solid rgba(23, 76, 63, .18);
		border-radius: 50%;
		align-items: center;
		justify-content: center;
	}

	.sjh-flagship-footer-final .sjh-footer-socials a:hover {
		background: var(--flag-green);
		border-color: var(--flag-green);
		color: #fff;
		transform: translateY(-3px);
	}

	.sjh-footer-bottom {
		position: relative;
		z-index: 2;
		grid-column: 1 / -1;
		align-self: end;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 18px;
		padding-top: clamp(28px, 4vw, 62px);
		border-top: 1px solid rgba(23, 76, 63, .16);
		color: rgba(7, 26, 22, .56);
		font: 640 13px/1.4 "Inter", Arial, sans-serif;
	}

	.sjh-footer-ambient {
		position: absolute;
		inset: 0;
		z-index: 0;
		display: flex;
		align-items: center;
		gap: clamp(26px, 5vw, 82px);
		white-space: nowrap;
		opacity: .08;
		transform: rotate(-6deg) translateX(-8%);
		animation: sjhFooterAmbient 34s linear infinite;
		pointer-events: none;
	}

	.sjh-footer-ambient span {
		color: var(--flag-green);
		font: 860 clamp(92px, 13vw, 210px)/.82 "Inter", Arial, sans-serif;
		letter-spacing: -.08em;
	}

	.sjh-footer-orbit {
		position: absolute;
		right: -12%;
		top: -22%;
		z-index: -1;
		width: clamp(280px, 36vw, 620px);
		aspect-ratio: 1;
		border: 1px solid rgba(23, 76, 63, .13);
		border-radius: 50%;
		animation: sjhFooterOrbit 18s linear infinite;
	}

	.sjh-footer-orbit.is-second {
		right: auto;
		left: -18%;
		top: auto;
		bottom: -42%;
		width: clamp(340px, 42vw, 720px);
		animation-duration: 26s;
		animation-direction: reverse;
		opacity: .72;
	}

	.sjh-footer-orbit::before,
	.sjh-footer-orbit::after {
		content: "";
		position: absolute;
		border: 1px solid rgba(23, 76, 63, .12);
		border-radius: 50%;
	}

	.sjh-footer-orbit::before {
		inset: 16%;
	}

	.sjh-footer-orbit::after {
		inset: 34%;
		background: rgba(23, 76, 63, .05);
	}

	.sjh-footer-concept.is-marquee {
		background: linear-gradient(135deg, rgba(13, 49, 40, .94), rgba(35, 93, 79, .92));
		color: #fff;
	}

	.sjh-footer-concept.is-marquee p,
	.sjh-footer-concept.is-marquee a {
		color: rgba(255, 255, 255, .82);
	}

	.sjh-footer-concept.is-marquee a {
		border-color: rgba(255, 255, 255, .2);
	}

	.sjh-footer-concept.is-marquee a:hover {
		background: #fff;
		border-color: #fff;
		color: var(--flag-green);
	}

	.sjh-footer-concept.is-marquee img {
		padding: 8px 10px;
		border-radius: 999px;
		background: rgba(255, 255, 255, .88);
	}

	.sjh-footer-marquee {
		display: flex;
		width: max-content;
		gap: 18px;
		margin: -8px 0 clamp(18px, 2vw, 32px) -2px;
		color: rgba(255, 255, 255, .22);
		font-size: clamp(46px, 7vw, 116px);
		font-weight: 820;
		line-height: .82;
		letter-spacing: -.06em;
		white-space: nowrap;
		animation: sjhFooterMarquee 28s linear infinite;
	}

	.sjh-footer-columns {
		display: grid;
		grid-template-columns: minmax(0, 1.2fr) .65fr .65fr;
		gap: clamp(18px, 3vw, 52px);
		align-items: end;
	}

	.sjh-footer-columns nav {
		align-content: end;
	}

	.sjh-footer-concept.is-split {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: end;
		background:
			linear-gradient(135deg, rgba(255, 255, 255, .86), rgba(232, 240, 229, .92)),
			radial-gradient(circle at 86% 16%, rgba(23, 76, 63, .2), transparent 34%);
	}

	.sjh-footer-concept.is-split strong {
		max-width: 560px;
		font-size: clamp(28px, 3vw, 48px);
	}

	.sjh-footer-concept.is-split > div:first-child span {
		display: block;
		margin-bottom: 18px;
		color: var(--flag-green);
		font: 820 12px/1 "Inter", Arial, sans-serif;
		letter-spacing: .12em;
		text-transform: uppercase;
	}

	.sjh-footer-concept.is-split > a {
		align-self: center;
		min-height: 56px;
		padding-inline: 22px;
		background: var(--flag-green);
		color: #fff;
	}

	.sjh-footer-concept.is-split > a:hover {
		background: #0d332b;
	}

	.sjh-footer-socials {
		grid-column: 1 / -1;
		justify-content: flex-end;
	}

	.sjh-footer-socials a {
		width: 46px;
		min-height: 46px;
		padding: 0;
	}

	.sjh-footer-concept.is-phone {
		min-height: auto;
		align-content: start;
		background:
			linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(230, 238, 226, .92)),
			radial-gradient(circle at 50% 100%, rgba(23, 76, 63, .2), transparent 46%);
		border-radius: 34px;
	}

	.sjh-footer-phone-top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
		padding-bottom: clamp(18px, 2vw, 28px);
		border-bottom: 1px solid rgba(23, 76, 63, .12);
	}

	.sjh-footer-phone-top img {
		width: clamp(136px, 16vw, 210px);
	}

	.sjh-footer-phone-top a {
		min-height: auto;
		padding: 0;
		border: 0;
		border-radius: 0;
	}

	.sjh-footer-concept.is-phone nav {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.sjh-footer-concept.is-phone nav a {
		min-height: 60px;
		border-radius: 18px;
		background: rgba(255, 255, 255, .62);
	}

	.sjh-flagship-cta {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: clamp(28px, 5vw, 76px);
		align-items: end;
		background:
			linear-gradient(135deg, #e8f0e4, #fbfbf7 62%, #dbe3d7);
		border-top: 1px solid rgba(23, 76, 63, .18);
	}

	.sjh-flagship-cta div {
		display: grid;
		gap: 20px;
	}

	.sjh-flagship-cta p {
		max-width: 760px;
	}

	.sjh-flagship-cta a {
		color: var(--flag-green);
	}

	@keyframes sjhFlagshipDrift {
		from {
			transform: scale(1.02) translate3d(0, 0, 0);
		}
		to {
			transform: scale(1.08) translate3d(-1.2%, 1%, 0);
		}
	}

	@keyframes sjhFlagshipFloat {
		from {
			transform: translate3d(0, 0, 0) rotate(-4deg);
		}
		to {
			transform: translate3d(0, -18px, 0) rotate(-2deg);
		}
	}

	@keyframes sjhFlagshipRibbon {
		from {
			transform: translate3d(0, 0, 0);
		}
		to {
			transform: translate3d(calc(-50% - clamp(7px, .675vw, 12px)), 0, 0);
		}
	}

	@keyframes sjhFlagshipRibbonReverse {
		from {
			transform: translate3d(calc(-50% - clamp(7px, .675vw, 12px)), 0, 0);
		}
		to {
			transform: translate3d(0, 0, 0);
		}
	}

	@keyframes sjhFlagshipRail {
		from {
			transform: translateX(0);
		}
		to {
			transform: translateX(calc(-50% - 9px));
		}
	}

	@keyframes sjhFooterOrbit {
		from {
			transform: rotate(0deg);
		}
		to {
			transform: rotate(360deg);
		}
	}

	@keyframes sjhFooterMarquee {
		from {
			transform: translateX(0);
		}
		to {
			transform: translateX(calc(-50% - 9px));
		}
	}

	@keyframes sjhFooterAmbient {
		from {
			transform: rotate(-6deg) translate3d(-8%, 0, 0);
		}
		to {
			transform: rotate(-6deg) translate3d(-42%, 0, 0);
		}
	}

	@media (max-width: 1180px) {
		.sjh-demo-demo13 .sjh-demo-switcher {
			top: 92px;
			right: 18px;
			bottom: auto;
			transform: none;
			transform-origin: top right;
		}

		.sjh-demo-demo13 .sjh-demo-switcher:hover,
		.sjh-demo-demo13 .sjh-demo-switcher:focus-within {
			transform: translateY(-3px);
		}

		.sjh-flagship-hero-option.is-quartet .sjh-hero-content {
			margin-left: 0;
			padding-top: 0;
		}

		.sjh-hero-quartet {
			inset: 88px 18px 36px;
			opacity: .72;
		}

		.sjh-hero-lens {
			width: min(90vw, 820px);
			opacity: .8;
		}

		.sjh-hero-lens-strip {
			display: none;
		}

		.sjh-flagship-hero-copy,
		.sjh-flagship-section-head,
		.sjh-flagship-showcase-head,
		.sjh-flagship-process,
		.sjh-flagship-sequence-stage,
		.sjh-review-editorial-grid,
		.sjh-review-media,
		.sjh-review-ledger-row,
		.sjh-flagship-cta {
			grid-template-columns: 1fr;
		}

		.sjh-review-orbit {
			min-height: auto;
			align-items: stretch;
			gap: clamp(26px, 4vw, 54px);
		}

		.sjh-review-orbit .sjh-review-option-head {
			position: relative;
			left: auto;
			top: auto;
		}

		.sjh-review-orbit-core {
			width: min(100%, 760px);
			margin: 0;
			text-align: left;
		}

		.sjh-review-orbit-notes {
			position: relative;
			inset: auto;
			grid-template-columns: 1fr;
		}

		.sjh-review-media-frame {
			min-height: clamp(360px, 54vw, 620px);
		}

		.sjh-review-media-quote:hover {
			transform: translateY(-4px);
		}

		.sjh-flagship-sequence-video {
			position: relative;
			top: auto;
			max-height: none;
		}

		.sjh-flagship-sequence-media-track {
			display: block;
			min-height: 0;
		}

		.sjh-flagship-work-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			grid-auto-rows: clamp(220px, 28vw, 340px);
		}

		.sjh-flagship-work-card,
		.sjh-flagship-work-card.is-video,
		.sjh-flagship-work-card:nth-child(4),
		.sjh-flagship-work-card:nth-child(5),
		.sjh-flagship-work-card:nth-child(6),
		.sjh-flagship-work-card:nth-child(7) {
			grid-column: span 1;
			grid-row: span 1;
		}

		.sjh-flagship-work-card.is-video {
			grid-column: 1 / -1;
			grid-row: span 2;
		}

		.sjh-footer-lab-grid {
			grid-template-columns: 1fr;
		}

		.sjh-footer-columns,
		.sjh-footer-concept.is-split {
			grid-template-columns: 1fr;
		}

		.sjh-footer-socials {
			justify-content: flex-start;
		}

		.sjh-flagship-footer-final .sjh-footer-concept.is-orbit {
			grid-template-columns: 1fr;
			min-height: auto;
		}

		.sjh-footer-side {
			max-width: 720px;
		}

		.sjh-flagship-process-media {
			position: relative;
			top: auto;
		}
	}

	@media (max-width: 760px) {
		.sjh-demo-demo13 .sjh-demo-switcher {
			position: fixed;
			top: auto;
			left: 12px;
			right: 12px;
			bottom: max(12px, env(safe-area-inset-bottom));
			width: auto;
			justify-content: space-between;
			border-radius: 22px;
			padding: 8px;
			transform: none;
		}

		.sjh-demo-demo13 .sjh-demo-switcher:hover,
		.sjh-demo-demo13 .sjh-demo-switcher:focus-within {
			transform: translateY(-2px);
		}

		.sjh-demo-demo13 .sjh-demo-switcher span {
			display: none;
		}

		.sjh-demo-demo13 .sjh-demo-switcher a {
			width: 38px;
			height: 38px;
		}

		.sjh-flagship-hero,
		.sjh-flagship-hero-option {
			min-height: 100svh;
			padding-top: 96px;
		}

		.sjh-flagship-hero-option {
			padding-inline: 18px;
			padding-bottom: 72px;
		}

		.sjh-hero-content {
			max-width: none;
			gap: 16px;
		}

		.sjh-hero-logo {
			width: clamp(136px, 52vw, 190px);
			padding: 6px 8px;
		}

		.sjh-hero-content p {
			max-width: 92vw;
			font-size: clamp(18px, 5.2vw, 23px);
			line-height: 1.28;
		}

		.sjh-flagship h1 {
			font-size: clamp(50px, 16.4vw, 90px);
			letter-spacing: -.065em;
		}

		.sjh-hero-content h1 {
			gap: .12em;
		}

		.sjh-flagship h2 {
			font-size: clamp(40px, 12vw, 70px);
		}

		.sjh-flagship-hero-index,
		.sjh-flagship-work-grid {
			grid-template-columns: 1fr;
			grid-auto-rows: auto;
		}

		.sjh-hero-quartet {
			grid-template-columns: 1fr 1fr;
			inset: 92px 12px 24px;
			opacity: .48;
		}

		.sjh-hero-quartet video:first-child {
			grid-row: span 1;
		}

		.sjh-hero-lens {
			right: -48vw;
			width: 128vw;
			opacity: .54;
		}

		.sjh-hero-ribbons {
			gap: 10px;
			inset: -8% -98%;
			padding: 84px 0 120px;
			transform: translate3d(0, var(--hero-parallax-y), 0) rotate(-8deg) scale(1.24);
			opacity: .68;
		}

		.sjh-hero-ribbons > div {
			animation-duration: 76s;
		}

		.sjh-hero-ribbons > div:nth-child(2) {
			animation-duration: 84s;
		}

		.sjh-hero-ribbons video {
			flex-basis: 78vw;
			width: 78vw;
			height: 44vw;
		}

		.sjh-hero-mobile-note {
			left: 18px;
			right: auto;
			bottom: 28px;
		}

		.sjh-flagship-work-card,
		.sjh-flagship-work-card.is-video,
		.sjh-flagship-work-card:nth-child(4),
		.sjh-flagship-work-card:nth-child(5),
		.sjh-flagship-work-card:nth-child(6),
		.sjh-flagship-work-card:nth-child(7) {
			grid-column: 1 / -1;
			grid-row: auto;
			min-height: 360px;
		}

		.sjh-flagship-work-card.is-video {
			min-height: 440px;
		}

		.sjh-flagship-process-media {
			grid-template-columns: 1fr;
		}

		.sjh-flagship-process-media figure {
			margin: -42px 0 0 auto;
			width: 72%;
			border-width: 8px;
		}

		.sjh-flagship-process-step {
			grid-template-columns: 1fr;
		}

		.sjh-flagship-hero-copy {
			grid-template-columns: 1fr;
		}

		.sjh-flagship-actions {
			justify-items: start;
		}

		.sjh-flagship-hero-still {
			display: none;
		}

		.sjh-flagship-sequence-item {
			grid-template-columns: 1fr;
		}

		.sjh-flagship-gallery-rail {
			animation-duration: 56s;
		}

		.sjh-footer-concept {
			min-height: auto;
			padding: 22px;
			border-radius: 24px;
		}

		.sjh-footer-concept strong {
			font-size: clamp(30px, 10vw, 48px);
		}

		.sjh-footer-concept nav,
		.sjh-footer-socials {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.sjh-footer-concept a {
			min-height: 52px;
		}

		.sjh-footer-phone-top {
			display: grid;
			align-items: start;
		}

		.sjh-review-lab {
			padding-inline: 16px;
		}

		.sjh-review-option {
			margin-inline: 0;
		}

		.sjh-review-editorial,
		.sjh-review-ledger,
		.sjh-review-ribbons {
			padding: 22px;
		}

		.sjh-review-ribbons .sjh-review-option-head {
			padding: 0;
		}

		.sjh-review-option-head h3 {
			font-size: clamp(32px, 10vw, 54px);
			letter-spacing: -.05em;
		}

		.sjh-review-editorial-grid {
			margin-top: 34px;
			gap: 26px;
		}

		.sjh-review-editorial-grid > blockquote {
			font-size: clamp(34px, 11vw, 62px);
		}

		.sjh-review-orbit {
			padding: 22px;
			min-height: auto;
		}

		.sjh-review-orbit-rings {
			width: 118vw;
			opacity: .42;
		}

		.sjh-review-orbit-core blockquote {
			font-size: clamp(34px, 10vw, 58px);
		}

		.sjh-review-card {
			padding: 20px;
		}

		.sjh-review-ribbon-stage {
			margin-inline: 0;
			overflow: visible;
		}

		.sjh-review-ribbon-stage::before,
		.sjh-review-ribbon-stage::after {
			display: none;
		}

		.sjh-review-ribbon-row {
			width: auto;
			display: grid;
			grid-template-columns: 1fr;
			margin-left: 0 !important;
			animation: none;
		}

		.sjh-review-ribbon-row:nth-child(n+2) {
			display: none;
		}

		.sjh-review-ribbon-row blockquote {
			width: 100%;
			min-height: auto;
			grid-template-columns: 1fr;
			align-items: start;
			padding: 22px;
			font-size: clamp(19px, 6vw, 28px);
		}

		.sjh-review-ribbon-row span {
			writing-mode: horizontal-tb;
			transform: none;
			align-self: end;
		}

		.sjh-review-media {
			padding: 12px;
		}

		.sjh-review-media-frame {
			min-height: 320px;
		}

		.sjh-review-media-copy {
			gap: 12px;
		}

		.sjh-review-media-quote {
			min-height: auto;
			padding: 20px;
		}

		.sjh-review-ledger-row {
			gap: 14px;
			padding-block: 24px;
		}

		.sjh-review-ledger-row:hover {
			padding-inline: 0;
		}

		.sjh-review-ledger-row blockquote {
			font-size: clamp(24px, 7vw, 38px);
		}

		.sjh-flagship-footer-final .sjh-footer-concept.is-orbit {
			padding: 46px 20px 34px;
			gap: 34px;
		}

		.sjh-flagship-footer-final .sjh-footer-concept strong {
			font-size: clamp(42px, 13vw, 74px);
		}

		.sjh-footer-link-columns {
			grid-template-columns: 1fr !important;
			gap: 13px !important;
		}

		.sjh-footer-link-columns span {
			display: none;
		}

		.sjh-flagship-footer-final .sjh-footer-concept a {
			min-height: 0;
		}

		.sjh-flagship-footer-final .sjh-footer-socials {
			display: flex;
			grid-template-columns: none;
		}

		.sjh-footer-bottom {
			display: grid;
		}

		.sjh-footer-ambient {
			opacity: .06;
		}
		}

		@media (max-width: 900px) {
			body.sjh-demo-template-demo13 header.site-header .nav:not(.is-open) {
				display: flex;
				opacity: 0;
				pointer-events: none;
				transform: translateY(18px) scale(.975);
			}

			body.sjh-demo-template-demo13 header.site-header .nav.is-open {
				display: flex;
				opacity: 1;
				pointer-events: auto;
				transform: translateY(0) scale(1);
			}

			body.sjh-demo-template-demo13 .mobile-menu-backdrop {
				background:
					radial-gradient(circle at 80% 8%, rgba(23, 76, 63, .16), transparent 28%),
					rgba(246, 248, 243, .72);
				backdrop-filter: blur(16px) saturate(1.05);
				-webkit-backdrop-filter: blur(16px) saturate(1.05);
			}

			body.sjh-demo-template-demo13 header.site-header .nav {
				top: max(80px, calc(env(safe-area-inset-top) + 78px));
				right: 12px;
				bottom: 12px;
				left: 12px;
				height: auto;
				padding: 14px;
				border: 1px solid rgba(23, 76, 63, .16);
				border-radius: 26px;
				background:
					linear-gradient(90deg, var(--sjh-metal-green) 0 5px, transparent 5px),
					radial-gradient(circle at 92% 8%, rgba(23, 76, 63, .12), transparent 30%),
					linear-gradient(135deg, rgba(255,255,255,.94), rgba(246,248,243,.88));
				box-shadow:
					0 28px 84px rgba(7, 26, 22, .18),
					inset 0 1px 0 rgba(255,255,255,.86);
				color: var(--sjh-metal-dark);
				overflow: hidden auto;
			}

			body.sjh-demo-template-demo13 header.site-header .nav::before {
				content: "Events";
				right: 16px;
				bottom: 124px;
				left: auto;
				top: auto;
				color: rgba(23, 76, 63, .045);
				font-size: clamp(88px, 24vw, 132px);
				line-height: .82;
				letter-spacing: -.09em;
				transform: rotate(-8deg);
			}

			body.sjh-demo-template-demo13 header.site-header .nav::after {
				inset: 10px;
				border-color: rgba(23, 76, 63, .08);
				border-radius: 20px;
			}

			body.sjh-demo-template-demo13 .mobile-menu-head {
				min-height: 48px;
				padding: 0 0 24px;
			}

			body.sjh-demo-template-demo13 .mobile-menu-brand {
				padding: 5px 8px;
				background: rgba(255,255,255,.78);
				box-shadow: 0 12px 34px rgba(7, 26, 22, .08);
			}

			body.sjh-demo-template-demo13 .mobile-menu-brand .sjh-logo-crop {
				width: clamp(128px, 38vw, 158px);
			}

			body.sjh-demo-template-demo13 .mobile-menu-close {
				min-height: 38px;
				padding: 0 12px;
				border-color: rgba(23, 76, 63, .14);
				background: rgba(255,255,255,.62);
				color: var(--sjh-metal-dark);
				box-shadow: inset 0 1px 0 rgba(255,255,255,.74);
			}

			body.sjh-demo-template-demo13 .mobile-menu-kicker {
				margin-bottom: 8px;
				color: var(--sjh-metal-green);
				border-bottom-color: rgba(23, 76, 63, .24);
			}

			body.sjh-demo-template-demo13 header.site-header .nav > a {
				grid-template-columns: 34px minmax(0, 1fr) 22px;
				padding: clamp(11px, 3.3vw, 16px) 0;
				border-top-color: rgba(23, 76, 63, .12);
				color: var(--sjh-metal-dark);
				font-size: clamp(34px, 9.8vw, 48px);
				line-height: .9;
				letter-spacing: -.055em !important;
			}

			body.sjh-demo-template-demo13 header.site-header .nav > a:last-of-type {
				border-bottom-color: rgba(23, 76, 63, .12);
			}

			body.sjh-demo-template-demo13 header.site-header .nav > a::after {
				width: 13px;
				height: 13px;
				color: var(--sjh-metal-green);
				opacity: .42;
			}

			body.sjh-demo-template-demo13 header.site-header .nav > a:hover,
			body.sjh-demo-template-demo13 header.site-header .nav > a:focus-visible,
			body.sjh-demo-template-demo13 header.site-header .nav > a.is-nav-lens,
			body.sjh-demo-template-demo13 header.site-header .nav > a.is-nav-lens:hover,
			body.sjh-demo-template-demo13 header.site-header .nav > a.is-nav-lens .nav-label,
			body.sjh-demo-template-demo13 header.site-header .nav > a.is-nav-lens .nav-count {
				color: var(--sjh-metal-green);
			}

			body.sjh-demo-template-demo13 .nav-count {
				color: rgba(23, 76, 63, .58);
			}

			body.sjh-demo-template-demo13 .nav-label::after {
				background: rgba(23, 76, 63, .42);
			}

			body.sjh-demo-template-demo13 .mobile-menu-cta {
				margin-top: 22px;
				padding: 16px;
				border-color: rgba(23, 76, 63, .12);
				border-radius: 18px;
				background:
					radial-gradient(circle at 88% 0%, rgba(23, 76, 63, .1), transparent 35%),
					rgba(255,255,255,.64);
				box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
			}

			body.sjh-demo-template-demo13 .mobile-menu-cta p {
				color: rgba(7, 26, 22, .72);
				font-size: clamp(14px, 3.7vw, 16px);
				line-height: 1.34;
			}

			body.sjh-demo-template-demo13 .mobile-menu-button {
				min-height: 42px;
				border-color: var(--sjh-metal-green);
				background: var(--sjh-metal-green);
				color: #fff;
			}

			body.sjh-demo-template-demo13 .mobile-menu-button:hover {
				background: transparent;
				color: var(--sjh-metal-green);
			}

			body.sjh-demo-template-demo13 .mobile-menu-contact {
				color: rgba(7, 26, 22, .58);
			}

			body.sjh-demo-template-demo13.mobile-menu-open header.site-header .nav,
			body.sjh-demo-template-demo13 header.site-header .nav.is-open,
			body.sjh-demo-template-demo13 header.site-header .nav {
				position: fixed !important;
				top: max(82px, calc(env(safe-area-inset-top) + 76px)) !important;
				right: 14px !important;
				bottom: auto !important;
				left: 14px !important;
				z-index: 9012 !important;
				width: calc(100vw - 28px) !important;
				height: min(640px, calc(100dvh - 100px)) !important;
				min-height: 0 !important;
				max-height: calc(100dvh - 100px) !important;
				display: flex !important;
				flex-direction: column !important;
				align-items: stretch !important;
				gap: 0 !important;
				padding: 14px !important;
				border: 1px solid rgba(23, 76, 63, .14) !important;
				border-radius: 24px !important;
				background:
					linear-gradient(90deg, var(--sjh-metal-green) 0 4px, transparent 4px),
					radial-gradient(circle at 100% 0%, rgba(23, 76, 63, .1), transparent 30%),
					linear-gradient(135deg, rgba(255,255,255,.96), rgba(246,248,243,.9)) !important;
				box-shadow:
					0 28px 84px rgba(7, 26, 22, .18),
					inset 0 1px 0 rgba(255,255,255,.88) !important;
				color: var(--sjh-metal-dark) !important;
				overflow: hidden auto !important;
			}

			body.sjh-demo-template-demo13 header.site-header .nav::before {
				display: none !important;
			}

			body.sjh-demo-template-demo13 header.site-header .nav::after {
				inset: 9px !important;
				border-color: rgba(23, 76, 63, .08) !important;
				border-radius: 18px !important;
			}

			body.sjh-demo-template-demo13 header.site-header .nav:not(.is-open) {
				opacity: 0 !important;
				pointer-events: none !important;
				transform: translateY(14px) scale(.98) !important;
			}

			body.sjh-demo-template-demo13 header.site-header .nav.is-open {
				opacity: 1 !important;
				pointer-events: auto !important;
				transform: translateY(0) scale(1) !important;
			}

			body.sjh-demo-template-demo13 .mobile-menu-head {
				min-height: 42px !important;
				padding: 0 0 18px !important;
			}

			body.sjh-demo-template-demo13 .mobile-menu-brand {
				padding: 4px 7px !important;
				border-radius: 999px !important;
				background: rgba(255,255,255,.72) !important;
				box-shadow: 0 10px 28px rgba(7, 26, 22, .07) !important;
			}

			body.sjh-demo-template-demo13 .mobile-menu-brand .sjh-logo-crop {
				width: clamp(122px, 35vw, 150px) !important;
			}

			body.sjh-demo-template-demo13 .mobile-menu-close {
				min-height: 36px !important;
				padding: 0 11px !important;
				border-color: rgba(23, 76, 63, .14) !important;
				background: rgba(255,255,255,.62) !important;
				color: var(--sjh-metal-dark) !important;
			}

			body.sjh-demo-template-demo13 .mobile-menu-kicker {
				margin-bottom: 8px !important;
				color: var(--sjh-metal-green) !important;
				border-bottom-color: rgba(23, 76, 63, .22) !important;
			}

			body.sjh-demo-template-demo13 header.site-header .nav > a {
				min-height: 0 !important;
				grid-template-columns: 30px minmax(0, 1fr) 18px !important;
				gap: 10px !important;
				padding: 11px 0 !important;
				border-top-color: rgba(23, 76, 63, .11) !important;
				border-radius: 0 !important;
				color: var(--sjh-metal-dark) !important;
				font-size: clamp(30px, 8.4vw, 40px) !important;
				line-height: .92 !important;
				letter-spacing: -.052em !important;
				text-transform: none !important;
			}

			body.sjh-demo-template-demo13 header.site-header .nav > a:last-of-type {
				border-bottom-color: rgba(23, 76, 63, .11) !important;
			}

			body.sjh-demo-template-demo13 header.site-header .nav > a::after {
				width: 11px !important;
				height: 11px !important;
				color: var(--sjh-metal-green) !important;
				opacity: .44 !important;
			}

			body.sjh-demo-template-demo13 .nav-count {
				color: rgba(23, 76, 63, .54) !important;
			}

			body.sjh-demo-template-demo13 .mobile-menu-cta {
				margin-top: auto !important;
				padding: 14px !important;
				border-color: rgba(23, 76, 63, .12) !important;
				border-radius: 16px !important;
				background: rgba(255,255,255,.58) !important;
			}

			body.sjh-demo-template-demo13 .mobile-menu-cta p {
				color: rgba(7, 26, 22, .68) !important;
				font-size: 14px !important;
				line-height: 1.34 !important;
			}

			body.sjh-demo-template-demo13 .mobile-menu-button {
				min-height: 40px !important;
				background: var(--sjh-metal-green) !important;
				border-color: var(--sjh-metal-green) !important;
				color: #fff !important;
			}

			body.sjh-demo-template-demo13 header.site-header .nav.is-open .mobile-menu-head,
			body.sjh-demo-template-demo13 header.site-header .nav.is-open .mobile-menu-kicker,
			body.sjh-demo-template-demo13 header.site-header .nav.is-open > a,
			body.sjh-demo-template-demo13 header.site-header .nav.is-open .mobile-menu-cta {
				opacity: 1;
				transform: translateY(0);
			}
		}

		body.sjh-demo-template-demo13 {
			--sjh-underlay-menu-width: clamp(390px, 32vw, 520px);
		}

		body.sjh-demo-template-demo13 header.site-header {
			left: clamp(10px, 2vw, 34px) !important;
			right: clamp(10px, 2vw, 34px) !important;
			width: auto !important;
			transform: none !important;
		}

		body.sjh-demo-template-demo13 header.site-header.scrolled {
			width: auto !important;
		}

		body.sjh-demo-template-demo13 .menu-toggle {
			display: inline-flex !important;
			position: relative;
			min-height: 42px;
			height: 42px;
			gap: 11px;
			padding: 0 13px 0 17px;
			border: 1px solid rgba(23, 76, 63, .16);
			border-radius: 999px;
			background: rgba(255,255,255,.72);
			box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 10px 28px rgba(7, 26, 22, .06);
			color: var(--sjh-metal-dark);
			overflow: hidden;
		}

		body.sjh-demo-template-demo13 .menu-toggle::after {
			content: "";
			position: absolute;
			inset: 4px;
			z-index: 0;
			border-radius: inherit;
			background: var(--sjh-metal-green);
			opacity: 0;
			transform: scale(.84);
			transition: opacity .28s ease, transform .42s cubic-bezier(.16, 1, .3, 1);
		}

		body.sjh-demo-template-demo13 .menu-toggle-text,
		body.sjh-demo-template-demo13 .menu-toggle-icon {
			position: relative;
			z-index: 1;
		}

		body.sjh-demo-template-demo13 .menu-toggle-text {
			font: 830 11px/1 "Inter", Arial, sans-serif;
			letter-spacing: .13em !important;
			text-transform: uppercase;
		}

		body.sjh-demo-template-demo13 .menu-toggle-icon {
			width: 17px;
			height: 11px;
		}

		body.sjh-demo-template-demo13 .menu-toggle:hover,
		body.sjh-demo-template-demo13.mobile-menu-open .menu-toggle {
			border-color: rgba(23, 76, 63, .24);
			background: rgba(255,255,255,.76);
			color: #fff;
			box-shadow: 0 14px 36px rgba(23, 76, 63, .16);
			transform: translateY(-1px);
		}

		body.sjh-demo-template-demo13 .menu-toggle:hover::after,
		body.sjh-demo-template-demo13.mobile-menu-open .menu-toggle::after {
			opacity: 1;
			transform: scale(1);
		}

		body.sjh-demo-template-demo13 .mobile-menu-backdrop {
			position: fixed !important;
			inset: 0 !important;
			z-index: 9010 !important;
			display: block !important;
			pointer-events: none;
			opacity: 0;
			visibility: hidden;
			background:
				linear-gradient(90deg, rgba(7,26,22,.18), rgba(7,26,22,.04) 54%, rgba(7,26,22,.14)),
				rgba(246, 248, 243, .56);
			backdrop-filter: blur(13px) saturate(1.02);
			-webkit-backdrop-filter: blur(13px) saturate(1.02);
			transition: opacity .46s ease, visibility 0s linear .46s;
		}

		body.sjh-demo-template-demo13 .mobile-menu-backdrop::before,
		body.sjh-demo-template-demo13 .mobile-menu-backdrop::after {
			content: "";
			position: absolute;
			right: var(--sjh-underlay-menu-width);
			width: 28px;
			height: 28px;
			background: radial-gradient(circle farthest-side at 0 100%, transparent 97%, rgba(250,251,248,.96) 100%);
			opacity: .92;
			transform-origin: 100% 0;
			transform: scale(.6);
			transition: transform .54s cubic-bezier(.16, 1, .3, 1);
		}

		body.sjh-demo-template-demo13 .mobile-menu-backdrop::before {
			top: 0;
		}

		body.sjh-demo-template-demo13 .mobile-menu-backdrop::after {
			bottom: 0;
			background: radial-gradient(circle farthest-side at 0 0, transparent 97%, rgba(250,251,248,.96) 100%);
			transform-origin: 100% 100%;
		}

		body.sjh-demo-template-demo13.mobile-menu-open .mobile-menu-backdrop {
			pointer-events: auto;
			opacity: 1;
			visibility: visible;
			transition-delay: 0s;
		}

		body.sjh-demo-template-demo13.mobile-menu-open .mobile-menu-backdrop::before,
		body.sjh-demo-template-demo13.mobile-menu-open .mobile-menu-backdrop::after {
			transform: scale(1);
		}

		body.sjh-demo-template-demo13 header.site-header .nav,
		body.sjh-demo-template-demo13.mobile-menu-open header.site-header .nav,
		body.sjh-demo-template-demo13 header.site-header .nav.is-open {
			position: fixed !important;
			top: 0 !important;
			right: 0 !important;
			bottom: 0 !important;
			left: auto !important;
			z-index: 9012 !important;
			width: var(--sjh-underlay-menu-width) !important;
			height: 100dvh !important;
			min-height: 0 !important;
			max-height: none !important;
			display: flex !important;
			flex-direction: column !important;
			align-items: stretch !important;
			gap: 0 !important;
			padding: clamp(22px, 2.6vw, 38px) clamp(22px, 2.35vw, 34px) max(24px, env(safe-area-inset-bottom)) !important;
			border: 0 !important;
			border-left: 1px solid rgba(23, 76, 63, .12) !important;
			border-radius: 0 !important;
			background:
				linear-gradient(90deg, rgba(23, 76, 63, .98) 0 5px, transparent 5px),
				radial-gradient(circle at 84% 12%, rgba(23, 76, 63, .12), transparent 28%),
				radial-gradient(circle at 10% 90%, rgba(84, 129, 111, .12), transparent 34%),
				linear-gradient(135deg, rgba(255,255,255,.98), rgba(246,248,243,.94)) !important;
			box-shadow: -28px 0 90px rgba(7, 26, 22, .18), inset 1px 0 0 rgba(255,255,255,.8) !important;
			color: var(--sjh-metal-dark) !important;
			overflow: hidden auto !important;
			overscroll-behavior: contain;
			opacity: 1 !important;
			pointer-events: none !important;
			clip-path: inset(0 0 0 100%);
			transform: translate3d(0, 0, 0) !important;
			transform-origin: 100% 50% !important;
			transition: clip-path .72s cubic-bezier(.16, 1, .3, 1), box-shadow .42s ease !important;
		}

		body.sjh-demo-template-demo13 header.site-header .nav.is-open {
			pointer-events: auto !important;
			clip-path: inset(0 0 0 0);
			transform: translate3d(0, 0, 0) !important;
		}

		body.sjh-demo-template-demo13 header.site-header .nav::before {
			content: "Occasion" !important;
			display: block !important;
			position: absolute;
			right: -20px;
			bottom: 18%;
			left: auto;
			top: auto;
			z-index: 0;
			color: rgba(23, 76, 63, .038);
			font: 900 clamp(64px, 7.4vw, 118px)/.82 "Inter", Arial, sans-serif;
			letter-spacing: -.09em !important;
			text-transform: none;
			white-space: nowrap;
			transform: rotate(-90deg) translateX(22%);
			transform-origin: 100% 50%;
			pointer-events: none;
		}

		body.sjh-demo-template-demo13 header.site-header .nav::after {
			content: "";
			position: absolute;
			inset: clamp(12px, 1.3vw, 18px);
			z-index: 0;
			border: 1px solid rgba(23, 76, 63, .08);
			border-radius: 22px;
			pointer-events: none;
		}

		body.sjh-demo-template-demo13 .mobile-menu-head,
		body.sjh-demo-template-demo13 .mobile-menu-kicker,
		body.sjh-demo-template-demo13 .mobile-menu-cta,
		body.sjh-demo-template-demo13 header.site-header .nav > a {
			position: relative;
			z-index: 2;
			opacity: 0;
			transform: translateX(24px);
			transition: opacity .5s ease, transform .68s cubic-bezier(.16, 1, .3, 1);
		}

		body.sjh-demo-template-demo13 header.site-header .nav.is-open .mobile-menu-head,
		body.sjh-demo-template-demo13 header.site-header .nav.is-open .mobile-menu-kicker,
		body.sjh-demo-template-demo13 header.site-header .nav.is-open > a,
		body.sjh-demo-template-demo13 header.site-header .nav.is-open .mobile-menu-cta {
			opacity: 1 !important;
			transform: translateX(0) !important;
		}

		body.sjh-demo-template-demo13 header.site-header .nav.is-open .mobile-menu-head { transition-delay: .12s; }
		body.sjh-demo-template-demo13 header.site-header .nav.is-open .mobile-menu-kicker { transition-delay: .17s; }
		body.sjh-demo-template-demo13 header.site-header .nav.is-open > a:nth-of-type(1) { transition-delay: .22s; }
		body.sjh-demo-template-demo13 header.site-header .nav.is-open > a:nth-of-type(2) { transition-delay: .27s; }
		body.sjh-demo-template-demo13 header.site-header .nav.is-open > a:nth-of-type(3) { transition-delay: .32s; }
		body.sjh-demo-template-demo13 header.site-header .nav.is-open > a:nth-of-type(4) { transition-delay: .37s; }
		body.sjh-demo-template-demo13 header.site-header .nav.is-open .mobile-menu-cta { transition-delay: .44s; }

		body.sjh-demo-template-demo13 .mobile-menu-head {
			display: flex !important;
			align-items: center;
			justify-content: space-between;
			gap: 18px;
			min-height: auto !important;
			padding: 0 0 clamp(28px, 5vh, 54px) !important;
		}

		body.sjh-demo-template-demo13 .mobile-menu-brand {
			display: inline-flex;
			padding: 6px 8px !important;
			border-radius: 999px !important;
			background: rgba(255,255,255,.74) !important;
			box-shadow: 0 12px 34px rgba(7, 26, 22, .08) !important;
		}

		body.sjh-demo-template-demo13 .mobile-menu-brand .sjh-logo-crop {
			width: clamp(132px, 10.8vw, 162px) !important;
		}

		body.sjh-demo-template-demo13 .mobile-menu-close {
			min-height: 38px !important;
			display: inline-flex;
			align-items: center;
			padding: 0 12px !important;
			border: 1px solid rgba(23, 76, 63, .14) !important;
			border-radius: 999px;
			background: rgba(255,255,255,.62) !important;
			color: var(--sjh-metal-dark) !important;
			font: 830 11px/1 "Inter", Arial, sans-serif !important;
			letter-spacing: .13em !important;
			text-transform: uppercase;
		}

		body.sjh-demo-template-demo13 .mobile-menu-close::before {
			width: 16px !important;
			background: currentColor !important;
		}

		body.sjh-demo-template-demo13 .mobile-menu-kicker {
			width: fit-content;
			display: inline-flex !important;
			margin: 0 0 12px !important;
			padding-bottom: 8px;
			border-bottom: 1px solid rgba(23, 76, 63, .28) !important;
			color: var(--sjh-metal-green) !important;
			font: 820 11px/1 "Inter", Arial, sans-serif !important;
			letter-spacing: .18em !important;
			text-transform: uppercase;
		}

		body.sjh-demo-template-demo13 header.site-header .nav > a {
			min-height: 0 !important;
			display: grid !important;
			grid-template-columns: 34px minmax(0, 1fr) 18px !important;
			gap: 12px !important;
			align-items: center;
			padding: clamp(16px, 2vw, 24px) 0 !important;
			border-top: 1px solid rgba(23, 76, 63, .12) !important;
			border-radius: 0 !important;
			color: var(--sjh-metal-dark) !important;
			font: 900 clamp(42px, 4.15vw, 66px)/.86 "Inter", Arial, sans-serif !important;
			letter-spacing: -.07em !important;
			text-transform: none !important;
		}

		body.sjh-demo-template-demo13 header.site-header .nav > a:last-of-type {
			border-bottom: 1px solid rgba(23, 76, 63, .12) !important;
		}

		body.sjh-demo-template-demo13 header.site-header .nav > a::before {
			display: none !important;
		}

		body.sjh-demo-template-demo13 header.site-header .nav > a::after {
			content: "";
			position: static;
			display: block !important;
			width: 10px !important;
			height: 10px !important;
			border-top: 2px solid currentColor;
			border-right: 2px solid currentColor;
			background: transparent !important;
			opacity: .38 !important;
			transform: rotate(45deg);
			transition: transform .34s cubic-bezier(.16, 1, .3, 1), opacity .24s ease;
		}

		body.sjh-demo-template-demo13 header.site-header .nav > a:hover,
		body.sjh-demo-template-demo13 header.site-header .nav > a:focus-visible,
		body.sjh-demo-template-demo13 header.site-header .nav > a.is-nav-lens,
		body.sjh-demo-template-demo13 header.site-header .nav > a.is-nav-lens:hover,
		body.sjh-demo-template-demo13 header.site-header .nav > a.is-nav-lens .nav-label,
		body.sjh-demo-template-demo13 header.site-header .nav > a.is-nav-lens .nav-count {
			color: var(--sjh-metal-green) !important;
		}

		body.sjh-demo-template-demo13 header.site-header .nav > a:hover::after,
		body.sjh-demo-template-demo13 header.site-header .nav > a:focus-visible::after {
			opacity: .88 !important;
			transform: translateX(5px) rotate(45deg);
		}

		body.sjh-demo-template-demo13 .nav-count {
			display: block;
			color: rgba(23, 76, 63, .56) !important;
			font: 850 11px/1 "Inter", Arial, sans-serif !important;
			letter-spacing: .12em !important;
			transform: translateY(-.2em);
		}

		body.sjh-demo-template-demo13 .nav-label {
			display: block;
			min-width: 0;
		}

		body.sjh-demo-template-demo13 .nav-label::after {
			bottom: -.08em !important;
			height: 2px;
			background: currentColor !important;
			opacity: .24;
		}

		body.sjh-demo-template-demo13 .mobile-menu-cta {
			display: grid !important;
			gap: 14px;
			margin: auto 0 0 !important;
			padding: clamp(17px, 2vw, 22px) !important;
			border: 1px solid rgba(23, 76, 63, .12) !important;
			border-radius: 18px !important;
			background:
				radial-gradient(circle at 100% 0%, rgba(23, 76, 63, .1), transparent 36%),
				rgba(255,255,255,.62) !important;
			box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
		}

		body.sjh-demo-template-demo13 .mobile-menu-cta p {
			max-width: 30ch;
			margin: 0;
			color: rgba(7, 26, 22, .7) !important;
			font: 540 clamp(14px, 1.2vw, 17px)/1.38 "Inter", Arial, sans-serif !important;
		}

		body.sjh-demo-template-demo13 .mobile-menu-button {
			width: fit-content;
			min-height: 40px !important;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			padding: 0 17px;
			border: 1px solid var(--sjh-metal-green) !important;
			border-radius: 999px;
			background: var(--sjh-metal-green) !important;
			color: #fff !important;
			font: 830 11px/1 "Inter", Arial, sans-serif !important;
			letter-spacing: .12em !important;
			text-transform: uppercase;
			transition: background .24s ease, color .24s ease, transform .24s ease;
		}

		body.sjh-demo-template-demo13 .mobile-menu-button:hover {
			background: transparent !important;
			color: var(--sjh-metal-green) !important;
			transform: translateY(-2px);
		}

		body.sjh-demo-template-demo13 .mobile-menu-contact {
			display: grid;
			gap: 5px;
			color: rgba(7, 26, 22, .58) !important;
			font: 520 13px/1.35 "Inter", Arial, sans-serif !important;
		}

		@media (max-width: 900px) {
			body.sjh-demo-template-demo13 {
				--sjh-underlay-menu-width: min(82vw, 344px);
			}

			body.sjh-demo-template-demo13 header.site-header {
				left: 10px !important;
				right: 10px !important;
				width: auto !important;
				height: 58px;
				padding: 0 8px 0 14px;
				border-radius: 999px;
			}

			body.sjh-demo-template-demo13 .brand .sjh-logo-crop {
				width: clamp(128px, 38vw, 160px) !important;
			}

			body.sjh-demo-template-demo13 .menu-toggle {
				min-height: 38px;
				height: 38px;
				padding: 0 11px 0 13px;
			}

			body.sjh-demo-template-demo13 .menu-toggle-text {
				font-size: 10px;
			}

			body.sjh-demo-template-demo13 .mobile-menu-backdrop::before,
			body.sjh-demo-template-demo13 .mobile-menu-backdrop::after {
				right: var(--sjh-underlay-menu-width);
				width: 22px;
				height: 22px;
			}

			body.sjh-demo-template-demo13 header.site-header .nav,
			body.sjh-demo-template-demo13.mobile-menu-open header.site-header .nav,
			body.sjh-demo-template-demo13 header.site-header .nav.is-open {
				top: max(18px, env(safe-area-inset-top)) !important;
				right: 12px !important;
				bottom: max(18px, env(safe-area-inset-bottom)) !important;
				width: var(--sjh-underlay-menu-width) !important;
				height: calc(100dvh - 36px) !important;
				padding: 13px 14px 15px !important;
				border: 1px solid rgba(23, 76, 63, .13) !important;
				border-left: 1px solid rgba(23, 76, 63, .13) !important;
				border-radius: 24px !important;
				clip-path: inset(0 0 0 100% round 24px);
				box-shadow: -18px 0 62px rgba(7, 26, 22, .16), inset 0 1px 0 rgba(255,255,255,.8) !important;
				background:
					linear-gradient(90deg, rgba(23, 76, 63, .96) 0 4px, transparent 4px),
					radial-gradient(circle at 90% 8%, rgba(23, 76, 63, .1), transparent 29%),
					linear-gradient(135deg, rgba(255,255,255,.98), rgba(246,248,243,.94)) !important;
			}

			body.sjh-demo-template-demo13 header.site-header .nav.is-open {
				clip-path: inset(0 0 0 0 round 24px);
			}

			body.sjh-demo-template-demo13 header.site-header .nav::before {
				font-size: clamp(58px, 17vw, 78px);
				bottom: 21%;
				color: rgba(23, 76, 63, .03);
			}

			body.sjh-demo-template-demo13 header.site-header .nav::after {
				inset: 9px;
				border-radius: 17px;
			}

			body.sjh-demo-template-demo13 .mobile-menu-head {
				padding-bottom: clamp(22px, 5vh, 38px) !important;
			}

			body.sjh-demo-template-demo13 .mobile-menu-brand .sjh-logo-crop {
				width: clamp(118px, 34vw, 142px) !important;
			}

			body.sjh-demo-template-demo13 .mobile-menu-close {
				min-height: 34px !important;
				padding: 0 10px !important;
				font-size: 10px !important;
			}

			body.sjh-demo-template-demo13 header.site-header .nav > a {
				grid-template-columns: 28px minmax(0, 1fr) 16px !important;
				gap: 9px !important;
				padding: 11px 0 !important;
				font-size: clamp(28px, 8vw, 37px) !important;
				line-height: .9 !important;
				letter-spacing: -.058em !important;
			}

			body.sjh-demo-template-demo13 .nav-count {
				font-size: 10px !important;
			}

			body.sjh-demo-template-demo13 .mobile-menu-cta {
				gap: 11px;
				padding: 14px !important;
				border-radius: 16px !important;
			}

			body.sjh-demo-template-demo13 .mobile-menu-cta p {
				max-width: 25ch;
				font-size: 13px !important;
				line-height: 1.34 !important;
			}

			body.sjh-demo-template-demo13 .mobile-menu-button {
				min-height: 38px !important;
				padding-inline: 14px;
				font-size: 10px !important;
			}

			body.sjh-demo-template-demo13 .mobile-menu-contact {
				font-size: 12px !important;
			}
		}

		body.sjh-demo-template-demo13 {
			--sjh-underlay-menu-width: clamp(390px, 31vw, 520px);
			--sjh-underlay-green: #174c3f;
			--sjh-underlay-green-dark: #071d17;
			--sjh-underlay-green-mid: #2d7f6c;
			--sjh-underlay-paper: #f6f8f3;
			--sjh-underlay-line: rgba(23, 76, 63, .14);
		}

		body.sjh-demo-template-demo13.sjh-underlay-open {
			overflow: hidden !important;
		}

		body.sjh-demo-template-demo13 .wp-site-blocks {
			overflow-x: clip;
		}

		body.sjh-demo-template-demo13 .wp-site-blocks > .sjh-underlay-nav {
			height: 0 !important;
			margin: 0 !important;
			padding: 0 !important;
			background: transparent !important;
			border: 0 !important;
			box-shadow: none !important;
			overflow: visible !important;
		}

		body.sjh-demo-template-demo13 .sjh-demo-demo13,
		.sjh-underlay-nav__header,
		.sjh-underlay-nav__overlay {
			transition: transform .82s cubic-bezier(.16, 1, .3, 1);
			will-change: transform;
		}

		body.sjh-demo-template-demo13.sjh-underlay-open .sjh-demo-demo13,
		body.sjh-demo-template-demo13.sjh-underlay-open .sjh-underlay-nav__header,
		body.sjh-demo-template-demo13.sjh-underlay-open .sjh-underlay-nav__overlay {
			transform: translate3d(calc(-1 * var(--sjh-underlay-menu-width)), 0, 0);
		}

		.sjh-underlay-nav,
		.sjh-underlay-nav * {
			box-sizing: border-box;
			font-family: "Inter", Arial, sans-serif;
			letter-spacing: 0;
		}

		.sjh-underlay-nav a {
			color: inherit;
			text-decoration: none;
		}

		body.sjh-demo-template-demo13 .wp-site-blocks .sjh-underlay-nav__header {
			position: fixed !important;
			z-index: 9030;
			top: clamp(18px, 2.2vw, 42px) !important;
			left: clamp(18px, 2.8vw, 50px) !important;
			right: clamp(18px, 2.8vw, 50px) !important;
			width: auto !important;
			height: auto !important;
			min-height: 0 !important;
			margin: 0 !important;
			padding: 0 !important;
			border: 0 !important;
			border-radius: 0 !important;
			background: transparent !important;
			box-shadow: none !important;
			backdrop-filter: none !important;
			-webkit-backdrop-filter: none !important;
			color: #fff;
			pointer-events: none;
		}

		body.admin-bar.sjh-demo-template-demo13 .wp-site-blocks .sjh-underlay-nav__header {
			top: calc(32px + clamp(18px, 2.2vw, 42px)) !important;
		}

		.sjh-underlay-nav__bar {
			width: 100%;
		}

		.sjh-underlay-nav__container {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 22px;
			padding: 0;
			border: 0;
			border-radius: 0;
			background: transparent;
			box-shadow: none;
			backdrop-filter: none;
			-webkit-backdrop-filter: none;
			pointer-events: auto;
		}

		.sjh-underlay-nav__logo {
			display: inline-flex;
			align-items: center;
			width: clamp(138px, 12vw, 210px);
			min-width: 0;
			padding: 0;
			filter: drop-shadow(0 14px 30px rgba(0, 0, 0, .22));
			transition: opacity .28s ease, transform .34s cubic-bezier(.16, 1, .3, 1);
		}

		.sjh-underlay-nav__logo img {
			width: 100%;
			height: auto;
			display: block;
			object-fit: contain;
		}

		.sjh-underlay-nav__toggle {
			position: relative;
			min-height: 44px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 12px;
			margin: 0;
			padding: 0 14px 0 18px;
			border: 1px solid rgba(255, 255, 255, .34);
			border-radius: 999px;
			background: rgba(7, 29, 23, .38);
			color: #fff;
			box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 14px 34px rgba(2, 12, 10, .22);
			backdrop-filter: blur(16px) saturate(1.06);
			-webkit-backdrop-filter: blur(16px) saturate(1.06);
			cursor: pointer;
			overflow: hidden;
			text-decoration: none;
			appearance: none;
			-webkit-appearance: none;
			transition:
				border-color .28s ease,
				background .28s ease,
				color .28s ease,
				transform .34s cubic-bezier(.16, 1, .3, 1),
				box-shadow .28s ease;
		}

		.sjh-underlay-nav__toggle::before {
			content: "";
			position: absolute;
			inset: 4px;
			z-index: 0;
			border-radius: inherit;
			background: var(--sjh-underlay-green);
			opacity: 0;
			transform: scale(.84);
			transition: opacity .28s ease, transform .45s cubic-bezier(.16, 1, .3, 1);
		}

		.sjh-underlay-nav__toggle:hover,
		body.sjh-underlay-open .sjh-underlay-nav__toggle {
			border-color: rgba(255, 255, 255, .54);
			background: rgba(7,29,23,.18);
			color: #fff;
			box-shadow: 0 16px 38px rgba(23, 76, 63, .17);
			transform: translateY(-1px);
		}

		.sjh-underlay-nav__toggle:hover::before,
		body.sjh-underlay-open .sjh-underlay-nav__toggle::before {
			opacity: 1;
			transform: scale(1);
		}

		.sjh-underlay-nav__toggle-text,
		.sjh-underlay-nav__toggle-icon {
			position: relative;
			z-index: 1;
		}

		.sjh-underlay-nav__toggle-text {
			height: 11px;
			min-width: 48px;
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			overflow: hidden;
		}

		.sjh-underlay-nav__toggle-label {
			display: block;
			height: 11px;
			font: 830 11px/11px "Inter", Arial, sans-serif;
			letter-spacing: .13em;
			text-transform: uppercase;
			text-decoration: none;
			transition: transform .45s cubic-bezier(.16, 1, .3, 1);
		}

		body.sjh-underlay-open .sjh-underlay-nav__toggle-label {
			transform: translateY(-100%);
		}

		.sjh-underlay-nav__toggle-icon {
			width: 19px;
			height: 14px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			gap: 6px;
		}

		.sjh-underlay-nav__toggle-icon span {
			width: 100%;
			height: 2px;
			display: block;
			border-radius: 99px;
			background: currentColor;
			transform-origin: 50% 50%;
			transition: transform .45s cubic-bezier(.16, 1, .3, 1);
		}

		body.sjh-underlay-open .sjh-underlay-nav__toggle-icon span:first-child {
			transform: translateY(4px) rotate(45deg);
		}

		body.sjh-underlay-open .sjh-underlay-nav__toggle-icon span:last-child {
			transform: translateY(-4px) rotate(-45deg);
		}

		.sjh-underlay-nav__menu {
			position: fixed;
			z-index: 9020;
			top: 0;
			right: 0;
			bottom: 0;
			width: var(--sjh-underlay-menu-width);
			color: var(--sjh-underlay-green-dark);
			background:
				linear-gradient(90deg, var(--sjh-underlay-green) 0 5px, transparent 5px),
				radial-gradient(circle at 86% 12%, rgba(23, 76, 63, .12), transparent 28%),
				radial-gradient(circle at 6% 90%, rgba(84, 129, 111, .12), transparent 34%),
				linear-gradient(135deg, rgba(255,255,255,.98), rgba(246,248,243,.94));
			box-shadow: -30px 0 94px rgba(7, 26, 22, .18), inset 1px 0 0 rgba(255,255,255,.82);
			pointer-events: none;
			clip-path: inset(0 0 0 100%);
			transition: clip-path .82s cubic-bezier(.16, 1, .3, 1);
			overflow: hidden;
		}

		.sjh-underlay-nav__menu.is-open {
			pointer-events: auto;
			clip-path: inset(0 0 0 0);
		}

		.sjh-underlay-nav__menu::before {
			content: "Occasion";
			position: absolute;
			right: -18px;
			bottom: 15%;
			z-index: 0;
			color: rgba(23, 76, 63, .04);
			font: 900 clamp(68px, 7.8vw, 124px)/.82 "Inter", Arial, sans-serif;
			letter-spacing: -.09em;
			white-space: nowrap;
			transform: rotate(-90deg) translateX(20%);
			transform-origin: 100% 50%;
			pointer-events: none;
		}

		.sjh-underlay-nav__menu::after {
			content: "";
			position: absolute;
			inset: clamp(12px, 1.3vw, 18px);
			z-index: 0;
			border: 1px solid rgba(23, 76, 63, .08);
			border-radius: 22px;
			pointer-events: none;
		}

		.sjh-underlay-nav__inner {
			position: relative;
			z-index: 1;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			gap: 34px;
			padding: clamp(88px, 7vw, 128px) clamp(22px, 2.45vw, 38px) max(24px, env(safe-area-inset-bottom));
			overflow: auto;
			overscroll-behavior: contain;
		}

		.sjh-underlay-nav__eyebrow {
			width: fit-content;
			margin: 0 0 clamp(16px, 2vw, 28px);
			padding-bottom: 8px;
			border-bottom: 1px solid rgba(23, 76, 63, .28);
			color: var(--sjh-underlay-green);
			font: 820 11px/1 "Inter", Arial, sans-serif;
			letter-spacing: .18em;
			text-transform: uppercase;
		}

		.sjh-underlay-nav__list {
			display: flex;
			flex-direction: column;
			margin: 0;
			padding: 0;
			list-style: none;
		}

		.sjh-underlay-nav__list li {
			margin: 0;
			padding: 0;
		}

		.sjh-underlay-nav__link-large {
			position: relative;
			display: grid;
			grid-template-columns: 36px minmax(0, 1fr) 18px;
			gap: 12px;
			align-items: center;
			padding: clamp(16px, 2vw, 24px) 0;
			border-top: 1px solid rgba(23, 76, 63, .12);
			color: var(--sjh-underlay-green-dark);
			overflow: hidden;
			transition: color .24s ease;
		}

		.sjh-underlay-nav__list li:last-child .sjh-underlay-nav__link-large {
			border-bottom: 1px solid rgba(23, 76, 63, .12);
		}

		.sjh-underlay-nav__link-large::before {
			content: "";
			position: absolute;
			inset: 8px -8px;
			z-index: -1;
			border-radius: 18px;
			background: rgba(23, 76, 63, .075);
			transform: translateX(-104%);
			transition: transform .45s cubic-bezier(.16, 1, .3, 1);
		}

		.sjh-underlay-nav__link-large::after {
			content: "";
			width: 10px;
			height: 10px;
			border-top: 2px solid currentColor;
			border-right: 2px solid currentColor;
			opacity: .38;
			transform: rotate(45deg);
			transition: opacity .24s ease, transform .34s cubic-bezier(.16, 1, .3, 1);
		}

		.sjh-underlay-nav__link-large:hover,
		.sjh-underlay-nav__link-large:focus-visible {
			color: var(--sjh-underlay-green);
		}

		.sjh-underlay-nav__link-large:hover::before,
		.sjh-underlay-nav__link-large:focus-visible::before {
			transform: translateX(0);
		}

		.sjh-underlay-nav__link-large:hover::after,
		.sjh-underlay-nav__link-large:focus-visible::after {
			opacity: .9;
			transform: translateX(5px) rotate(45deg);
		}

		.sjh-underlay-nav__link-count {
			color: rgba(23, 76, 63, .56);
			font: 850 11px/1 "Inter", Arial, sans-serif;
			letter-spacing: .12em;
			transform: translateY(-.2em);
		}

		.sjh-underlay-nav__link-label {
			display: block;
			min-width: 0;
			font: 900 clamp(42px, 4.15vw, 66px)/.86 "Inter", Arial, sans-serif;
			letter-spacing: -.07em;
		}

		.sjh-underlay-nav__bottom {
			position: relative;
			display: grid;
			grid-template-columns: 1.12fr .88fr;
			gap: 22px;
			padding-top: 22px;
		}

		.sjh-underlay-nav__bottom-border {
			position: absolute;
			inset: 0 0 auto;
			height: 1px;
			background: rgba(23, 76, 63, .16);
			transform-origin: 0 50%;
		}

		.sjh-underlay-nav__bottom-col {
			display: grid;
			align-content: start;
			gap: 9px;
			min-width: 0;
		}

		.sjh-underlay-nav__small-title {
			color: rgba(23, 76, 63, .56);
			font: 820 10px/1 "Inter", Arial, sans-serif;
			letter-spacing: .16em;
			text-transform: uppercase;
		}

		.sjh-underlay-nav__link-small {
			color: rgba(7, 26, 22, .76);
			font: 600 clamp(14px, 1.05vw, 17px)/1.2 "Inter", Arial, sans-serif;
			word-break: break-word;
			transition: color .24s ease, opacity .24s ease;
		}

		.sjh-underlay-nav__link-small:hover,
		.sjh-underlay-nav__link-small:focus-visible {
			color: var(--sjh-underlay-green);
		}

		.sjh-underlay-nav__link-small.is-faded {
			opacity: .62;
		}

		.sjh-underlay-nav__socials {
			display: flex;
			flex-wrap: wrap;
			gap: 8px;
		}

		.sjh-underlay-nav__socials a {
			width: 40px;
			height: 40px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border: 1px solid rgba(23, 76, 63, .14);
			border-radius: 999px;
			color: var(--sjh-underlay-green);
			font: 850 11px/1 "Inter", Arial, sans-serif;
			letter-spacing: .08em;
			transition: background .25s ease, color .25s ease, transform .25s ease, border-color .25s ease;
		}

		.sjh-underlay-nav__socials a:hover,
		.sjh-underlay-nav__socials a:focus-visible {
			border-color: var(--sjh-underlay-green);
			background: var(--sjh-underlay-green);
			color: #fff;
			transform: translateY(-2px);
		}

		.sjh-underlay-nav__overlay {
			position: fixed;
			z-index: 9010;
			inset: 0;
			visibility: hidden;
			pointer-events: none;
			overflow: clip;
		}

		.sjh-underlay-nav__overlay.is-open {
			visibility: visible;
			pointer-events: auto;
		}

		.sjh-underlay-nav__dark {
			position: absolute;
			inset: 0;
			background:
				linear-gradient(90deg, rgba(7,26,22,.18), rgba(7,26,22,.04) 54%, rgba(7,26,22,.14)),
				rgba(246, 248, 243, .56);
			backdrop-filter: blur(13px) saturate(1.02);
			-webkit-backdrop-filter: blur(13px) saturate(1.02);
			opacity: 0;
			transition: opacity .46s ease;
		}

		.sjh-underlay-nav__overlay.is-open .sjh-underlay-nav__dark {
			opacity: 1;
		}

		.sjh-underlay-nav__borders {
			position: absolute;
			top: 0;
			right: calc(-1 * var(--sjh-underlay-menu-width));
			bottom: 0;
			width: var(--sjh-underlay-menu-width);
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			pointer-events: none;
		}

		.sjh-underlay-nav__border-row {
			display: flex;
			flex-direction: column;
			align-items: flex-end;
		}

		.sjh-underlay-nav__border {
			width: 100%;
			height: 1em;
			background: rgba(246,248,243,.96);
		}

		.sjh-underlay-nav__corner {
			width: 2em;
			height: 2em;
			background: radial-gradient(circle farthest-side at 0 100%, transparent 99%, rgba(246,248,243,.96));
			transform: scale(.62);
			transform-origin: 100% 0;
			transition: transform .62s cubic-bezier(.16, 1, .3, 1);
		}

		.sjh-underlay-nav__corner.is-bottom {
			background: radial-gradient(circle farthest-side at 0 0, transparent 99%, rgba(246,248,243,.96));
			transform-origin: 100% 100%;
		}

		.sjh-underlay-nav__overlay.is-open .sjh-underlay-nav__corner {
			transform: scale(1);
		}

		[data-underlay-reveal-large],
		[data-underlay-reveal-small] {
			opacity: 0;
			transform: translateX(24px);
			transition: opacity .5s ease, transform .68s cubic-bezier(.16, 1, .3, 1);
		}

		.sjh-underlay-nav__menu.is-open [data-underlay-reveal-large],
		.sjh-underlay-nav__menu.is-open [data-underlay-reveal-small] {
			opacity: 1 !important;
			visibility: visible !important;
			transform: translateX(0) !important;
		}

		.sjh-underlay-nav__menu.is-open [data-underlay-reveal-small]:nth-child(1) { transition-delay: .12s; }
		.sjh-underlay-nav__menu.is-open [data-underlay-reveal-large]:nth-child(1) { transition-delay: .19s; }
		.sjh-underlay-nav__menu.is-open [data-underlay-reveal-large]:nth-child(2) { transition-delay: .24s; }
		.sjh-underlay-nav__menu.is-open [data-underlay-reveal-large]:nth-child(3) { transition-delay: .29s; }
		.sjh-underlay-nav__menu.is-open [data-underlay-reveal-large]:nth-child(4) { transition-delay: .34s; }
		.sjh-underlay-nav__menu.is-open .sjh-underlay-nav__bottom { transition-delay: .42s; }

		@media (max-width: 900px) {
			body.sjh-demo-template-demo13 {
				--sjh-underlay-menu-width: min(86vw, 360px);
			}

			body.sjh-demo-template-demo13 .wp-site-blocks .sjh-underlay-nav__header {
				top: max(10px, env(safe-area-inset-top)) !important;
				left: 10px !important;
				right: 10px !important;
			}

			body.admin-bar.sjh-demo-template-demo13 .wp-site-blocks .sjh-underlay-nav__header {
				top: calc(46px + max(10px, env(safe-area-inset-top))) !important;
			}

			.sjh-underlay-nav__container {
				min-height: 0;
				padding: 0;
			}

			.sjh-underlay-nav__logo {
				width: clamp(130px, 40vw, 164px);
			}

			.sjh-underlay-nav__toggle {
				min-height: 38px;
				min-width: 104px;
				padding: 0 11px 0 14px;
				gap: 9px;
			}

			body.sjh-demo-template-demo13.sjh-underlay-open .sjh-underlay-nav__logo {
				opacity: 0;
				transform: translateX(-14px);
				pointer-events: none;
			}

			.sjh-underlay-nav__toggle-label {
				font-size: 10px;
				height: 10px;
				line-height: 10px;
			}

			.sjh-underlay-nav__menu {
				top: max(18px, env(safe-area-inset-top));
				right: 12px;
				bottom: max(18px, env(safe-area-inset-bottom));
				width: var(--sjh-underlay-menu-width);
				border: 1px solid rgba(23, 76, 63, .13);
				border-radius: 24px;
				box-shadow: -18px 0 62px rgba(7, 26, 22, .16), inset 0 1px 0 rgba(255,255,255,.8);
				clip-path: inset(0 0 0 100% round 24px);
			}

			.sjh-underlay-nav__menu.is-open {
				clip-path: inset(0 0 0 0 round 24px);
			}

			.sjh-underlay-nav__inner {
				padding: clamp(24px, 8vh, 66px) 15px 15px;
				gap: 22px;
			}

			.sjh-underlay-nav__menu::before {
				font-size: clamp(58px, 17vw, 78px);
				bottom: 21%;
				color: rgba(23, 76, 63, .03);
			}

			.sjh-underlay-nav__menu::after {
				inset: 9px;
				border-radius: 17px;
			}

			.sjh-underlay-nav__eyebrow {
				margin-bottom: 12px;
				font-size: 10px;
			}

			.sjh-underlay-nav__link-large {
				grid-template-columns: 28px minmax(0, 1fr) 16px;
				gap: 9px;
				padding: 11px 0;
			}

			.sjh-underlay-nav__link-label {
				font-size: clamp(28px, 8vw, 38px);
				line-height: .9;
				letter-spacing: -.058em;
			}

			.sjh-underlay-nav__link-count {
				font-size: 10px;
			}

			.sjh-underlay-nav__bottom {
				grid-template-columns: 1fr;
				gap: 16px;
				padding-top: 16px;
			}

			.sjh-underlay-nav__socials a {
				width: 38px;
				height: 38px;
			}

			.sjh-underlay-nav__borders {
				display: none;
			}

			body.sjh-demo-template-demo13.sjh-underlay-open .sjh-demo-demo13,
			body.sjh-demo-template-demo13.sjh-underlay-open .sjh-underlay-nav__header,
			body.sjh-demo-template-demo13.sjh-underlay-open .sjh-underlay-nav__overlay {
				transform: none !important;
			}
		}

		@media (prefers-reduced-motion: reduce) {
			.sjh-demo-reveal {
				opacity: 1;
			transform: none;
			transition: none;
		}

		.sjh-flagship-hero-media video,
		.sjh-hero-fill,
		.sjh-hero-ribbons > div,
		.sjh-flagship-gallery-rail,
		.sjh-footer-orbit,
		.sjh-footer-marquee,
		.sjh-footer-ambient {
			animation: none;
		}

		.sjh-review-ribbon-row {
			animation: none;
		}

		.sjh-hero-ribbons > div {
			--ribbon-opacity: 1;
			--ribbon-offset: 0px;
		}
	}