/*
 * Premier Plasmotec CSR and Sustainability page module.
 *
 * Gutenberg remains the structure, copy and governed-media authority. This
 * route stylesheet turns the existing hero, two verified legacy metrics, four
 * evidence images and four published project records into a bounded documentary
 * composition. It does not manufacture claims, records, media or page markup.
 */

body.ppps-module-csr-sustainability {
	--pp-csr-accent: #aebdc0;
	--pp-csr-accent-bright: #dce5e6;
	--pp-csr-ink: #07090a;
	--pp-csr-graphite: #121617;
	--pp-csr-steel: #2a3031;
	--pp-csr-paper: #f2f0e9;
	--pp-csr-paper-bright: #f8f6ef;
	--pp-csr-line-dark: rgba(255, 255, 255, .18);
	--pp-csr-line-light: rgba(7, 9, 10, .19);
}

body.ppps-module-csr-sustainability .page-studio-content {
	overflow: clip;
}

body.ppps-module-csr-sustainability :where(
	.pp-hero__inner,
	.pp-block__inner,
	.pp-section__inner,
	.pp-block__header,
	.pp-block__title,
	.pp-block__copy,
	.pp-metrics,
	.pp-metric,
	.pp-csr-media,
	.pp-card-grid,
	.pp-technical-card
) {
	min-width: 0;
}

/* -------------------------------------------------------------------------- */
/* Opening documentary frame.                                                 */
/* -------------------------------------------------------------------------- */

body.ppps-module-csr-sustainability .pp-block--industrial-hero {
	position: relative;
	min-height: max(48rem, 100svh);
	border-bottom: 1px solid var(--pp-csr-line-dark);
	background:
		linear-gradient(
			rgba(255, 255, 255, .055) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(255, 255, 255, .055) 1px,
			transparent 1px
		),
		var(--pp-csr-ink);
	background-size: 72px 72px;
	isolation: isolate;
}

body.ppps-module-csr-sustainability
	.pp-block--industrial-hero
	.pp-hero__media {
	position: absolute;
	z-index: 0;
	top: clamp(7.25rem, 11vh, 9rem);
	right: clamp(3rem, 6vw, 7rem);
	bottom: clamp(3rem, 7vh, 6rem);
	left: auto;
	width: min(43vw, 46rem);
	height: auto;
	border: 1px solid var(--pp-csr-line-dark);
	background: var(--pp-csr-steel);
	clip-path: inset(
		calc((1 - var(--pp-scene-progress, 0)) * 3.5%)
		calc((1 - var(--pp-scene-progress, 0)) * 5%)
	);
	transform:
		translate3d(
			calc(var(--pp-scene-progress, 0) * -1.6vw),
			calc(var(--pp-scene-progress, 0) * -1.1rem),
			0
		)
		scale(calc(.97 + var(--pp-scene-progress, 0) * .03));
	transform-origin: 72% 48%;
	overflow: clip;
}

body.ppps-module-csr-sustainability
	.pp-block--industrial-hero
	.pp-hero__media::before {
	position: absolute;
	z-index: 2;
	inset: 0;
	content: "";
	pointer-events: none;
	background:
		linear-gradient(
			rgba(255, 255, 255, .1) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(255, 255, 255, .1) 1px,
			transparent 1px
		);
	background-size: 25% 25%;
	mix-blend-mode: soft-light;
}

body.ppps-module-csr-sustainability
	.pp-block--industrial-hero
	.pp-hero__media::after {
	position: absolute;
	z-index: 3;
	inset: 0;
	content: "";
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(7, 9, 10, .36), transparent 54%),
		linear-gradient(0deg, rgba(7, 9, 10, .58), transparent 56%);
}

body.ppps-module-csr-sustainability
	.pp-block--industrial-hero
	.pp-hero__media
	img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(.18) saturate(.72) contrast(1.08) brightness(.82);
	transform:
		translate(-50%, -50%)
		rotate(90deg)
		scale(calc(1.22 + var(--pp-scene-progress, 0) * .06));
	transform-origin: 50% 50%;
}

body.ppps-module-csr-sustainability
	.pp-block--industrial-hero
	.pp-hero__interface {
	z-index: 1;
	opacity: .42;
}

