/**
 * Premier Plasmotec Careers route.
 *
 * Gutenberg remains the source for the hero, six governed career-area records,
 * the Core-owned vacancy query and the operational application form. This
 * module supplies only route-scoped composition and subordinate entrances.
 */

body.ppps-module-careers {
	--pp-careers-ink: #07090a;
	--pp-careers-graphite: #111516;
	--pp-careers-paper: #f0eee7;
	--pp-careers-paper-deep: #d9d7cf;
	--pp-careers-silver: #b8c4c9;
	--pp-careers-line-dark: rgba(255, 255, 255, .18);
	--pp-careers-line-light: rgba(7, 9, 10, .22);
	background: var(--pp-careers-ink);
}

body.ppps-module-careers :is(
	.pp-block__inner,
	.pp-section__inner,
	.pp-hero__inner,
	.pp-card-grid,
	.pp-technical-card,
	.pp-form-block__inner,
	.pp-native-form-wrap,
	.pp-form-grid,
	.pp-form-grid > label,
	.pp-form-footer
) {
	box-sizing: border-box;
}

/* -------------------------------------------------------------------------- */
/* A deliberate work-system hero made from the existing governed image.        */
/* -------------------------------------------------------------------------- */

body.ppps-module-careers .pp-block--industrial-hero {
	position: relative;
	min-height: clamp(54rem, 66vw, 68rem);
	padding: 0;
	color: #fff;
	background:
		linear-gradient(
			rgba(255, 255, 255, .055) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(255, 255, 255, .055) 1px,
			transparent 1px
		),
		radial-gradient(
			circle at 75% 40%,
			rgba(184, 196, 201, .13),
			transparent 34rem
		),
		var(--pp-careers-ink);
	background-size: 72px 72px, 72px 72px, auto, auto;
	overflow: clip;
	isolation: isolate;
}

body.ppps-module-careers .pp-block--industrial-hero::before {
	position: absolute;
	z-index: 1;
	inset: 0;
	content: "";
	pointer-events: none;
	background:
		linear-gradient(
			90deg,
			rgba(7, 9, 10, 1) 0 39%,
			rgba(7, 9, 10, .92) 49%,
			rgba(7, 9, 10, .1) 77%
		),
		linear-gradient(
			180deg,
			rgba(7, 9, 10, .14),
			transparent 45%,
			rgba(7, 9, 10, .72)
		);
}

body.ppps-module-careers
	.pp-block--industrial-hero
	.pp-hero__media {
	position: absolute;
	z-index: 0;
	top: clamp(7.5rem, 9vw, 9.5rem);
	right: clamp(4.5rem, 6.5vw, 7.5rem);
	bottom: clamp(4.5rem, 6vw, 6.5rem);
	left: auto;
	width: min(50vw, 52rem);
	height: auto;
	border: 1px solid rgba(255, 255, 255, .34);
	background: #2a2e30;
	box-shadow:
		0 2.5rem 7rem rgba(0, 0, 0, .36),
		1.25rem 1.25rem 0 rgba(184, 196, 201, .08);
	overflow: clip;
	transform:
		translate3d(
			calc((.5 - var(--pp-scene-progress, 0)) * 1.25rem),
			calc((.5 - var(--pp-scene-progress, 0)) * .75rem),
			0
		)
		scale(calc(.99 + var(--pp-scene-progress, 0) * .01));
	transform-origin: 50% 50%;
	will-change: transform;
}

body.ppps-module-careers
	.pp-block--industrial-hero
	.pp-hero__media::before {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: calc(var(--pp-scene-progress, 0) * 92%);
	width: 1px;
	content: "";
	pointer-events: none;
	background: rgba(255, 255, 255, .74);
	box-shadow: 0 0 2.5rem rgba(255, 255, 255, .52);
	opacity: calc(.18 + var(--pp-scene-progress, 0) * .82);
}

body.ppps-module-careers
	.pp-block--industrial-hero
	.pp-hero__media::after {
	position: absolute;
	z-index: 1;
	inset: 0;
	content: "";
	pointer-events: none;
	background:
		linear-gradient(
			rgba(255, 255, 255, .11) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(255, 255, 255, .11) 1px,
			transparent 1px
		),
		linear-gradient(180deg, transparent 51%, rgba(7, 9, 10, .54));
	background-size: 25% 25%, 25% 25%, auto;
}

