/*
 * About page: The Ranch / The Cattle scroll stage and Our Values.
 * Desktop geometry follows the live 1200px Showit canvas; mobile follows the live 390px layout.
 */

/* The Ranch / The Cattle: one section with a pinned photo stage. */
body.page-id-6 .hr-about-story {
	min-height: 0 !important;
	overflow: clip;
	padding: 0 !important;
}

body.page-id-6 .hr-about-story .hr-about-panel {
	max-width: 513px;
}

body.page-id-6 .hr-about-story .hr-about-panel :is(h2, h3, p, ul) {
	padding: 0;
}

body.page-id-6 .hr-about-story .hr-about-panel p {
	color: var(--hr-cream);
}

@media (min-width: 768px) {
	body.page-id-6 .hr-about-story > .et_pb_row {
		display: block;
		margin: 0 0 -100vh !important;
		max-width: none !important;
		padding: 0 !important;
		position: relative;
		width: 100% !important;
	}

	/* Keeps the stage pinned while the next section scrolls over it, as on live. */
	body.page-id-6 .hr-about-story > .et_pb_row::after {
		content: "";
		display: block;
		height: 100vh;
	}

	body.page-id-6 .hr-about-story .et_pb_column {
		float: none;
		margin: 0 !important;
		width: 100% !important;
	}

	body.page-id-6 .hr-about-story .et_pb_column:first-child {
		background: var(--hr-charcoal);
		height: 100vh;
		overflow: hidden;
		position: sticky;
		top: 0;
		z-index: 0;
	}

	body.page-id-6 .hr-about-story .et_pb_column:last-child {
		position: relative;
		z-index: 1;
	}

	body.page-id-6 .hr-about-story .hr-story-photo {
		height: 100% !important;
		left: 0;
		margin: 0 !important;
		opacity: 0;
		position: absolute !important;
		top: 0;
		width: calc(50% - 152px) !important;
	}

	body.page-id-6 .hr-about-story:not(.is-ready) .hr-story-photo--ranch,
	body.page-id-6 .hr-about-story .hr-story-photo.is-active {
		opacity: 1;
	}

	body.page-id-6 .hr-about-story .hr-story-photo.is-active {
		animation: hr-story-fade-in 1.5s ease both;
	}

	body.page-id-6 .hr-about-story .hr-story-copy {
		align-items: flex-start;
		box-sizing: border-box;
		display: block;
		margin: 0 !important;
		min-height: 0;
		padding: 0 0 0 calc(50% - 73px) !important;
	}

	body.page-id-6 .hr-about-story .hr-story-copy--ranch {
		height: 800px;
	}

	body.page-id-6 .hr-about-story.hr-about-split .hr-story-copy--cattle {
		height: auto;
		padding-bottom: 139px !important;
		padding-top: 139px !important;
	}

	body.page-id-6 .hr-about-story .hr-about-panel h2 {
		color: var(--hr-cream);
		font-size: 65px;
		letter-spacing: 3.25px;
		line-height: 72px;
		margin: 0 0 -3px;
	}

	body.page-id-6 .hr-about-story .hr-about-panel h3 {
		font-family: var(--hr-slab);
		font-size: 20px;
		font-weight: 500;
		letter-spacing: 3px;
		line-height: 25px;
		margin: 0 0 36px;
	}

	body.page-id-6 .hr-about-story .hr-about-panel p {
		font-size: 16px;
		line-height: 26px;
		margin: 0;
	}

	body.page-id-6 .hr-about-story .hr-about-panel p + p {
		margin-top: 26px;
	}

	body.page-id-6 .hr-about-story .hr-check-list {
		margin: 50px 0 18px;
	}

	body.page-id-6 .hr-about-story .hr-check-list li {
		font-size: 22px;
		letter-spacing: 0.66px;
		line-height: 26px;
		margin: 0 0 45px;
		max-width: 388px;
		padding-left: 93px;
	}

	body.page-id-6 .hr-about-story .hr-check-list li::before {
		height: 28px;
		left: 32px;
		top: -1px;
		width: 28px;
	}

	body.page-id-6 .hr-about-story .hr-check-list li::after {
		left: 40px;
		top: 7px;
	}

	body.page-id-6 .hr-about-story .hr-about-panel .hr-button {
		margin-top: 49px;
	}

	body.page-id-6 .hr-about-story .hr-story-copy--cattle .hr-about-panel p:has(> .hr-button) {
		margin-top: 0;
	}
}

@keyframes hr-story-fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@media (max-width: 767px) {
	body.page-id-6 .hr-about-story > .et_pb_row {
		display: flex;
		flex-direction: column;
	}

	body.page-id-6 .hr-about-story .et_pb_column {
		display: contents;
	}

	body.page-id-6 .hr-about-story .hr-story-photo--ranch {
		order: 1;
	}

	body.page-id-6 .hr-about-story .hr-story-copy--ranch {
		box-sizing: border-box;
		min-height: 923px;
		order: 2;
	}

	body.page-id-6 .hr-about-story .hr-story-photo--cattle {
		order: 3;
	}

	body.page-id-6 .hr-about-story.hr-about-split .hr-story-copy--cattle {
		align-items: flex-start;
		box-sizing: border-box;
		justify-content: flex-start;
		min-height: 0;
		order: 4;
		padding-bottom: 80.5px !important;
		padding-top: 2rem;
	}

	body.page-id-6 .hr-about-story .hr-story-copy--cattle .hr-button {
		margin-top: 91.4px;
	}

	body.page-id-6 .hr-about-story .hr-story-photo {
		height: 366px !important;
		margin: 0 !important;
		width: 100%;
	}
}