body.ppps-module-csr-sustainability
	.pp-block--industrial-hero
	.pp-hero__inner {
	position: relative;
	z-index: 4;
	display: grid;
	width: min(calc(100% - clamp(2.5rem, 9vw, 9rem)), 128rem);
	max-width: none;
	min-height: max(48rem, 100svh);
	margin-inline: auto;
	padding-block: clamp(8.5rem, 15vh, 12rem) clamp(2.5rem, 6vh, 5rem);
	align-content: center;
	grid-template-columns: minmax(0, 1fr);
}

body.ppps-module-csr-sustainability
	.pp-block--industrial-hero
	.pp-block__header {
	width: min(57vw, 66rem);
	max-width: none;
}

body.ppps-module-csr-sustainability
	.pp-block--industrial-hero
	.pp-block__title {
	max-width: 9.2ch;
	font-size: clamp(4.4rem, 7.2vw, 8.8rem);
	letter-spacing: -.064em;
	line-height: .89;
	text-wrap: balance;
}

body.ppps-module-csr-sustainability
	.pp-block--industrial-hero
	.pp-block__copy {
	max-width: 45rem;
	font-size: clamp(1rem, 1.15vw, 1.22rem);
	line-height: 1.58;
}

body.ppps-module-csr-sustainability
	.pp-block--industrial-hero
	.pp-block__actions {
	width: min(57vw, 48rem);
	margin-top: clamp(1.3rem, 2vw, 2rem);
	gap: .75rem;
}

body.ppps-module-csr-sustainability
	.pp-block--industrial-hero
	.pp-button {
	min-height: 3.25rem;
}

