.sjh-about-page {
		background: #fff;
		color: var(--black);
		overflow-x: clip;
		--about-max: 1680px;
		--about-soft: #f7fafb;
		--about-line: rgba(13, 76, 61, .16);
	}

	body:has(.sjh-about-page),
	body:has(.sjh-about-page) .wp-site-blocks {
		overflow-x: clip;
	}

	.sjh-about-page .sjh-about-intro {
		padding-top: clamp(118px, 9vw, 164px);
		padding-bottom: clamp(48px, 6vw, 92px);
		background:
			linear-gradient(90deg, rgba(13, 76, 61,.045), transparent 42%),
			#fff;
	}

	.sjh-about-hero-grid {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		row-gap: clamp(30px, 4.5vw, 76px);
		align-items: start;
		width: 100%;
		min-height: 0;
		margin: 0 auto;
	}

	.sjh-about-title-col {
		padding-top: 0;
	}

	.sjh-about-hero-copy {
		align-self: start;
	}

	.sjh-about-page .display {
		max-width: none;
		margin: 0;
		font-size: var(--sjh-h1-size);
		line-height: var(--sjh-h1-line);
	}

	.sjh-about-page .intro-copy {
		max-width: min(100%, 1620px);
		margin: 0;
		font-size: var(--sjh-p-size);
		line-height: var(--sjh-p-line);
	}

	.sjh-about-hero-actions {
		display: flex;
		flex-wrap: wrap;
		gap: clamp(18px, 2.4vw, 34px);
		margin-top: clamp(28px, 3.8vw, 54px);
	}

	.sjh-about-page .text-link::after {
		transform-origin: left;
		transition: transform .32s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-about-page .text-link:hover::after,
	.sjh-about-page .text-link:focus-visible::after {
		transform: scaleX(.78);
	}

	.sjh-about-media-system {
		position: relative;
		display: grid;
		grid-column: 1 / -1;
		grid-template-columns: minmax(0, 1.5fr) minmax(180px, .85fr);
		grid-template-rows: minmax(300px, 1fr) auto;
		gap: clamp(12px, 1.6vw, 22px);
		min-height: clamp(500px, 48vw, 760px);
	}

	.sjh-about-media-system figure {
		position: relative;
		margin: 0;
		overflow: hidden;
		background: #111;
	}

	.sjh-about-media-system img,
	.sjh-about-editorial-media img,
	.sjh-about-image-run img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		transition: transform .9s cubic-bezier(.16, 1, .3, 1), opacity .45s ease;
	}

	.sjh-about-media-system figure:hover img,
	.sjh-about-editorial-media:hover img,
	.sjh-about-image-run figure:hover img {
		transform: scale(1.045);
	}

	.sjh-about-media-primary {
		grid-row: 1 / 3;
		min-height: clamp(500px, 48vw, 760px);
	}

	.sjh-about-media-primary img {
		object-position: center 48%;
	}

	.sjh-about-media-secondary {
		aspect-ratio: 4 / 5;
		align-self: end;
	}

	.sjh-about-media-secondary img {
		object-position: center 44%;
	}

	.sjh-about-media-note {
		display: grid;
		align-content: center;
		gap: 10px;
		min-height: clamp(132px, 12vw, 184px);
		padding: clamp(22px, 2.6vw, 34px);
		background: var(--blue);
		color: #fff;
	}

	.sjh-about-media-note strong {
		font: 700 clamp(25px, 2.2vw, 36px)/1.02 var(--serif);
		letter-spacing: -.01em;
	}

	.sjh-about-media-note span {
		color: rgba(255,255,255,.8);
		font: 400 var(--sjh-p-small-size)/1.5 var(--body);
	}

	.sjh-about-proof-strip {
		padding: 0 var(--pad);
		border-top: 1px solid var(--about-line);
		border-bottom: 1px solid var(--about-line);
		background: #fff;
	}

	.sjh-about-proof-inner {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		width: min(100%, var(--about-max));
		margin: 0 auto;
	}

	.sjh-about-proof-inner span {
		position: relative;
		padding: clamp(19px, 2.2vw, 30px) clamp(16px, 2vw, 28px);
		color: var(--blue);
		font: 700 12px/1.15 Arial, sans-serif;
		letter-spacing: .13em;
		text-transform: uppercase;
	}

	.sjh-about-proof-inner span + span {
		border-left: 1px solid var(--about-line);
	}

	.sjh-about-editorial {
		padding-top: clamp(78px, 9vw, 138px);
		padding-bottom: clamp(78px, 9vw, 138px);
		background: #fff;
	}

	.sjh-about-split {
		display: grid;
		grid-template-columns: minmax(360px, .43fr) minmax(480px, .57fr);
		gap: clamp(44px, 6.4vw, 108px);
		align-items: start;
		width: min(100%, var(--about-max));
		margin: 0 auto;
	}

	.sjh-about-editorial-media {
		position: sticky;
		top: 104px;
		aspect-ratio: 4 / 5;
		overflow: hidden;
		background: #111;
	}

	.sjh-about-editorial-media img {
		object-position: center center;
	}

	.sjh-about-copy {
		display: grid;
		gap: clamp(20px, 2.4vw, 32px);
		padding-top: clamp(20px, 3.6vw, 62px);
	}

	.sjh-about-copy .section-title {
		max-width: 920px;
		margin: 0 0 clamp(10px, 1.5vw, 18px);
		color: var(--blue);
		font-size: var(--sjh-h2-size);
		line-height: var(--sjh-h2-line);
	}

	.sjh-about-copy p {
		margin: 0;
		padding-left: 0;
		color: #222;
		font: 400 var(--sjh-p-size)/var(--sjh-p-line) var(--body);
	}

	.sjh-about-copy p:first-of-type {
		color: var(--black);
		font-size: clamp(24px, 2.25vw, 36px);
		line-height: 1.34;
	}

	.sjh-about-principles {
		padding-top: clamp(58px, 6.8vw, 96px);
		padding-bottom: clamp(72px, 8vw, 118px);
		background: var(--about-soft);
	}

	.sjh-about-section-head {
		display: grid;
		grid-template-columns: minmax(320px, .38fr) minmax(460px, .62fr);
		gap: clamp(34px, 5.4vw, 88px);
		align-items: end;
		width: min(100%, var(--about-max));
		margin: 0 auto clamp(30px, 4vw, 58px);
	}

	.sjh-about-section-head .section-title {
		margin: 0;
		color: var(--blue);
	}

	.sjh-about-section-head p {
		max-width: 850px;
		margin: 0;
		color: #222;
		font: 400 var(--sjh-p-size)/var(--sjh-p-line) var(--body);
	}

	.sjh-about-principle-grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: clamp(28px, 4vw, 64px);
		width: min(100%, var(--about-max));
		margin: 0 auto;
		background: transparent;
	}

	.sjh-about-principle {
		position: relative;
		min-height: clamp(250px, 19vw, 320px);
		padding: clamp(26px, 3vw, 42px) 0 0;
		border-top: 1px solid var(--about-line);
		background: transparent;
		transition: background .32s ease, transform .32s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-about-principle + .sjh-about-principle {
		border-left: 0;
	}

	.sjh-about-principle:hover,
	.sjh-about-principle:focus-within {
		transform: translateY(-4px);
	}

	.sjh-about-principle span {
		display: block;
		margin-bottom: clamp(28px, 4.6vw, 70px);
		color: var(--blue);
		font: 700 12px/1 Arial, sans-serif;
		letter-spacing: .12em;
	}

	.sjh-about-principle h3 {
		margin: 0;
		color: var(--blue);
		font: 700 var(--sjh-h3-size)/var(--sjh-h3-line) var(--serif);
		letter-spacing: -.015em;
	}

	.sjh-about-principle p {
		margin: 18px 0 0;
		color: #222;
		font: 400 var(--sjh-p-size)/var(--sjh-p-line) var(--body);
	}

	.sjh-about-image-run {
		display: grid;
		grid-template-columns: 1.2fr .9fr .9fr;
		gap: clamp(12px, 1.5vw, 22px);
		width: min(100%, var(--about-max));
		margin: 0 auto;
		padding: clamp(76px, 8.5vw, 128px) var(--pad);
		background: #fff;
	}

	.sjh-about-image-run figure {
		position: relative;
		min-height: clamp(330px, 35vw, 560px);
		margin: 0;
		overflow: hidden;
		background: #111;
	}

	.sjh-about-image-run figure:nth-child(n+2) {
		min-height: clamp(300px, 31vw, 500px);
	}

	.sjh-about-image-run img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		object-position: center 42%;
		transition: transform .85s cubic-bezier(.16, 1, .3, 1), opacity .4s ease;
	}

	.sjh-about-image-run figure:first-child img {
		object-position: center 48%;
	}

	.sjh-about-image-run figure:nth-child(2) img {
		object-position: center center;
	}

	.sjh-about-image-run figure:nth-child(3) img {
		object-position: center 40%;
	}

	.sjh-about-image-run figcaption {
		position: absolute;
		left: clamp(18px, 2vw, 28px);
		bottom: clamp(18px, 2vw, 28px);
		z-index: 2;
		color: #fff;
		font: 700 12px/1 Arial, sans-serif;
		letter-spacing: .13em;
		text-transform: uppercase;
	}

	.sjh-about-image-run figure::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(to top, rgba(0,0,0,.46), transparent 52%);
		pointer-events: none;
	}

	.sjh-about-group {
		padding-top: clamp(72px, 8vw, 120px);
		padding-bottom: clamp(72px, 8vw, 120px);
		background: var(--blue);
		color: #fff;
	}

	.sjh-about-group-inner {
		display: grid;
		grid-template-columns: minmax(320px, .4fr) minmax(480px, .6fr);
		gap: clamp(42px, 6vw, 104px);
		align-items: start;
		width: min(100%, var(--about-max));
		margin: 0 auto;
	}

	.sjh-about-group .section-title {
		margin-bottom: clamp(18px, 2.4vw, 30px);
		color: #fff;
	}

	.sjh-about-group p {
		max-width: 760px;
		margin: 0;
		color: rgba(255, 255, 255, .82);
		font: 400 var(--sjh-p-size)/var(--sjh-p-line) var(--body);
	}

	.sjh-about-group-cta {
		display: inline-block;
		margin-top: clamp(26px, 3.4vw, 48px);
		color: #fff;
		border-bottom: 1px solid rgba(255,255,255,.75);
		font: 700 12px/1 Arial, sans-serif;
		letter-spacing: .13em;
		text-transform: uppercase;
		transition: opacity .28s ease, border-color .28s ease;
	}

	.sjh-about-group-cta:hover,
	.sjh-about-group-cta:focus-visible {
		opacity: .78;
		border-color: rgba(255,255,255,.38);
	}

	.sjh-about-group-links {
		display: grid;
		background: transparent;
		border-top: 1px solid rgba(255,255,255,.26);
	}

	.sjh-about-group-links a {
		position: relative;
		display: grid;
		grid-template-columns: minmax(180px, .38fr) minmax(260px, .62fr);
		gap: clamp(20px, 3vw, 48px);
		padding: clamp(24px, 3vw, 42px) 0;
		border-bottom: 1px solid rgba(255,255,255,.26);
		background: transparent;
		overflow: hidden;
		transition: opacity .28s ease, transform .32s cubic-bezier(.16, 1, .3, 1);
	}

	.sjh-about-group-links a:hover,
	.sjh-about-group-links a:focus-visible {
		opacity: .78;
		transform: translateX(6px);
	}

	.sjh-about-group-links strong {
		font: 700 var(--sjh-h3-size)/var(--sjh-h3-line) var(--serif);
		letter-spacing: -.01em;
	}

	.sjh-about-group-links span {
		color: rgba(255, 255, 255, .76);
		font: 400 var(--sjh-p-small-size)/var(--sjh-p-line) var(--body);
	}

	@media (max-width: 980px) {
		.sjh-about-hero-grid,
		.sjh-about-section-head,
		.sjh-about-split,
		.sjh-about-group-inner {
			grid-template-columns: 1fr;
		}

		.sjh-about-title-col {
			padding-top: 0;
		}

		.sjh-about-page .sjh-about-intro {
			padding-top: 112px;
		}

		.sjh-about-hero-grid {
			min-height: 0;
		}

		.sjh-about-media-system {
			min-height: 0;
			grid-template-columns: 1fr 1fr;
		}

		.sjh-about-media-primary {
			grid-column: 1 / 3;
			grid-row: auto;
			min-height: clamp(340px, 62vw, 560px);
		}

		.sjh-about-proof-inner {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.sjh-about-proof-inner span:nth-child(odd) {
			border-left: 0;
		}

		.sjh-about-proof-inner span:nth-child(n+3) {
			border-top: 1px solid var(--about-line);
		}

		.sjh-about-editorial-media {
			position: static;
			aspect-ratio: 16 / 10;
		}

		.sjh-about-principle-grid,
		.sjh-about-image-run {
			grid-template-columns: 1fr;
		}

		.sjh-about-principle + .sjh-about-principle {
			border-left: 0;
			border-top: 1px solid var(--about-line);
		}

		.sjh-about-group-links a {
			grid-template-columns: 1fr;
			gap: 10px;
		}
	}

	@media (max-width: 620px) {
		.sjh-about-page .sjh-about-intro {
			padding-top: 112px;
			padding-bottom: 54px;
		}

		.sjh-about-hero-actions {
			display: grid;
			gap: 16px;
		}

		.sjh-about-media-system {
			grid-template-columns: 1fr;
			gap: 10px;
		}

		.sjh-about-media-primary,
		.sjh-about-media-secondary {
			grid-column: auto;
			min-height: 0;
			aspect-ratio: 4 / 3;
		}

		.sjh-about-media-note {
			min-height: 0;
		}

		.sjh-about-proof-inner {
			grid-template-columns: 1fr;
		}

		.sjh-about-proof-inner span + span {
			border-left: 0;
			border-top: 1px solid var(--about-line);
		}

		.sjh-about-editorial,
		.sjh-about-principles,
		.sjh-about-image-run,
		.sjh-about-group {
			padding-top: 62px;
			padding-bottom: 68px;
		}

		.sjh-about-copy {
			gap: 18px;
			padding-top: 0;
		}

		.sjh-about-image-run figure,
		.sjh-about-image-run figure:nth-child(n+2) {
			min-height: 0;
			aspect-ratio: 4 / 3;
		}

		.sjh-about-principle {
			min-height: 0;
			padding: 28px 0;
		}
	}