body.ppps-module-careers
	.pp-block--industrial-hero
	.pp-hero__media
	img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	filter: grayscale(.14) saturate(.68) contrast(1.1);
	transform: scale(1.025);
}

body.ppps-module-careers
	.pp-block--industrial-hero
	.pp-hero__interface {
	position: absolute;
	z-index: 2;
	top: clamp(6.6rem, 8vw, 8.6rem);
	right: clamp(3.6rem, 5.5vw, 6.5rem);
	bottom: clamp(3.6rem, 5vw, 5.6rem);
	left: 52%;
	border-right: 1px solid rgba(255, 255, 255, .16);
	border-bottom: 1px solid rgba(255, 255, 255, .16);
	pointer-events: none;
	opacity: .78;
}

body.ppps-module-careers
	.pp-block--industrial-hero
	.pp-hero__inner {
	position: relative;
	z-index: 3;
	display: grid;
	width: min(calc(100% - clamp(5rem, 9vw, 10rem)), 128rem);
	max-width: none;
	min-height: clamp(54rem, 66vw, 68rem);
	margin-inline: auto;
	padding-block: clamp(10rem, 14vw, 14rem) clamp(6rem, 8vw, 8rem);
	grid-template-columns: minmax(0, .53fr) minmax(25rem, .47fr);
	align-content: center;
}

body.ppps-module-careers
	.pp-block--industrial-hero
	.pp-block__header,
body.ppps-module-careers
	.pp-block--industrial-hero
	.pp-block__actions {
	width: 100%;
	max-width: none;
	grid-column: 1;
}

body.ppps-module-careers
	.pp-block--industrial-hero
	.pp-block__eyebrow {
	margin-bottom: clamp(1.5rem, 2.5vw, 2.4rem);
	color: rgba(255, 255, 255, .7);
}

body.ppps-module-careers
	.pp-block--industrial-hero
	.pp-block__title {
	max-width: 8.4ch;
	margin: 0;
	font-size: clamp(4.8rem, 6.8vw, 8rem);
	letter-spacing: -.064em;
	line-height: .87;
	text-wrap: balance;
}

body.ppps-module-careers
	.pp-block--industrial-hero
	.pp-block__copy {
	max-width: 43rem;
	margin-top: clamp(2rem, 3.2vw, 3rem);
	color: rgba(255, 255, 255, .68);
	font-size: clamp(1.05rem, 1.25vw, 1.3rem);
	line-height: 1.56;
}

body.ppps-module-careers
	.pp-block--industrial-hero
	.pp-block__actions {
	margin-top: clamp(2rem, 3vw, 3rem);
}

body.ppps-module-careers
	.pp-block--industrial-hero
	.pp-button {
	min-height: 3.65rem;
}

/* -------------------------------------------------------------------------- */
/* Six editable career records become a compact role atlas.                    */
/* -------------------------------------------------------------------------- */

body.ppps-module-careers #career-areas {
	padding: 0;
	background:
		linear-gradient(
			rgba(7, 9, 10, .04) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(7, 9, 10, .04) 1px,
			transparent 1px
		),
		var(--pp-careers-paper);
	background-size: 72px 72px;
}