body.ppps-module-csr-sustainability
	.pp-block--industrial-hero
	.pp-hero__inner
	> .pp-metrics {
	display: grid;
	width: min(57vw, 46rem);
	margin-top: clamp(2.2rem, 4.5vh, 4.5rem);
	border-top: 1px solid var(--pp-csr-line-dark);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.ppps-module-csr-sustainability
	.pp-block--industrial-hero
	.pp-metric {
	min-height: 8.5rem;
	padding: 1.45rem 1.5rem 1rem 0;
	border: 0;
	border-right: 1px solid var(--pp-csr-line-dark);
	background: transparent;
}

body.ppps-module-csr-sustainability
	.pp-block--industrial-hero
	.pp-metric:last-child {
	padding-left: 1.5rem;
	border-right: 0;
}

body.ppps-module-csr-sustainability
	.pp-block--industrial-hero
	.pp-metric__value {
	font-size: clamp(2.45rem, 3.5vw, 4.5rem);
	letter-spacing: -.04em;
	line-height: .92;
}

/* -------------------------------------------------------------------------- */
/* Outcomes and governed evidence field.                                      */
/* -------------------------------------------------------------------------- */

body.ppps-module-csr-sustainability
	.pp-block--section:has(
		> .pp-section__inner > .pp-block--csr-proof
	) {
	padding: 0;
	background:
		linear-gradient(
			rgba(7, 9, 10, .045) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(7, 9, 10, .045) 1px,
			transparent 1px
		),
		var(--pp-csr-paper);
	background-size: 72px 72px;
}

body.ppps-module-csr-sustainability
	.pp-block--section:has(
		> .pp-section__inner > .pp-block--csr-proof
	)
	> .pp-section__inner {
	width: 100%;
	max-width: none;
	padding: 0;
}

body.ppps-module-csr-sustainability .pp-block--csr-proof {
	padding-block: clamp(6rem, 10vw, 12rem);
	background: transparent;
}

body.ppps-module-csr-sustainability
	.pp-block--csr-proof
	> .pp-block__inner {
	display: grid;
	width: min(calc(100% - clamp(2.5rem, 9vw, 9rem)), 128rem);
	max-width: none;
	margin-inline: auto;
	grid-template-columns: minmax(18rem, .74fr) minmax(0, 1.26fr);
	grid-template-rows: auto 1fr;
	column-gap: clamp(3rem, 7vw, 8rem);
	row-gap: clamp(3rem, 5vw, 5rem);
}

body.ppps-module-csr-sustainability
	.pp-block--csr-proof
	.pp-block__header {
	width: 100%;
	max-width: none;
	grid-column: 1;
	grid-row: 1;
	align-self: start;
}

body.ppps-module-csr-sustainability
	.pp-block--csr-proof
	.pp-block__title {
	max-width: 9.5ch;
	font-size: clamp(3.8rem, 5.5vw, 6.9rem);
	letter-spacing: -.064em;
	line-height: .9;
	text-wrap: balance;
}

body.ppps-module-csr-sustainability
	.pp-block--csr-proof
	.pp-block__copy {
	max-width: 36rem;
	font-size: clamp(1rem, 1.1vw, 1.18rem);
	line-height: 1.62;
}

body.ppps-module-csr-sustainability
	.pp-block--csr-proof
	.pp-metrics {
	display: grid;
	width: 100%;
	margin: 0;
	border-top: 1px solid var(--pp-csr-line-light);
	border-bottom: 1px solid var(--pp-csr-line-light);
	grid-column: 1;
	grid-row: 2;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-self: end;
}

body.ppps-module-csr-sustainability
	.pp-block--csr-proof
	.pp-metric {
	min-height: 14rem;
	padding: 2rem 1.25rem 1.4rem 0;
	border: 0;
	border-right: 1px solid var(--pp-csr-line-light);
	background: transparent;
}

body.ppps-module-csr-sustainability
	.pp-block--csr-proof
	.pp-metric:last-child {
	padding-left: 1.25rem;
	border-right: 0;
}

body.ppps-module-csr-sustainability
	.pp-block--csr-proof
	.pp-metric__value {
	font-size: clamp(4rem, 6.4vw, 8.2rem);
	letter-spacing: -.064em;
	line-height: .82;
}

body.ppps-module-csr-sustainability
	.pp-block--csr-proof
	.pp-metric__label {
	margin-top: auto;
}

body.ppps-module-csr-sustainability
	.pp-block--csr-proof
	.pp-csr-media {
	position: relative;
	display: grid;
	width: 100%;
	height: clamp(44rem, 66vw, 68rem);
	margin: 0;
	grid-column: 2;
	grid-row: 1 / span 2;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-template-rows: repeat(10, minmax(0, 1fr));
	gap: clamp(.75rem, 1.2vw, 1.25rem);
	align-self: stretch;
}

body.ppps-module-csr-sustainability
	.pp-block--csr-proof
	.pp-csr-media
	figure {
	position: relative;
	display: block;
	min-width: 0;
	min-height: 0;
	margin: 0;
	border: 1px solid var(--pp-csr-line-light);
	background: #d9dad5;
	overflow: clip;
	isolation: isolate;
}

body.ppps-module-csr-sustainability
	.pp-block--csr-proof
	.pp-csr-media
	figure:nth-child(1) {
	grid-column: 1 / span 7;
	grid-row: 1 / span 6;
}

body.ppps-module-csr-sustainability
	.pp-block--csr-proof
	.pp-csr-media
	figure:nth-child(2) {
	grid-column: 8 / span 5;
	grid-row: 1 / span 3;
}

body.ppps-module-csr-sustainability
	.pp-block--csr-proof
	.pp-csr-media
	figure:nth-child(3) {
	grid-column: 8 / span 5;
	grid-row: 4 / span 3;
}

body.ppps-module-csr-sustainability
	.pp-block--csr-proof
	.pp-csr-media
	figure:nth-child(4) {
	grid-column: 3 / span 8;
	grid-row: 7 / span 4;
}

body.ppps-module-csr-sustainability
	.pp-block--csr-proof
	.pp-csr-media
	figure::after {
	position: absolute;
	z-index: 2;
	inset: 0;
	content: "";
	pointer-events: none;
	background:
		linear-gradient(0deg, rgba(7, 9, 10, .34), transparent 45%),
		linear-gradient(
			rgba(255, 255, 255, .08) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(255, 255, 255, .08) 1px,
			transparent 1px
		);
	background-size: auto, 25% 25%, 25% 25%;
}

body.ppps-module-csr-sustainability
	.pp-block--csr-proof
	.pp-csr-media
	img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(.12) saturate(.84) contrast(1.06);
	transform: scale(1.002);
	transition:
		filter 480ms ease,
		transform 900ms cubic-bezier(.22, 1, .36, 1);
}

body.ppps-module-csr-sustainability
	.pp-block--csr-proof
	.pp-csr-media
	figure:nth-child(1)
	img {
	inset: auto;
	top: 50%;
	left: 50%;
	width: 75%;
	height: 134%;
	transform: translate(-50%, -50%) rotate(90deg) scale(1.01);
}

