body.sjh-flagship-site,
	body.sjh-service-template {
		--sjh-mobile-pad: clamp(18px, 5.2vw, 26px);
	}

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

	body.sjh-flagship-site :is(.sjh-underlay-nav__logo, .site-header .brand),
	body.sjh-service-template :is(.sjh-underlay-nav__logo, .site-header .brand) {
		transition: opacity .28s ease, transform .34s cubic-bezier(.16, 1, .3, 1), filter .28s ease !important;
	}

	body.sjh-flagship-site .sjh-underlay-nav__header.is-logo-light :is(.sjh-underlay-nav__logo, .site-header .brand),
	body.sjh-service-template .sjh-underlay-nav__header.is-logo-light :is(.sjh-underlay-nav__logo, .site-header .brand) {
		filter: drop-shadow(0 12px 34px rgba(0,0,0,.28)) !important;
	}

	body.sjh-flagship-site .sjh-underlay-nav__header:not(.is-logo-light) :is(.sjh-underlay-nav__logo, .site-header .brand),
	body.sjh-service-template .sjh-underlay-nav__header:not(.is-logo-light) :is(.sjh-underlay-nav__logo, .site-header .brand) {
		filter: drop-shadow(0 12px 34px rgba(4,37,30,.12)) !important;
	}

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

		body.sjh-flagship-site,
		body.sjh-service-template {
			--sjh-pad: var(--sjh-mobile-pad);
			--sjh-h1-size: clamp(44px, 14vw, 64px);
			--sjh-h2-size: clamp(34px, 10.5vw, 50px);
		}

		body.sjh-flagship-site :is(.sjh-underlay-nav__header),
		body.sjh-service-template :is(.sjh-underlay-nav__header) {
			top: max(12px, env(safe-area-inset-top)) !important;
			left: var(--sjh-mobile-pad) !important;
			right: var(--sjh-mobile-pad) !important;
			width: auto !important;
			pointer-events: none !important;
		}

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

		body.sjh-flagship-site :is(.sjh-underlay-nav__container),
		body.sjh-service-template :is(.sjh-underlay-nav__container) {
			min-height: 48px !important;
			padding: 0 !important;
			align-items: flex-start !important;
			pointer-events: none !important;
		}

		body.sjh-flagship-site :is(.sjh-underlay-nav__logo, .site-header .brand),
		body.sjh-service-template :is(.sjh-underlay-nav__logo, .site-header .brand) {
			width: clamp(138px, 42vw, 178px) !important;
			max-width: calc(100vw - 168px) !important;
			pointer-events: auto !important;
		}

		body.sjh-flagship-site :is(.sjh-underlay-nav__logo img, .site-header .brand img),
		body.sjh-service-template :is(.sjh-underlay-nav__logo img, .site-header .brand img) {
			max-height: 46px !important;
		}

		body.sjh-flagship-site :is(.sjh-underlay-nav__toggle),
		body.sjh-service-template :is(.sjh-underlay-nav__toggle) {
			min-width: 96px !important;
			min-height: 42px !important;
			padding: 0 12px 0 15px !important;
			border-color: rgba(4,37,30,.18) !important;
			background: rgba(244,246,239,.74) !important;
			color: var(--sjh-metal-dark) !important;
			box-shadow: 0 14px 38px rgba(4,37,30,.16), inset 0 1px 0 rgba(255,255,255,.82) !important;
			backdrop-filter: blur(18px) saturate(1.08) !important;
			-webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
			pointer-events: auto !important;
		}

		body.sjh-flagship-site .sjh-underlay-nav__header.is-logo-light :is(.sjh-underlay-nav__toggle),
		body.sjh-service-template .sjh-underlay-nav__header.is-logo-light :is(.sjh-underlay-nav__toggle),
		body.sjh-underlay-open :is(.sjh-underlay-nav__toggle) {
			border-color: rgba(255,255,255,.28) !important;
			background: rgba(4,37,30,.56) !important;
			color: #fff !important;
			box-shadow: 0 16px 44px rgba(2,18,14,.24), inset 0 1px 0 rgba(255,255,255,.16) !important;
		}

		body.sjh-flagship-site :is(.event-archive-hero, .sjh-about-intro, .sjh-clients-intro, .sjh-contact-intro, .sjh-service-hero),
		body.sjh-service-template :is(.event-archive-hero, .sjh-about-intro, .sjh-clients-intro, .sjh-contact-intro, .sjh-service-hero) {
			min-height: auto !important;
			padding: clamp(112px, 27vw, 138px) var(--sjh-mobile-pad) clamp(42px, 13vw, 68px) !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-service-template :is(.event-archive-content, .sjh-about-hero-grid, .sjh-clients-hero-grid, .sjh-contact-intro-grid, .sjh-service-hero-inner) {
			width: 100% !important;
			display: grid !important;
			grid-template-columns: 1fr !important;
			gap: clamp(20px, 7vw, 34px) !important;
			align-items: end !important;
		}

		body.sjh-flagship-site :is(.event-archive-title, .sjh-about-intro .display, .sjh-clients-intro .display, .sjh-contact-intro .display, .sjh-service-hero h1),
		body.sjh-service-template :is(.event-archive-title, .sjh-about-intro .display, .sjh-clients-intro .display, .sjh-contact-intro .display, .sjh-service-hero h1) {
			max-width: 9.4ch !important;
			font-size: var(--sjh-h1-size) !important;
			line-height: .88 !important;
			letter-spacing: -.078em !important;
			text-wrap: balance;
		}

		body.sjh-flagship-site :is(.event-archive-lede, .sjh-about-page .intro-copy, .sjh-clients-page .intro-copy, .sjh-contact-page .intro-copy, .sjh-service-hero-copy p),
		body.sjh-service-template :is(.event-archive-lede, .sjh-about-page .intro-copy, .sjh-clients-page .intro-copy, .sjh-contact-page .intro-copy, .sjh-service-hero-copy p) {
			max-width: 16.5em !important;
			font-size: clamp(23px, 7.3vw, 32px) !important;
			line-height: 1.04 !important;
			letter-spacing: -.06em !important;
		}

		body.sjh-flagship-site :is(.event-archive-grid, .sjh-service-index-grid, .sjh-client-grid),
		body.sjh-service-template :is(.event-archive-grid, .sjh-service-index-grid, .sjh-client-grid) {
			grid-template-columns: 1fr !important;
			gap: 16px !important;
			padding: clamp(28px, 9vw, 52px) var(--sjh-mobile-pad) clamp(54px, 14vw, 84px) !important;
		}

		body.sjh-flagship-site :is(.event-archive-card, .event-card),
		body.sjh-service-template :is(.event-archive-card, .event-card) {
			aspect-ratio: 4 / 4.25 !important;
			min-height: 0 !important;
		}

		body.sjh-flagship-site .sjh-clients-page :is(.display, .intro-copy, .sjh-clients-actions, .sjh-clients-hero-media, .sjh-client-testimonial-media, .sjh-client-testimonial-copy),
		body.sjh-flagship-site .sjh-contact-page .sjh-contact-intro-grid > *,
		body.sjh-service-template .sjh-service-hero-inner > * {
			grid-column: 1 !important;
		}

		body.sjh-flagship-site .sjh-clients-page .sjh-clients-hero-media {
			grid-template-columns: 1fr !important;
			margin-top: clamp(20px, 7vw, 34px) !important;
		}

		body.sjh-flagship-site .sjh-clients-page .sjh-clients-hero-media figure,
		body.sjh-flagship-site .sjh-contact-page .sjh-contact-hero-media,
		body.sjh-flagship-site .sjh-about-page :is(.sjh-about-hero-media, .sjh-about-image-run figure),
		body.sjh-service-template :is(.sjh-service-media-strip, .sjh-service-editorial-media) {
			height: clamp(240px, 74vw, 360px) !important;
			min-height: 0 !important;
		}

		body.sjh-flagship-site .sjh-client-card {
			min-height: 148px !important;
			padding: 22px !important;
			grid-template-rows: auto auto auto !important;
			background: rgba(255,255,255,.72) !important;
		}

		body.sjh-flagship-site .sjh-client-name {
			font-size: clamp(24px, 8vw, 34px) !important;
		}

		body.sjh-flagship-site .sjh-underlay-nav__menu,
		body.sjh-service-template .sjh-underlay-nav__menu {
			top: max(74px, calc(env(safe-area-inset-top) + 70px)) !important;
			right: var(--sjh-mobile-pad) !important;
			bottom: max(16px, env(safe-area-inset-bottom)) !important;
			width: calc(100vw - (2 * var(--sjh-mobile-pad))) !important;
			border: 1px solid rgba(4,37,30,.14) !important;
			border-radius: 26px !important;
			background:
				radial-gradient(circle at 88% 10%, rgba(11,79,64,.13), transparent 30%),
				linear-gradient(135deg, rgba(255,255,255,.97), rgba(244,246,239,.94)) !important;
			box-shadow: 0 22px 80px rgba(4,37,30,.22), inset 0 1px 0 rgba(255,255,255,.82) !important;
			clip-path: inset(0 0 100% 0 round 26px) !important;
			color: var(--sjh-metal-dark) !important;
		}

		body.admin-bar.sjh-flagship-site .sjh-underlay-nav__menu,
		body.admin-bar.sjh-service-template .sjh-underlay-nav__menu {
			top: calc(46px + max(74px, calc(env(safe-area-inset-top) + 70px))) !important;
		}

		body.sjh-flagship-site .sjh-underlay-nav__menu.is-open,
		body.sjh-service-template .sjh-underlay-nav__menu.is-open {
			clip-path: inset(0 0 0 0 round 26px) !important;
		}

		body.sjh-flagship-site .sjh-underlay-nav__menu::before,
		body.sjh-service-template .sjh-underlay-nav__menu::before {
			content: "Events";
			right: auto !important;
			left: -8px !important;
			bottom: 12px !important;
			color: rgba(11,79,64,.045) !important;
			font-size: clamp(66px, 23vw, 112px) !important;
			transform: none !important;
		}

		body.sjh-flagship-site .sjh-underlay-nav__menu::after,
		body.sjh-service-template .sjh-underlay-nav__menu::after {
			inset: 10px !important;
			border-radius: 18px !important;
		}

		body.sjh-flagship-site .sjh-underlay-nav__inner,
		body.sjh-service-template .sjh-underlay-nav__inner {
			padding: 20px 18px 18px !important;
			gap: 18px !important;
		}

		body.sjh-flagship-site .sjh-underlay-nav__link-large,
		body.sjh-service-template .sjh-underlay-nav__link-large {
			grid-template-columns: 28px minmax(0, 1fr) 16px !important;
			padding: clamp(15px, 5vw, 22px) 0 !important;
		}

		body.sjh-flagship-site .sjh-underlay-nav__link-label,
		body.sjh-service-template .sjh-underlay-nav__link-label {
			font-size: clamp(38px, 13vw, 58px) !important;
			line-height: .86 !important;
			letter-spacing: -.07em !important;
		}

		body.sjh-flagship-site .sjh-underlay-nav__bottom,
		body.sjh-service-template .sjh-underlay-nav__bottom {
			display: grid !important;
			grid-template-columns: 1fr 1fr !important;
			gap: 16px !important;
			padding-top: 16px !important;
		}
	}

	@media (max-width: 520px) {
		body.sjh-flagship-site :is(.event-archive-lede, .sjh-about-page .intro-copy, .sjh-clients-page .intro-copy, .sjh-contact-page .intro-copy, .sjh-service-hero-copy p),
		body.sjh-service-template :is(.event-archive-lede, .sjh-about-page .intro-copy, .sjh-clients-page .intro-copy, .sjh-contact-page .intro-copy, .sjh-service-hero-copy p) {
			max-width: none !important;
		}

		body.sjh-flagship-site .sjh-underlay-nav__bottom,
		body.sjh-service-template .sjh-underlay-nav__bottom {
			grid-template-columns: 1fr !important;
		}
	}