/* Our Values: outlined title centered, values placed around it. */
body.page-id-6 .hr-about-values {
	--hr-values-u: min(1px, calc(100vw / 1200));
	background-image: none !important;
	box-sizing: border-box;
	height: calc(700 * var(--hr-values-u));
	min-height: 0;
	overflow: hidden;
	padding: 0 !important;
	position: relative;
}

body.page-id-6 .hr-about-values > .et-pb-background-video,
body.page-id-6 .hr-about-values > .et_pb_section_video_bg {
	opacity: 0.3;
}

body.page-id-6 .hr-about-values > .et_pb_row {
	height: 100%;
	margin: 0 auto !important;
	max-width: none !important;
	padding: 0 !important;
	position: relative;
	width: calc(1200 * var(--hr-values-u)) !important;
	z-index: 2;
}

body.page-id-6 .hr-about-values :is(.et_pb_column, .et_pb_text, .et_pb_text_inner) {
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	position: static;
}

body.page-id-6 .hr-values {
	height: 100%;
	position: relative;
	width: 100%;
}

body.page-id-6 .hr-values .hr-values__item {
	color: var(--hr-cream);
	font-family: var(--hr-slab);
	font-size: calc(40 * var(--hr-values-u));
	font-weight: 700;
	letter-spacing: calc(6 * var(--hr-values-u));
	line-height: calc(40 * var(--hr-values-u));
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
}

body.page-id-6 .hr-values .hr-values__title {
	border: 3px solid var(--hr-cream);
	box-sizing: border-box;
	color: var(--hr-charcoal);
	font-family: var(--hr-display);
	font-size: calc(65 * var(--hr-values-u));
	height: calc(76 * var(--hr-values-u));
	left: calc(449 * var(--hr-values-u));
	letter-spacing: calc(3.25 * var(--hr-values-u));
	line-height: calc(58 * var(--hr-values-u));
	margin: 0;
	padding: calc(9.25 * var(--hr-values-u)) 0 0;
	position: absolute;
	text-align: center;
	top: calc(312 * var(--hr-values-u));
	width: calc(302 * var(--hr-values-u));
}

body.page-id-6 .hr-values__item--quality {
	left: calc(134 * var(--hr-values-u));
	top: calc(82 * var(--hr-values-u));
	width: calc(217 * var(--hr-values-u));
}

body.page-id-6 .hr-values__item--integrity {
	left: calc(602 * var(--hr-values-u));
	top: calc(184 * var(--hr-values-u));
	width: calc(319 * var(--hr-values-u));
}

body.page-id-6 .hr-values__item--community {
	left: 0;
	top: calc(353 * var(--hr-values-u));
	width: calc(369 * var(--hr-values-u));
}

body.page-id-6 .hr-values__item--sustainability {
	left: calc(761 * var(--hr-values-u));
	top: calc(463 * var(--hr-values-u));
	width: calc(437 * var(--hr-values-u));
}

body.page-id-6 .hr-values__item--relationships {
	left: calc(314 * var(--hr-values-u));
	top: calc(560 * var(--hr-values-u));
	width: calc(437 * var(--hr-values-u));
}

@media (max-width: 767px) {
	body.page-id-6 .hr-about-values {
		--hr-values-m: min(calc(100vw / 390), calc(430px / 390));
		height: calc(775 * var(--hr-values-m));
	}

	body.page-id-6 .hr-about-values > .et_pb_row {
		width: 100% !important;
	}

	body.page-id-6 .hr-values .hr-values__item {
		font-size: calc(28 * var(--hr-values-m));
		left: 50%;
		letter-spacing: calc(4.2 * var(--hr-values-m));
		line-height: calc(28 * var(--hr-values-m));
		transform: translateX(-50%);
		width: calc(330 * var(--hr-values-m));
	}

	body.page-id-6 .hr-values .hr-values__title {
		font-size: calc(61 * var(--hr-values-m));
		height: calc(80 * var(--hr-values-m));
		left: 50%;
		letter-spacing: calc(3.05 * var(--hr-values-m));
		line-height: calc(55 * var(--hr-values-m));
		padding-top: calc(11.25 * var(--hr-values-m));
		top: calc(80 * var(--hr-values-m));
		transform: translateX(-50%);
		width: calc(295 * var(--hr-values-m));
	}

	body.page-id-6 .hr-values__item--quality {
		top: calc(227 * var(--hr-values-m));
	}

	body.page-id-6 .hr-values__item--integrity {
		top: calc(312 * var(--hr-values-m));
	}

	body.page-id-6 .hr-values__item--community {
		max-width: calc(260 * var(--hr-values-m));
		top: calc(395 * var(--hr-values-m));
	}

	body.page-id-6 .hr-values__item--sustainability {
		top: calc(511 * var(--hr-values-m));
	}

	body.page-id-6 .hr-values__item--relationships {
		top: calc(592 * var(--hr-values-m));
	}
}

@media (prefers-reduced-motion: reduce) {
	body.page-id-6 .hr-about-story .hr-story-photo.is-active {
		animation: none;
	}
}