@media (hover: hover) and (pointer: fine) {
	body.ppps-module-csr-sustainability
		.pp-block--csr-proof
		.pp-csr-media
		figure:hover
		img {
		filter: grayscale(0) saturate(.98) contrast(1.04);
		transform: scale(1.035);
	}

	body.ppps-module-csr-sustainability
		.pp-block--csr-proof
		.pp-csr-media
		figure:nth-child(1):hover
		img {
		transform: translate(-50%, -50%) rotate(90deg) scale(1.045);
	}
}

/* Subordinate evidence entrances. */

body.ppps-module-csr-sustainability[data-pp-csr-enhanced="ready"]
	[data-pp-csr-evidence][data-pp-csr-state="waiting"] {
	opacity: .58;
	clip-path: inset(0 18% 0 0);
	transform: translate3d(0, 1.25rem, 0);
}

body.ppps-module-csr-sustainability[data-pp-csr-enhanced="ready"]
	[data-pp-csr-evidence]:nth-child(even)[data-pp-csr-state="waiting"] {
	clip-path: inset(0 0 0 18%);
}

body.ppps-module-csr-sustainability[data-pp-csr-enhanced="ready"]
	[data-pp-csr-evidence][data-pp-csr-state="visible"] {
	opacity: 1;
	clip-path: inset(0);
	transform: none;
	transition:
		opacity 360ms ease,
		clip-path 760ms cubic-bezier(.22, 1, .36, 1),
		transform 760ms cubic-bezier(.22, 1, .36, 1);
	transition-delay: calc(var(--pp-csr-index, 0) * 55ms);
}

/* -------------------------------------------------------------------------- */
/* Four published project records as a legible evidence ledger.               */
/* -------------------------------------------------------------------------- */

body.ppps-module-csr-sustainability
	.pp-block--section:has(
		> .pp-section__inner
		> [data-pp-card-presentation="evidence_grid"]
	) {
	padding: 0;
	background:
		linear-gradient(
			rgba(255, 255, 255, .055) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(255, 255, 255, .055) 1px,
			transparent 1px
		),
		var(--pp-csr-graphite);
	background-size: 72px 72px;
}

body.ppps-module-csr-sustainability
	.pp-block--section:has(
		> .pp-section__inner
		> [data-pp-card-presentation="evidence_grid"]
	)
	> .pp-section__inner {
	width: 100%;
	max-width: none;
	padding: 0;
}

body.ppps-module-csr-sustainability
	[data-pp-card-presentation="evidence_grid"] {
	padding-block: clamp(6rem, 10vw, 12rem);
	background: transparent;
}

body.ppps-module-csr-sustainability
	[data-pp-card-presentation="evidence_grid"]
	> .pp-block__inner {
	width: min(calc(100% - clamp(2.5rem, 9vw, 9rem)), 128rem);
	max-width: none;
	margin-inline: auto;
}

body.ppps-module-csr-sustainability
	[data-pp-card-presentation="evidence_grid"]
	.pp-block__header {
	width: min(100%, 92rem);
	max-width: none;
	margin-bottom: clamp(4rem, 7vw, 7rem);
}

body.ppps-module-csr-sustainability
	[data-pp-card-presentation="evidence_grid"]
	.pp-block__title {
	max-width: 11ch;
	font-size: clamp(4rem, 6.6vw, 8.25rem);
	letter-spacing: -.064em;
	line-height: .9;
	text-wrap: balance;
}

body.ppps-module-csr-sustainability
	[data-pp-card-presentation="evidence_grid"]
	.pp-block__copy {
	max-width: 50rem;
	font-size: clamp(1rem, 1.1vw, 1.18rem);
	line-height: 1.6;
}

body.ppps-module-csr-sustainability
	[data-pp-card-presentation="evidence_grid"]
	.pp-card-grid {
	display: block;
	width: 100%;
	border-top: 1px solid var(--pp-csr-line-dark);
}