body.ppps-module-careers #career-areas > .pp-section__inner {
	width: 100%;
	max-width: none;
	padding: 0;
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"] {
	padding-block: clamp(5.5rem, 9vw, 10rem);
	background: transparent;
}

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

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-block__header {
	display: grid;
	width: 100%;
	max-width: none;
	margin-bottom: clamp(3.4rem, 5.5vw, 5.8rem);
	grid-template-columns: minmax(0, 1.15fr) minmax(19rem, .85fr);
	column-gap: clamp(3rem, 8vw, 9rem);
	align-items: end;
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-block__eyebrow {
	grid-column: 1 / -1;
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-block__title {
	max-width: 9ch;
	margin: 0;
	font-size: clamp(4.2rem, 6.1vw, 7.25rem);
	letter-spacing: -.064em;
	line-height: .88;
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-block__copy {
	max-width: 37rem;
	margin: 0 0 .45rem;
	font-size: clamp(1.05rem, 1.25vw, 1.25rem);
	line-height: 1.55;
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-card-grid {
	display: grid;
	border: 0;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 1rem;
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card {
	display: flex;
	min-height: 34rem;
	padding: 0 1.8rem 2.2rem;
	border: 1px solid var(--pp-careers-line-light);
	background: rgba(255, 255, 255, .48);
	flex-direction: column;
	overflow: clip;
	transition:
		background-color .42s ease,
		border-color .42s ease,
		transform .42s cubic-bezier(.2, .7, .2, 1);
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card:nth-child(1),
body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card:nth-child(4) {
	grid-column: span 7;
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card:nth-child(2),
body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card:nth-child(3) {
	grid-column: span 5;
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card:nth-child(5),
body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card:nth-child(6) {
	grid-column: span 6;
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card:is(:hover, :focus-within) {
	border-color: rgba(7, 9, 10, .48);
	background: rgba(255, 255, 255, .76);
	transform: translate3d(0, -.45rem, 0);
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card__media-stack {
	position: relative;
	width: calc(100% + 3.6rem);
	margin-inline: -1.8rem;
	margin-bottom: 1.8rem;
	overflow: clip;
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card__media {
	width: 100%;
	aspect-ratio: 16 / 8.8;
	margin: 0;
	background: #cfd2d2;
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card__media
	img {
	filter: grayscale(.32) saturate(.72) contrast(1.08);
	transform: scale(1.015);
	transition:
		filter .7s ease,
		transform .8s cubic-bezier(.2, .7, .2, 1);
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card:is(:hover, :focus-within)
	.pp-technical-card__media
	img {
	filter: grayscale(.08) saturate(.88) contrast(1.05);
	transform: scale(1.045);
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card__media
	figcaption {
	padding: 3.5rem 1.4rem 1.1rem;
	font-size: .66rem;
	line-height: 1.45;
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card__number {
	margin: 0 0 1.6rem;
	color: rgba(7, 9, 10, .44);
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: clamp(2.5rem, 3.2vw, 4.1rem);
	font-weight: 500;
	letter-spacing: -.04em;
	line-height: .8;
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card
	> .pp-block__eyebrow {
	margin: 0 0 .7rem;
	color: rgba(7, 9, 10, .58);
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card
	> h3 {
	max-width: 13ch;
	margin: 0;
	font-size: clamp(2.3rem, 3.2vw, 4.1rem);
	letter-spacing: -.055em;
	line-height: .94;
	overflow-wrap: normal;
	word-break: normal;
}

body.ppps-module-careers
	#career-areas
	[data-pp-card-presentation="evidence_grid"]
	.pp-technical-card
	> p:not(.pp-block__eyebrow) {
	max-width: 36rem;
	margin: 1.35rem 0 0;
	font-size: 1.02rem;
	line-height: 1.55;
	opacity: .66;
}

/* -------------------------------------------------------------------------- */
/* Core vacancy truth becomes an intentional, compact recruitment ledger.      */
/* -------------------------------------------------------------------------- */

body.ppps-module-careers
	.pp-block--section:has(
		[data-pp-card-presentation="evidence_grid"]
			.pp-empty-state
	),
body.ppps-module-careers
	.pp-block--section:has(
		[data-pp-card-presentation="evidence_grid"]
			.pp-job-card
	) {
	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-careers-graphite);
	background-size: 72px 72px;
	color: #fff;
}

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

body.ppps-module-careers
	.pp-block--section:has(.pp-empty-state)
	[data-pp-card-presentation="evidence_grid"],
body.ppps-module-careers
	.pp-block--section:has(.pp-job-card)
	[data-pp-card-presentation="evidence_grid"] {
	padding-block: clamp(4.5rem, 7vw, 7.5rem);
}

body.ppps-module-careers
	.pp-block--section:has(.pp-empty-state)
	[data-pp-card-presentation="evidence_grid"]
	> .pp-block__inner,
body.ppps-module-careers
	.pp-block--section:has(.pp-job-card)
	[data-pp-card-presentation="evidence_grid"]
	> .pp-block__inner {
	display: grid;
	width: min(calc(100% - clamp(5rem, 9vw, 10rem)), 128rem);
	max-width: none;
	margin-inline: auto;
	grid-template-columns: minmax(20rem, .7fr) minmax(0, 1.3fr);
	column-gap: clamp(3rem, 8vw, 9rem);
	align-items: stretch;
}

body.ppps-module-careers
	.pp-block--section:has(.pp-empty-state)
	[data-pp-card-presentation="evidence_grid"]
	.pp-block__header,
body.ppps-module-careers
	.pp-block--section:has(.pp-job-card)
	[data-pp-card-presentation="evidence_grid"]
	.pp-block__header {
	width: 100%;
	max-width: 34rem;
	margin: 0;
	align-self: center;
}

body.ppps-module-careers
	.pp-block--section:has(.pp-empty-state)
	[data-pp-card-presentation="evidence_grid"]
	.pp-block__title,
body.ppps-module-careers
	.pp-block--section:has(.pp-job-card)
	[data-pp-card-presentation="evidence_grid"]
	.pp-block__title {
	max-width: 9ch;
	margin: 0;
	font-size: clamp(3.9rem, 5.4vw, 6.5rem);
	letter-spacing: -.06em;
	line-height: .9;
}

body.ppps-module-careers
	.pp-block--section:has(.pp-empty-state)
	[data-pp-card-presentation="evidence_grid"]
	.pp-block__copy,
body.ppps-module-careers
	.pp-block--section:has(.pp-job-card)
	[data-pp-card-presentation="evidence_grid"]
	.pp-block__copy {
	max-width: 31rem;
	color: rgba(255, 255, 255, .62);
}

body.ppps-module-careers
	.pp-block--section:has(.pp-empty-state)
	.pp-empty-state {
	position: relative;
	display: flex;
	min-height: 16rem;
	margin: 0;
	padding: clamp(2rem, 4vw, 4rem);
	border: 1px solid var(--pp-careers-line-dark);
	background:
		linear-gradient(
			90deg,
			var(--pp-careers-silver) 0 18%,
			transparent 18% 100%
		)
		0 0 / 100% 2px no-repeat,
		rgba(255, 255, 255, .025);
	color: rgba(255, 255, 255, .68);
	font-size: clamp(1.3rem, 2vw, 2.1rem);
	line-height: 1.35;
	text-align: left;
	align-items: flex-end;
}

body.ppps-module-careers
	.pp-block--section:has(.pp-job-card)
	.pp-card-grid {
	display: grid;
	border: 0;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

body.ppps-module-careers
	.pp-block--section:has(.pp-job-card)
	.pp-job-card {
	min-height: 23rem;
	padding: 2.2rem;
	border: 1px solid var(--pp-careers-line-dark);
	background: rgba(255, 255, 255, .025);
}

/* -------------------------------------------------------------------------- */
/* Wide, readable operational form; Core retains every field and handler.      */
/* -------------------------------------------------------------------------- */

body.ppps-module-careers #career-application {
	padding: 0;
	background:
		linear-gradient(
			rgba(7, 9, 10, .04) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(7, 9, 10, .04) 1px,
			transparent 1px
		),
		var(--pp-careers-paper);
	background-size: 72px 72px;
}

body.ppps-module-careers #career-application > .pp-section__inner {
	width: 100%;
	max-width: none;
	padding: 0;
}

body.ppps-module-careers #career-application .pp-form--career {
	width: 100%;
	max-width: none;
	padding: 0;
}

body.ppps-module-careers
	#career-application
	.pp-form--career
	.pp-form-block__inner {
	display: grid;
	width: min(calc(100% - clamp(5rem, 9vw, 10rem)), 128rem);
	max-width: none;
	margin-inline: auto;
	padding-block: clamp(5.5rem, 9vw, 10rem);
	grid-template-columns: minmax(22rem, .62fr) minmax(0, 1.38fr);
	column-gap: clamp(3.5rem, 8vw, 9rem);
	align-items: start;
}

body.ppps-module-careers
	#career-application
	.pp-form--career
	.pp-block__header {
	position: sticky;
	top: clamp(7rem, 9vw, 9rem);
	width: 100%;
	max-width: 34rem;
	margin: 0;
}

body.ppps-module-careers
	#career-application
	.pp-form--career
	.pp-block__title {
	max-width: 8ch;
	margin: 0;
	font-size: clamp(4.2rem, 5.8vw, 7rem);
	letter-spacing: -.064em;
	line-height: .88;
}

body.ppps-module-careers
	#career-application
	.pp-form--career
	.pp-block__copy {
	max-width: 32rem;
	margin-top: 1.7rem;
	font-size: clamp(1.05rem, 1.2vw, 1.25rem);
	line-height: 1.55;
}

body.ppps-module-careers
	#career-application
	.pp-native-form-wrap {
	min-width: 0;
	padding: clamp(1.5rem, 3vw, 3rem);
	border: 1px solid var(--pp-careers-line-light);
	background: rgba(255, 255, 255, .64);
	box-shadow: 1.2rem 1.2rem 0 rgba(7, 9, 10, .045);
}

body.ppps-module-careers
	#career-application
	.pp-native-form {
	display: block;
	width: 100%;
}

body.ppps-module-careers
	#career-application
	.pp-form-grid {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.8rem 2rem;
}

body.ppps-module-careers
	#career-application
	.pp-form-grid
	> label {
	display: grid;
	min-width: 0;
	gap: .65rem;
}

body.ppps-module-careers
	#career-application
	.pp-form-grid
	> label
	> span {
	font-size: .72rem;
	font-weight: 760;
	letter-spacing: .045em;
	line-height: 1.35;
}

body.ppps-module-careers
	#career-application
	.pp-form-grid
	:is(
		input:not([type="checkbox"]),
		select,
		textarea
	) {
	width: 100%;
	min-width: 0;
	min-height: 4.15rem;
	padding: .95rem 1rem;
	border: 1px solid rgba(7, 9, 10, .34);
	border-radius: 0;
	background: rgba(255, 255, 255, .82);
	color: var(--pp-careers-ink);
	font: inherit;
	transition:
		background-color .25s ease,
		border-color .25s ease,
		box-shadow .25s ease;
}

body.ppps-module-careers
	#career-application
	.pp-form-grid
	:is(
		input:not([type="checkbox"]),
		select,
		textarea
	):focus {
	border-color: var(--pp-careers-ink);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(184, 196, 201, .42);
	outline: 0;
}

body.ppps-module-careers
	#career-application
	.pp-form-grid
	textarea {
	min-height: 11rem;
	resize: vertical;
}

body.ppps-module-careers
	#career-application
	.pp-form-grid
	:is(
		.pp-file-field,
		.pp-form-message,
		.pp-form-consent
	) {
	grid-column: 1 / -1;
}

body.ppps-module-careers
	#career-application
	.pp-file-field {
	padding: 1.3rem;
	border: 1px solid rgba(7, 9, 10, .22);
	background: rgba(184, 196, 201, .12);
}

body.ppps-module-careers
	#career-application
	.pp-form-consent {
	display: grid;
	padding: 1.4rem 0 0;
	border-top: 1px solid var(--pp-careers-line-light);
	grid-template-columns: 1.35rem minmax(0, 1fr);
	align-items: start;
}

body.ppps-module-careers
	#career-application
	.pp-form-consent
	input {
	width: 1.25rem;
	height: 1.25rem;
	margin: 0;
}

body.ppps-module-careers
	#career-application
	.pp-form-footer {
	display: grid;
	margin-top: 2rem;
	padding-top: 1.7rem;
	border-top: 1px solid var(--pp-careers-line-light);
	grid-template-columns: minmax(0, 1fr) minmax(14rem, .42fr);
	gap: 1.5rem;
	align-items: stretch;
}

body.ppps-module-careers
	#career-application
	.pp-form-footer
	p {
	display: flex;
	max-width: none;
	margin: 0;
	padding: 1.15rem 1.25rem;
	border: 1px solid rgba(7, 9, 10, .18);
	background: rgba(184, 196, 201, .1);
	font-size: .82rem;
	line-height: 1.5;
	align-items: center;
	opacity: .72;
}

body.ppps-module-careers
	#career-application
	.pp-form-footer
	button {
	width: 100%;
	min-height: 4.35rem;
	padding: .9rem 1.2rem;
	border: 1px solid var(--pp-careers-ink);
	background: var(--pp-careers-ink);
	color: #fff;
	font-weight: 760;
	transition:
		background-color .25s ease,
		color .25s ease;
}

body.ppps-module-careers
	#career-application
	.pp-form-footer
	button:is(:hover, :focus-visible) {
	background: var(--pp-careers-silver);
	color: var(--pp-careers-ink);
}

/* -------------------------------------------------------------------------- */
/* Subordinate local entrances.                                                */
/* -------------------------------------------------------------------------- */

body.ppps-module-careers
	[data-pp-careers-state="waiting"] {
	opacity: 0;
	transform: translate3d(
		0,
		calc(1.1rem + var(--pp-careers-index, 0) * .08rem),
		0
	);
}

body.ppps-module-careers
	[data-pp-careers-kind="role"][data-pp-careers-state="waiting"]
	.pp-technical-card__media-stack {
	clip-path: inset(0 0 100% 0);
}

body.ppps-module-careers
	[data-pp-careers-state] {
	transition:
		opacity .68s cubic-bezier(.2, .7, .2, 1),
		transform .68s cubic-bezier(.2, .7, .2, 1);
	transition-delay: calc(
		min(var(--pp-careers-index, 0), 5) * 55ms
	);
}

body.ppps-module-careers
	[data-pp-careers-kind="role"]
	.pp-technical-card__media-stack {
	transition: clip-path .82s cubic-bezier(.2, .7, .2, 1);
	transition-delay: calc(
		min(var(--pp-careers-index, 0), 5) * 55ms
	);
}

body.ppps-module-careers
	[data-pp-careers-state="visible"] {
	opacity: 1;
	transform: none;
}

body.ppps-module-careers
	[data-pp-careers-kind="role"][data-pp-careers-state="visible"]
	.pp-technical-card__media-stack {
	clip-path: inset(0);
}

/* -------------------------------------------------------------------------- */
/* Compact screens preserve complete source order and generous controls.       */
/* -------------------------------------------------------------------------- */

@media (max-width: 899px) {
	body.ppps-module-careers .pp-block--industrial-hero {
		min-height: 50rem;
		background: var(--pp-careers-ink);
	}

	body.ppps-module-careers .pp-block--industrial-hero::before {
		background:
			linear-gradient(
				180deg,
				rgba(7, 9, 10, .2),
				rgba(7, 9, 10, .72) 55%,
				rgba(7, 9, 10, .98)
			);
	}

	body.ppps-module-careers
		.pp-block--industrial-hero
		.pp-hero__media {
		inset: 0;
		width: 100%;
		height: 100%;
		border: 0;
		box-shadow: none;
		transform: none;
	}

	body.ppps-module-careers
		.pp-block--industrial-hero
		.pp-hero__media::before {
		display: none;
	}

	body.ppps-module-careers
		.pp-block--industrial-hero
		.pp-hero__media::after {
		background:
			linear-gradient(
				rgba(255, 255, 255, .08) 1px,
				transparent 1px
			),
			linear-gradient(
				90deg,
				rgba(255, 255, 255, .08) 1px,
				transparent 1px
			),
			linear-gradient(180deg, rgba(7, 9, 10, .04), rgba(7, 9, 10, .68));
		background-size: 25% 25%, 25% 25%, auto;
	}

	body.ppps-module-careers
		.pp-block--industrial-hero
		.pp-hero__interface {
		inset: 4.2rem 1.25rem 2.5rem;
	}

	body.ppps-module-careers
		.pp-block--industrial-hero
		.pp-hero__inner {
		display: block;
		width: calc(100% - 2.5rem);
		min-height: 50rem;
		padding-block: 9rem 4.75rem;
	}

	body.ppps-module-careers
		.pp-block--industrial-hero
		.pp-block__title {
		max-width: 8.8ch;
		font-size: clamp(3.7rem, 15vw, 5.1rem);
	}

	body.ppps-module-careers
		.pp-block--industrial-hero
		.pp-block__copy {
		max-width: 31rem;
		font-size: 1rem;
	}

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

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

	body.ppps-module-careers
		#career-areas
		[data-pp-card-presentation="evidence_grid"] {
		padding-block: 5rem;
	}

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

	body.ppps-module-careers
		#career-areas
		[data-pp-card-presentation="evidence_grid"]
		.pp-block__header {
		display: block;
		margin-bottom: 3rem;
	}

	body.ppps-module-careers
		#career-areas
		[data-pp-card-presentation="evidence_grid"]
		.pp-block__title {
		max-width: 9ch;
		font-size: clamp(3.2rem, 13vw, 4.8rem);
	}

	body.ppps-module-careers
		#career-areas
		[data-pp-card-presentation="evidence_grid"]
		.pp-block__copy {
		margin-top: 1.5rem;
	}

	body.ppps-module-careers
		#career-areas
		[data-pp-card-presentation="evidence_grid"]
		.pp-card-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: .8rem;
	}

	body.ppps-module-careers
		#career-areas
		[data-pp-card-presentation="evidence_grid"]
		.pp-technical-card:nth-child(n) {
		min-height: 0;
		grid-column: auto;
	}

	body.ppps-module-careers
		#career-areas
		[data-pp-card-presentation="evidence_grid"]
		.pp-technical-card__media {
		aspect-ratio: 4 / 3;
	}

	body.ppps-module-careers
		#career-areas
		[data-pp-card-presentation="evidence_grid"]
		.pp-technical-card__number {
		font-size: 3rem;
	}

	body.ppps-module-careers
		#career-areas
		[data-pp-card-presentation="evidence_grid"]
		.pp-technical-card
		> h3 {
		font-size: clamp(2.4rem, 10vw, 3.5rem);
	}

	body.ppps-module-careers
		.pp-block--section:has(.pp-empty-state)
		[data-pp-card-presentation="evidence_grid"],
	body.ppps-module-careers
		.pp-block--section:has(.pp-job-card)
		[data-pp-card-presentation="evidence_grid"] {
		padding-block: 4.5rem;
	}

	body.ppps-module-careers
		.pp-block--section:has(.pp-empty-state)
		[data-pp-card-presentation="evidence_grid"]
		> .pp-block__inner,
	body.ppps-module-careers
		.pp-block--section:has(.pp-job-card)
		[data-pp-card-presentation="evidence_grid"]
		> .pp-block__inner {
		display: block;
		width: calc(100% - 2.5rem);
	}

	body.ppps-module-careers
		.pp-block--section:has(.pp-empty-state)
		[data-pp-card-presentation="evidence_grid"]
		.pp-block__header,
	body.ppps-module-careers
		.pp-block--section:has(.pp-job-card)
		[data-pp-card-presentation="evidence_grid"]
		.pp-block__header {
		max-width: none;
		margin-bottom: 2.5rem;
	}

	body.ppps-module-careers
		.pp-block--section:has(.pp-empty-state)
		[data-pp-card-presentation="evidence_grid"]
		.pp-block__title,
	body.ppps-module-careers
		.pp-block--section:has(.pp-job-card)
		[data-pp-card-presentation="evidence_grid"]
		.pp-block__title {
		font-size: clamp(3.2rem, 13vw, 4.8rem);
	}

	body.ppps-module-careers
		.pp-block--section:has(.pp-empty-state)
		.pp-empty-state {
		min-height: 11rem;
		padding: 1.5rem;
		font-size: 1.2rem;
	}

	body.ppps-module-careers
		.pp-block--section:has(.pp-job-card)
		.pp-card-grid {
		grid-template-columns: 1fr;
	}

	body.ppps-module-careers #career-application .pp-form--career {
		padding: 0;
	}

	body.ppps-module-careers
		#career-application
		.pp-form--career
		.pp-form-block__inner {
		display: block;
		width: calc(100% - 2.5rem);
		padding-block: 5rem;
	}

	body.ppps-module-careers
		#career-application
		.pp-form--career
		.pp-block__header {
		position: relative;
		top: auto;
		max-width: none;
		margin-bottom: 2.7rem;
	}

	body.ppps-module-careers
		#career-application
		.pp-form--career
		.pp-block__title {
		font-size: clamp(3.2rem, 13vw, 4.8rem);
	}

	body.ppps-module-careers
		#career-application
		.pp-native-form-wrap {
		padding: 1.25rem;
		box-shadow: .55rem .55rem 0 rgba(7, 9, 10, .045);
	}

	body.ppps-module-careers
		#career-application
		.pp-form-grid {
		grid-template-columns: 1fr;
		gap: 1.45rem;
	}

	body.ppps-module-careers
		#career-application
		.pp-form-grid
		> label {
		grid-column: auto;
	}

	body.ppps-module-careers
		#career-application
		.pp-form-footer {
		grid-template-columns: 1fr;
	}
}

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

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

body.ppps-module-careers:is(
	.ppps-runtime-disabled,
	.ppps-readiness-failed,
	.ppps-motion-reduced,
	.ppps-motion-off
) [data-pp-careers-kind="role"]
	.pp-technical-card__media-stack,
body.ppps-module-careers.ppps-capability-lite
	[data-pp-careers-kind="role"]
	.pp-technical-card__media-stack {
	clip-path: none;
	transition: none;
}

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

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

	body.ppps-module-careers
		[data-pp-careers-state] {
		opacity: 1;
		transform: none;
	}

	body.ppps-module-careers
		[data-pp-careers-kind="role"]
		.pp-technical-card__media-stack {
		clip-path: none;
	}
}