body.sjh-flagship-site {
		--sjh-pad: clamp(24px, 4.2vw, 78px);
		--sjh-section-y: clamp(72px, 7.6vw, 118px);
		--sjh-hero-top: clamp(126px, 10vw, 168px);
		--sjh-hero-bottom: clamp(46px, 5vw, 78px);
		--sjh-h1-size: clamp(50px, 6.2vw, 96px);
		--sjh-h2-size: clamp(34px, 4.4vw, 70px);
		--sjh-lede-size: clamp(20px, 1.85vw, 30px);
		--sjh-body-size: clamp(17px, 1.38vw, 23px);
	}

	body.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__header,
	body.sjh-demo-template-demo13.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__header {
		position: fixed !important;
		inset: 0 0 auto !important;
		z-index: 100 !important;
		height: clamp(82px, 7.6vw, 108px) !important;
		display: block !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		pointer-events: none !important;
	}

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

	body.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__container,
	body.sjh-demo-template-demo13.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__container {
		height: 100% !important;
		padding: clamp(16px, 1.8vw, 28px) var(--sjh-pad) !important;
		display: flex !important;
		align-items: flex-start !important;
		justify-content: space-between !important;
	}

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

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

	body.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__toggle,
	body.sjh-demo-template-demo13.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__toggle {
		min-height: 46px !important;
		padding: 0 18px !important;
		border-radius: 999px !important;
		pointer-events: auto !important;
	}

	body.sjh-flagship-site > .sjh-underlay-nav .sjh-underlay-nav__header,
	body.sjh-demo-template-demo13.sjh-flagship-site > .sjh-underlay-nav .sjh-underlay-nav__header {
		position: fixed !important;
		inset: 0 0 auto !important;
		z-index: 100 !important;
		height: clamp(82px, 7.6vw, 108px) !important;
		display: block !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		pointer-events: none !important;
	}

	body.admin-bar.sjh-flagship-site > .sjh-underlay-nav .sjh-underlay-nav__header,
	body.admin-bar.sjh-demo-template-demo13.sjh-flagship-site > .sjh-underlay-nav .sjh-underlay-nav__header {
		top: 32px !important;
	}

	body.sjh-flagship-site > .sjh-underlay-nav .sjh-underlay-nav__container,
	body.sjh-demo-template-demo13.sjh-flagship-site > .sjh-underlay-nav .sjh-underlay-nav__container {
		height: 100% !important;
		padding: clamp(16px, 1.8vw, 28px) var(--sjh-pad) !important;
		display: flex !important;
		align-items: flex-start !important;
		justify-content: space-between !important;
	}

	body.sjh-flagship-site > .sjh-underlay-nav .sjh-underlay-nav__logo,
	body.sjh-demo-template-demo13.sjh-flagship-site > .sjh-underlay-nav .sjh-underlay-nav__logo {
		width: clamp(148px, 12.4vw, 206px) !important;
		height: auto !important;
		display: flex !important;
		align-items: center !important;
		overflow: visible !important;
		filter: drop-shadow(0 14px 34px rgba(6,31,25,.13)) !important;
		pointer-events: auto !important;
	}

	body.sjh-flagship-site > .sjh-underlay-nav .sjh-underlay-nav__logo img,
	body.sjh-demo-template-demo13.sjh-flagship-site > .sjh-underlay-nav .sjh-underlay-nav__logo img {
		width: 100% !important;
		height: auto !important;
		display: block !important;
		object-fit: contain !important;
	}

	body.sjh-flagship-site > .sjh-underlay-nav .sjh-underlay-nav__toggle,
	body.sjh-demo-template-demo13.sjh-flagship-site > .sjh-underlay-nav .sjh-underlay-nav__toggle {
		min-height: 46px !important;
		padding: 0 18px !important;
		border-radius: 999px !important;
		pointer-events: auto !important;
	}

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

	body.sjh-flagship-site :is(.event-archive-content, .sjh-about-hero-grid, .sjh-clients-hero-grid, .sjh-contact-intro-grid, .sjh-service-hero-inner),
	body.sjh-flagship-site .sjh-clients-hero-grid,
	body.sjh-flagship-site .sjh-contact-intro-grid,
	body.sjh-flagship-site .sjh-about-page .sjh-about-hero-grid {
		width: 100% !important;
		width: calc(100dvw - (2 * var(--sjh-pad))) !important;
		min-width: 0 !important;
		max-width: none !important;
		margin-inline: 0 !important;
		justify-self: start !important;
		grid-template-columns: minmax(0, .72fr) minmax(420px, .68fr) !important;
		gap: clamp(30px, 5vw, 88px) !important;
		align-items: end !important;
	}

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

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

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

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

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

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

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

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

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

	body.sjh-flagship-site .sjh-clients-page .sjh-clients-hero-media figure {
		min-height: clamp(300px, 33vw, 520px) !important;
		height: auto !important;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-media-system {
		margin-top: clamp(24px, 3vw, 48px) !important;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-media-primary,
	body.sjh-flagship-site .sjh-about-page .sjh-about-media-secondary {
		min-height: 0 !important;
	}

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

	body.sjh-flagship-site .sjh-about-page .sjh-about-media-secondary {
		aspect-ratio: 4 / 3.2 !important;
	}

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

	@media (max-width: 900px) {
		body.sjh-flagship-site {
			--sjh-pad: clamp(18px, 5vw, 28px);
			--sjh-hero-top: clamp(114px, 25vw, 146px);
			--sjh-hero-bottom: clamp(40px, 9vw, 62px);
			--sjh-h1-size: clamp(46px, 14vw, 72px);
			--sjh-h2-size: clamp(34px, 10vw, 54px);
			--sjh-lede-size: clamp(20px, 6.4vw, 30px);
		}

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

		body.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__header,
		body.sjh-demo-template-demo13.sjh-flagship-site .wp-site-blocks .sjh-underlay-nav__header,
		body.sjh-flagship-site > .sjh-underlay-nav .sjh-underlay-nav__header,
		body.sjh-demo-template-demo13.sjh-flagship-site > .sjh-underlay-nav .sjh-underlay-nav__header {
			height: 78px !important;
		}

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

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

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

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

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

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

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