body.ppps-module-csr-sustainability
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card {
	position: relative;
	display: grid;
	width: 100%;
	min-height: clamp(15rem, 19vw, 20rem);
	margin: 0;
	padding: clamp(2.5rem, 4vw, 4.5rem) clamp(1.25rem, 2.4vw, 2.5rem);
	border: 0;
	border-bottom: 1px solid var(--pp-csr-line-dark);
	background: rgba(255, 255, 255, .015);
	grid-template-columns:
		minmax(5rem, .18fr)
		minmax(17rem, .62fr)
		minmax(21rem, 1fr);
	grid-template-rows: auto auto;
	grid-template-areas:
		"number eyebrow copy"
		"number title copy";
	column-gap: clamp(1.5rem, 4vw, 5rem);
	align-items: center;
	overflow: clip;
	transition:
		background-color 360ms ease,
		color 360ms ease;
}

body.ppps-module-csr-sustainability
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card::before {
	position: absolute;
	z-index: 2;
	top: -1px;
	left: 0;
	width: 100%;
	height: 3px;
	content: "";
	background: var(--pp-csr-accent-bright);
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition: transform 760ms cubic-bezier(.22, 1, .36, 1);
}

body.ppps-module-csr-sustainability
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card:nth-child(even)::before {
	transform-origin: 100% 50%;
}

body.ppps-module-csr-sustainability
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card__media-stack {
	display: none;
}

body.ppps-module-csr-sustainability
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card__number {
	grid-area: number;
	align-self: start;
	margin: 0;
	color: var(--pp-csr-accent-bright);
	font-size: clamp(3.2rem, 5vw, 6.7rem);
	font-weight: 500;
	letter-spacing: -.055em;
	line-height: .82;
	transition: transform 480ms cubic-bezier(.22, 1, .36, 1);
}

body.ppps-module-csr-sustainability
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card
	> .pp-block__eyebrow {
	grid-area: eyebrow;
	align-self: end;
	margin: 0 0 1rem;
	color: var(--pp-csr-accent);
}

body.ppps-module-csr-sustainability
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card
	> h3 {
	max-width: 13ch;
	margin: 0;
	grid-area: title;
	align-self: start;
	font-size: clamp(2.1rem, 3.2vw, 4.4rem);
	letter-spacing: -.045em;
	line-height: .94;
	text-wrap: balance;
}

body.ppps-module-csr-sustainability
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card
	> p:not(.pp-block__eyebrow) {
	max-width: 46rem;
	margin: 0;
	grid-area: copy;
	color: rgba(255, 255, 255, .72);
	font-size: clamp(1.05rem, 1.4vw, 1.45rem);
	line-height: 1.55;
}

body.ppps-module-csr-sustainability[data-pp-csr-enhanced="ready"]
	[data-pp-csr-project][data-pp-csr-state="waiting"] {
	opacity: .56;
	transform: translate3d(-1.75rem, 0, 0);
}

body.ppps-module-csr-sustainability[data-pp-csr-enhanced="ready"]
	[data-pp-csr-project]:nth-child(even)[data-pp-csr-state="waiting"] {
	transform: translate3d(1.75rem, 0, 0);
}

body.ppps-module-csr-sustainability[data-pp-csr-enhanced="ready"]
	[data-pp-csr-project][data-pp-csr-state="visible"] {
	opacity: 1;
	transform: none;
	transition:
		opacity 420ms ease,
		transform 820ms cubic-bezier(.22, 1, .36, 1);
}

body.ppps-module-csr-sustainability[data-pp-csr-enhanced="ready"]
	[data-pp-csr-project][data-pp-csr-state="visible"]::before {
	transform: scaleX(1);
	transition-delay: calc(var(--pp-csr-index, 0) * 45ms);
}

@media (hover: hover) and (pointer: fine) {
	body.ppps-module-csr-sustainability
		[data-pp-card-presentation="evidence_grid"]
		.pp-technical-card:hover {
		background: rgba(255, 255, 255, .06);
	}

	body.ppps-module-csr-sustainability
		[data-pp-card-presentation="evidence_grid"]
		.pp-technical-card:hover
		.pp-technical-card__number {
		transform: translate3d(.45rem, 0, 0);
	}
}

/* Do not leave an empty policy band when Core has no publishable CSR record. */

body.ppps-module-csr-sustainability
	.pp-block--section:has(> .pp-section__inner:empty) {
	display: none;
}

/* -------------------------------------------------------------------------- */
/* Compact screens: complete normal flow with no pinned or hidden content.     */
/* -------------------------------------------------------------------------- */

