body.sjh-flagship-site .sjh-about-page .sjh-about-intro {
		min-height: auto !important;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-media-system {
		width: 100% !important;
		max-width: none !important;
		margin-top: clamp(24px, 3vw, 44px) !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(260px, .42fr) !important;
		gap: clamp(16px, 2vw, 30px) !important;
		align-items: stretch !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;
		height: clamp(240px, 22vw, 360px) !important;
		aspect-ratio: auto !important;
	}

	body.sjh-flagship-site .sjh-about-page .sjh-about-media-note {
		grid-column: 2 !important;
		min-height: 0 !important;
		padding: clamp(18px, 2vw, 30px) !important;
	}

	body.sjh-flagship-site .sjh-clients-page .sjh-clients-hero-grid {
		grid-template-columns: minmax(0, .72fr) minmax(360px, .6fr) !important;
	}

	body.sjh-flagship-site .sjh-clients-page .sjh-clients-hero-copy {
		display: contents !important;
	}

	body.sjh-flagship-site .sjh-clients-page .display {
		grid-column: 1 !important;
		align-self: end !important;
	}

	body.sjh-flagship-site .sjh-clients-page .intro-copy,
	body.sjh-flagship-site .sjh-clients-page .sjh-clients-actions {
		grid-column: 2 !important;
	}

	body.sjh-flagship-site .sjh-clients-page .sjh-clients-actions {
		margin-top: clamp(16px, 1.8vw, 26px) !important;
	}

	body.sjh-flagship-site .sjh-clients-hero-media {
		grid-column: 1 / -1 !important;
		width: 100% !important;
		max-width: none !important;
		margin-top: clamp(26px, 3vw, 48px) !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(260px, .32fr) !important;
		gap: clamp(16px, 2vw, 30px) !important;
	}

	body.sjh-flagship-site .sjh-clients-page .sjh-clients-hero-media figure {
		width: 100% !important;
		min-height: 0 !important;
		height: clamp(240px, 24vw, 380px) !important;
		aspect-ratio: auto !important;
	}

	body.sjh-flagship-site .sjh-clients-page .sjh-clients-hero-note {
		min-height: 0 !important;
		align-self: stretch !important;
		background: linear-gradient(135deg, var(--sjh-metal-dark), var(--sjh-metal)) !important;
	}

	@media (max-width: 900px) {
		body.sjh-flagship-site .sjh-clients-page .sjh-clients-hero-grid {
			grid-template-columns: 1fr !important;
		}

		body.sjh-flagship-site .sjh-about-page .sjh-about-media-system,
		body.sjh-flagship-site .sjh-clients-hero-media {
			grid-template-columns: 1fr !important;
		}

		body.sjh-flagship-site .sjh-about-page .display {
			font-size: clamp(38px, 11.2vw, 48px) !important;
			line-height: .92 !important;
			letter-spacing: -.058em !important;
		}

		body.sjh-flagship-site .sjh-about-page .sjh-about-media-primary {
			height: clamp(200px, 58vw, 280px) !important;
		}

		body.sjh-flagship-site .sjh-about-page .sjh-about-media-secondary,
		body.sjh-flagship-site .sjh-about-page .sjh-about-media-note {
			display: none !important;
		}

		body.sjh-flagship-site .sjh-clients-page .sjh-clients-hero-copy {
			display: grid !important;
			grid-column: 1 !important;
			width: 100% !important;
			min-width: 0 !important;
			gap: clamp(18px, 5vw, 26px) !important;
		}

		body.sjh-flagship-site .sjh-clients-page .display,
		body.sjh-flagship-site .sjh-clients-page .intro-copy,
		body.sjh-flagship-site .sjh-clients-page .sjh-clients-actions {
			grid-column: auto !important;
			width: 100% !important;
			min-width: 0 !important;
		}

		body.sjh-flagship-site .sjh-about-page .sjh-about-media-note,
		body.sjh-flagship-site .sjh-clients-page .intro-copy,
		body.sjh-flagship-site .sjh-clients-page .sjh-clients-actions {
			grid-column: 1 !important;
		}
	}