@media (max-width: 900px) {
	body.ppps-module-csr-sustainability .pp-block--industrial-hero {
		min-height: 43rem;
	}

	body.ppps-module-csr-sustainability
		.pp-block--industrial-hero
		.pp-hero__media {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
		clip-path: none;
		opacity: .68;
		transform: none;
	}

	body.ppps-module-csr-sustainability
		.pp-block--industrial-hero
		.pp-hero__media
		img {
		width: 132%;
		height: 132%;
		filter: grayscale(.2) saturate(.66) contrast(1.08) brightness(.58);
		transform: translate(-50%, -50%) rotate(90deg) scale(1.02);
	}

	body.ppps-module-csr-sustainability
		.pp-block--industrial-hero
		.pp-hero__media::after {
		background:
			linear-gradient(90deg, rgba(7, 9, 10, .82), rgba(7, 9, 10, .3)),
			linear-gradient(0deg, rgba(7, 9, 10, .92), rgba(7, 9, 10, .08));
	}

	body.ppps-module-csr-sustainability
		.pp-block--industrial-hero
		.pp-hero__inner {
		width: calc(100% - 2.5rem);
		min-height: 43rem;
		padding-block: 7.3rem 2rem;
		align-content: end;
	}

	body.ppps-module-csr-sustainability
		.pp-block--industrial-hero
		.pp-block__header,
	body.ppps-module-csr-sustainability
		.pp-block--industrial-hero
		.pp-block__actions,
	body.ppps-module-csr-sustainability
		.pp-block--industrial-hero
		.pp-hero__inner
		> .pp-metrics {
		width: 100%;
	}

	body.ppps-module-csr-sustainability
		.pp-block--industrial-hero
		.pp-block__title {
		max-width: 10ch;
		font-size: clamp(3rem, 13vw, 4.45rem);
		line-height: .92;
	}

	body.ppps-module-csr-sustainability
		.pp-block--industrial-hero
		.pp-block__copy {
		max-width: 31rem;
		font-size: 1rem;
		line-height: 1.55;
	}

	body.ppps-module-csr-sustainability
		.pp-block--industrial-hero
		.pp-block__actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	body.ppps-module-csr-sustainability
		.pp-block--industrial-hero
		.pp-button {
		width: fit-content;
		max-width: 100%;
	}

	body.ppps-module-csr-sustainability
		.pp-block--industrial-hero
		.pp-hero__inner
		> .pp-metrics {
		margin-top: 1.65rem;
	}

	body.ppps-module-csr-sustainability
		.pp-block--industrial-hero
		.pp-metric {
		min-height: 7.25rem;
		padding: 1.2rem .85rem .85rem 0;
	}

	body.ppps-module-csr-sustainability
		.pp-block--industrial-hero
		.pp-metric:last-child {
		padding-left: .85rem;
	}

	body.ppps-module-csr-sustainability
		.pp-block--industrial-hero
		.pp-metric__value {
		font-size: 2.5rem;
	}

	body.ppps-module-csr-sustainability .pp-block--csr-proof {
		padding-block: 5rem;
	}

	body.ppps-module-csr-sustainability
		.pp-block--csr-proof
		> .pp-block__inner {
		display: block;
		width: calc(100% - 2.5rem);
	}

	body.ppps-module-csr-sustainability
		.pp-block--csr-proof
		.pp-block__title {
		max-width: 10ch;
		font-size: clamp(3.1rem, 13vw, 4.75rem);
	}

	body.ppps-module-csr-sustainability
		.pp-block--csr-proof
		.pp-metrics {
		margin-top: 2.6rem;
	}

	body.ppps-module-csr-sustainability
		.pp-block--csr-proof
		.pp-metric {
		min-height: 10rem;
		padding: 1.5rem .85rem 1rem 0;
	}

	body.ppps-module-csr-sustainability
		.pp-block--csr-proof
		.pp-metric:last-child {
		padding-left: .85rem;
	}

	body.ppps-module-csr-sustainability
		.pp-block--csr-proof
		.pp-metric__value {
		font-size: clamp(3.4rem, 17vw, 5rem);
	}

	body.ppps-module-csr-sustainability
		.pp-block--csr-proof
		.pp-csr-media {
		display: grid;
		width: 100%;
		height: auto;
		margin-top: 2.7rem;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: auto;
		gap: .75rem;
	}

	body.ppps-module-csr-sustainability
		.pp-block--csr-proof
		.pp-csr-media
		figure:nth-child(n) {
		grid-column: auto;
		grid-row: auto;
		aspect-ratio: 1 / 1;
	}

	body.ppps-module-csr-sustainability
		.pp-block--csr-proof
		.pp-csr-media
		figure:nth-child(1),
	body.ppps-module-csr-sustainability
		.pp-block--csr-proof
		.pp-csr-media
		figure:nth-child(4) {
		grid-column: 1 / -1;
		aspect-ratio: 4 / 3;
	}

	body.ppps-module-csr-sustainability
		[data-pp-card-presentation="evidence_grid"] {
		padding-block: 5rem;
	}

	body.ppps-module-csr-sustainability
		[data-pp-card-presentation="evidence_grid"]
		> .pp-block__inner {
		width: calc(100% - 2.5rem);
	}

	body.ppps-module-csr-sustainability
		[data-pp-card-presentation="evidence_grid"]
		.pp-block__header {
		margin-bottom: 3rem;
	}

	body.ppps-module-csr-sustainability
		[data-pp-card-presentation="evidence_grid"]
		.pp-block__title {
		max-width: 10ch;
		font-size: clamp(3.15rem, 13vw, 4.9rem);
	}

	body.ppps-module-csr-sustainability
		[data-pp-card-presentation="evidence_grid"]
		.pp-technical-card {
		display: grid;
		min-height: 0;
		padding: 2rem 0 2.4rem;
		grid-template-columns: 4.5rem minmax(0, 1fr);
		grid-template-rows: auto auto auto;
		grid-template-areas:
			"number eyebrow"
			"number title"
			". copy";
		column-gap: 1rem;
		align-items: start;
	}

	body.ppps-module-csr-sustainability
		[data-pp-card-presentation="evidence_grid"]
		.pp-technical-card__number {
		font-size: 3.35rem;
	}

	body.ppps-module-csr-sustainability
		[data-pp-card-presentation="evidence_grid"]
		.pp-technical-card
		> .pp-block__eyebrow {
		margin: .15rem 0 .75rem;
	}

	body.ppps-module-csr-sustainability
		[data-pp-card-presentation="evidence_grid"]
		.pp-technical-card
		> h3 {
		max-width: 12ch;
		font-size: clamp(2.25rem, 10vw, 3.6rem);
	}

	body.ppps-module-csr-sustainability
		[data-pp-card-presentation="evidence_grid"]
		.pp-technical-card
		> p:not(.pp-block__eyebrow) {
		max-width: 31rem;
		margin-top: 1.5rem;
		font-size: 1rem;
		line-height: 1.55;
	}
}

/* -------------------------------------------------------------------------- */
/* Static, Lite and user-preference fallbacks.                                */
/* -------------------------------------------------------------------------- */

body.ppps-module-csr-sustainability:is(
	.ppps-runtime-disabled,
	.ppps-readiness-failed,
	.ppps-motion-reduced,
	.ppps-motion-off
) [data-pp-csr-state],
body.ppps-module-csr-sustainability.ppps-capability-lite
	[data-pp-csr-state] {
	opacity: 1;
	clip-path: none;
	transform: none;
	transition: none;
}

body.ppps-module-csr-sustainability:is(
	.ppps-runtime-disabled,
	.ppps-readiness-failed,
	.ppps-motion-reduced,
	.ppps-motion-off
) [data-pp-csr-project]::before,
body.ppps-module-csr-sustainability.ppps-capability-lite
	[data-pp-csr-project]::before {
	transform: scaleX(1);
	transition: none;
}

body.ppps-module-csr-sustainability:is(
	.ppps-runtime-disabled,
	.ppps-readiness-failed,
	.ppps-motion-reduced,
	.ppps-motion-off
) .pp-block--industrial-hero .pp-hero__media {
	clip-path: none;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	body.ppps-module-csr-sustainability *,
	body.ppps-module-csr-sustainability *::before,
	body.ppps-module-csr-sustainability *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		transition-delay: 0ms !important;
	}

	body.ppps-module-csr-sustainability
		[data-pp-csr-state] {
		opacity: 1;
		clip-path: none;
		transform: none;
	}
}