/* ==================================================
   RECRUIT PAGE: foundation and Gutenberg sections
   ================================================== */
.recruit-page {
	--recruit-content-width: var(--layout-content-standard);
	--recruit-gutter: var(--layout-gutter-tablet);
	--recruit-accent: var(--brand-purple);
	--recruit-surface: #f1f1f1;
	background: #fff;
	color: #444;
}

.recruit-page__header {
	width: min(100% - (var(--site-gutter) * 2), var(--layout-content-standard));
	margin-inline: auto;
	padding-top: var(--site-header-clearance);
	text-align: center;
}

.recruit-page__title-group {
	--section-accent: var(--recruit-accent);
}

.recruit-page__content > .recruit-section {
	padding: var(--layout-section-space-desktop) 0;
}

.recruit-section__inner {
	width: min(calc(100% - var(--recruit-gutter) - var(--recruit-gutter)), var(--recruit-content-width));
	margin-inline: auto;
}

.recruit-page .recruit-section--message,
.recruit-page .recruit-section--benefits {
	background: var(--recruit-surface);
}

.recruit-page .recruit-section--facts {
	background: #fff;
}

.recruit-page .recruit-section--message .wp-block-separator {
	width: 100%;
	max-width: 100%;
	height: 1px;
	margin: 40px auto;
	border: 0;
	background-color: rgba(0, 0, 0, .1);
}

.recruit-page .recruit-section__title {
	position: relative;
	margin: 0 0 40px;
	padding-bottom: 16px;
	color: var(--recruit-accent);
	font-size: clamp(1.25rem, 2vw, 1.75rem);
	font-weight: 600;
	letter-spacing: .08em;
	line-height: 1.6;
}

.recruit-page .recruit-section__title-border {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	background-color: rgb(170 62 150 / 40%);
}

.recruit-page .recruit-section__inner > p {
	margin: 0;
	color: #666;
	font-size: 1rem;
	letter-spacing: .08em;
	line-height: 2;
}

.recruit-page .recruit-page__content p {
	line-height: 2;
}

.recruit-page .recruit-section__inner > p + p {
	margin-top: 1.2em;
}

/* ==================================================
   RECRUIT PAGE: facts and charts
   ================================================== */
.recruit-page .recruit-facts__title {
	display: table;
	margin: 0 auto 48px;
	padding: 4px 20px;
	border: 1px solid var(--recruit-accent);
	color: var(--recruit-accent);
	font-size: clamp(1.25rem, 2vw, 1.75rem);
	font-weight: 600;
	letter-spacing: .08em;
	line-height: 1.6;
}

.recruit-page .recruit-facts__title.js-band-reveal--surface .band-reveal__content {
	color: var(--recruit-accent);
}

.recruit-page .recruit-facts__block > h3,
.recruit-page .recruit-facts__metric-label,
.recruit-page .recruit-facts__chart-title {
	--band-reveal-color: var(--recruit-accent);
	--band-reveal-surface: var(--recruit-accent);
	margin: 0;
	padding: 2px 16px;
	background: var(--recruit-accent);
	color: #fff;
	font-size: 1.25rem;
	font-weight: 600;
	letter-spacing: .12em;
	line-height: 1.5;
	text-align: center;
}

.recruit-page .recruit-facts__block {
	margin-top: 56px;
}

.recruit-page .recruit-facts__block > h3 + * {
	margin-top: 24px;
}

.recruit-page .recruit-facts__list {
	margin-bottom: 0;
	padding-left: 1.4em;
	color: #444;
	font-size: 1rem;
	letter-spacing: .08em;
	line-height: 2;
}

.recruit-page .recruit-facts__list li + li {
	margin-top: .5em;
}

.recruit-page .recruit-facts__list--inline {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px 32px;
	padding-left: 1.4em;
}

.recruit-page .recruit-facts__counter {
	color: var(--recruit-accent);
	font-family: "Bebas Neue", sans-serif;
	font-size: 2rem;
	font-weight: 400;
	letter-spacing: .04em;
	line-height: 1;
}

.recruit-page .recruit-facts__employee-grid {
	display: block;
	margin-top: 24px;
}

.recruit-page .recruit-facts__employee-grid > * + * {
	margin-top: 32px;
}

.recruit-page .recruit-facts__employee-grid h4 {
	display: table;
	margin: 0 auto;
	padding: 2px 12px;
	border: 1px solid var(--recruit-accent);
	color: var(--recruit-accent);
	font-size: .875rem;
	font-weight: 600;
	letter-spacing: .12em;
	line-height: 1.4;
	text-align: center;
}

.recruit-page .recruit-facts__metric-name {
	display: block;
	margin: 0 auto 12px;
	padding: 2px 4px;
	border: 1px solid var(--recruit-accent);
	color: var(--recruit-accent);
	font-size: .875rem;
	font-weight: 600;
	letter-spacing: .12em;
	line-height: 1.4;
	text-align: center;
}

.recruit-page .recruit-facts__metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px;
	margin: 24px 0 56px;
}

.recruit-page .recruit-facts__metric {
	margin: 0;
	text-align: center;
}

.recruit-page .recruit-facts__metric-label {
	box-sizing: border-box;
	min-width: 0;
	white-space: nowrap;
}

.recruit-page .recruit-facts__total,
.recruit-page .recruit-facts__number {
	margin: 24px 0 0;
	color: var(--recruit-accent);
	font-family: "Bebas Neue", sans-serif;
	font-size: clamp(3.5rem, 5vw, 5rem);
	font-weight: 400;
	letter-spacing: .06em;
	line-height: .9;
	text-align: center;
}

.recruit-page .recruit-facts__total {
	font-size: clamp(4rem, 7vw, 6rem);
}

.recruit-page .recruit-facts__total .recruit-facts__counter {
	font-size: clamp(5rem, 8vw, 7rem);
}

.recruit-page .recruit-facts__number .recruit-facts__counter {
	font-size: clamp(3.75rem, 5vw, 5rem);
}

.recruit-page .recruit-facts__total small,
.recruit-page .recruit-facts__number small {
	margin-left: .1em;
	color: #444;
	font-family: "M PLUS Code Latin", monospace;
	font-size: .28em;
	font-weight: 600;
	letter-spacing: .08em;
	position: absolute;
	bottom: 25%;
}

/* ==================================================
   RECRUIT PAGE: work cards and employee charts
   ================================================== */
@property --recruit-chart-progress {
	syntax: "<angle>";
	inherits: true;
	initial-value: 1turn;
}

.recruit-page .recruit-facts__work-grid {
	display: grid;
	gap: 64px;
}

.recruit-page .recruit-facts__work-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: 64px;
}

.recruit-page .recruit-facts__work-card {
	display: grid;
	grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
	column-gap: clamp(48px, 6vw, 96px);
	align-items: start;
	position: relative;
	margin: 0;
	min-width: 0;
}

.recruit-page .recruit-facts__work-link {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
	column-gap: clamp(48px, 6vw, 96px);
	align-items: start;
	position: relative;
	color: inherit;
	text-decoration: none;
	transition: opacity .25s ease;
}

.recruit-page .recruit-facts__work-cover {
	position: relative;
	grid-column: 1;
	grid-row: 1 / span 6;
	width: 100%;
	box-shadow: 0 12px 24px rgba(0, 0, 0, .22);
	overflow: hidden;
}

.recruit-page .recruit-facts__work-image {
	display: block;
	width: 100%;
	height: auto;
}

.recruit-page .recruit-facts__work-link:hover {
	opacity: .7;
}

.recruit-page .recruit-facts__work-badges {
	display: grid;
	grid-column: 2;
	grid-row: 3;
	grid-template-columns: repeat(4, max-content);
	justify-content: start;
	gap: 8px;
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}


.recruit-page :is(.recruit-facts__work-badges, .recruit-facts__work-award-badges) li {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: auto;
	aspect-ratio: auto;
	box-sizing: border-box;
	min-height: 38px;
	margin: 0;
	padding: 4px 16px;
	border: 1px solid var(--recruit-accent);
	background: transparent;
	color: var(--recruit-accent);
	font-family: "Share Tech Mono", monospace;
	font-size: .875rem;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.4;
	text-align: center;
}

.recruit-page :is(.recruit-facts__work-badges, .recruit-facts__work-award-badges) li::before {
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	background-color: var(--recruit-accent);
	content: "";
	-webkit-mask: var(--recruit-work-badge-icon) center / contain no-repeat;
	mask: var(--recruit-work-badge-icon) center / contain no-repeat;
}

.recruit-page :is(.recruit-facts__work-badges, .recruit-facts__work-award-badges) .band-reveal__content {
	display: inline-flex;
	align-items: center;
	transform: translateY(.06em);
}

.recruit-page .recruit-facts__work-badges .is-badge-circulation { --recruit-work-badge-icon: url('../img/label/trophy_40dp_1F1F1F_FILL0_wght400_GRAD0_opsz40.svg'); }
.recruit-page .recruit-facts__work-badges .is-badge-adaptation { --recruit-work-badge-icon: url('../img/label/live_tv_40dp_1F1F1F_FILL0_wght400_GRAD0_opsz40.svg'); }
.recruit-page .recruit-facts__work-badges .is-badge-game { --recruit-work-badge-icon: url('../img/label/sports_esports_40dp_1F1F1F_FILL0_wght400_GRAD0_opsz40.svg'); }
.recruit-page .recruit-facts__work-badges .is-badge-stage { --recruit-work-badge-icon: url('../img/label/person_play_40dp_1F1F1F_FILL0_wght400_GRAD0_opsz40.svg'); }
.recruit-page .recruit-facts__work-badges .is-badge-theatrical { --recruit-work-badge-icon: url('../img/label/movie_40dp_1F1F1F_FILL0_wght400_GRAD0_opsz40.svg'); }
.recruit-page .recruit-facts__work-award-badges li { --recruit-work-badge-icon: url('../img/label/crown_40dp_1F1F1F_FILL0_wght400_GRAD0_opsz40.svg'); }

.recruit-page .recruit-facts__work-badges .is-badge-circulation {
	grid-column: 1 / -1;
	justify-self: start;
	min-height: 48px;
	padding-inline: 20px;
}

.recruit-page .recruit-facts__work-badges .is-badge-circulation::before {
	flex-basis: 24px;
	width: 24px;
	height: 24px;
}

.recruit-page .recruit-facts__work-badges .is-badge-circulation strong {
	font-family: "Bebas Neue", sans-serif;
	font-size: 2.125rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
	color: var(--recruit-accent);
}

.recruit-page .recruit-facts__work-badges .is-badge-circulation .band-reveal__content {
	align-items: baseline;
	transform: translateY(.03em);
}

.recruit-page .recruit-facts__work-badges .is-badge-circulation span {
	margin-left: 2px;
	font-size: .75rem;
	line-height: 1;
}

.recruit-page .recruit-facts__work-badges .is-badge-circulation strong,
.recruit-page .recruit-facts__work-badges .is-badge-circulation span {
	transform: none;
}

.recruit-page .recruit-facts__work-card h4 {
	grid-column: 2;
	grid-row: 1;
	margin: 0;
	color: #444;
	font-size: clamp(1.125rem, 1.8vw, 1.5rem);
	font-weight: 600;
	line-height: 1.6;
}

.recruit-page .recruit-facts__work-card h4::after {
	display: block;
	width: 100%;
	margin-top: 12px;
	border-top: 1px solid rgb(170 62 150 / 45%);
	content: "";
}

.recruit-page .recruit-facts__work-description {
	grid-column: 2;
	grid-row: 2;
	margin: 20px 0 0;
	color: #444;
	font-size: 1rem;
	line-height: 2;
}

.recruit-page .recruit-facts__work-award-badges {
	display: flex;
	grid-column: 2;
	grid-row: 4;
	flex-wrap: wrap;
	gap: 8px;
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
}

/* With no standard achievement badges, award badges occupy the first badge row. */
.recruit-page .recruit-facts__work-card:not(:has(.recruit-facts__work-badges)) .recruit-facts__work-award-badges {
	grid-row: 3;
	margin-top: 28px;
}

.recruit-page .recruit-facts__work-more {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: min(100%, 220px);
	margin-top: 0;
	color: var(--recruit-accent);
	font-family: "Share Tech Mono", monospace;
	font-size: .75rem;
	font-weight: 400;
	letter-spacing: .16em;
	line-height: 1.5;
}

.recruit-page .recruit-facts__work-card.is-work-reversed .recruit-facts__work-more,
.recruit-page .recruit-facts__work-row:nth-child(even) > .recruit-facts__work-card .recruit-facts__work-more,
.recruit-page .recruit-facts__work-grid > .recruit-facts__work-card:nth-child(even) .recruit-facts__work-more,
.recruit-page .recruit-facts__work-card.is-cover-right .recruit-facts__work-more {
	right: auto;
	left: 0;
}

.recruit-page .recruit-facts__work-card.is-cover-left .recruit-facts__work-more {
	right: 0;
	left: auto;
}

.recruit-page .recruit-facts__work-more .more-arrow {
	min-width: 64px;
	margin-left: 12px;
}

/* Use the same movement and shaft-shortening motion as TOP's arrow links. */
.recruit-page .recruit-facts__work-link:hover .recruit-facts__work-more-content,
.recruit-page .recruit-facts__work-link:focus-visible .recruit-facts__work-more-content {
	left: 4px;
}

.recruit-page .recruit-facts__work-link:hover .recruit-facts__work-more .more-arrow::before,
.recruit-page .recruit-facts__work-link:focus-visible .recruit-facts__work-more .more-arrow::before {
	left: 18%;
}

/* The former award-only copy is retained in existing block data for editor compatibility, but is not shown in the pickup layout. */
.recruit-page .recruit-facts__work-award-ribbon {
	display: none;
}

.recruit-page .recruit-facts__work-row:nth-child(even) > .recruit-facts__work-card,
.recruit-page .recruit-facts__work-row:nth-child(even) > .recruit-facts__work-card > .recruit-facts__work-link,
.recruit-page .recruit-facts__work-grid > .recruit-facts__work-card:nth-child(even),
.recruit-page .recruit-facts__work-grid > .recruit-facts__work-card:nth-child(even) > .recruit-facts__work-link {
	grid-template-columns: minmax(0, 1fr) minmax(0, 320px);
}

.recruit-page .recruit-facts__work-row:nth-child(even) > .recruit-facts__work-card .recruit-facts__work-cover,
.recruit-page .recruit-facts__work-grid > .recruit-facts__work-card:nth-child(even) .recruit-facts__work-cover {
	grid-column: 2;
}

.recruit-page .recruit-facts__work-row:nth-child(even) > .recruit-facts__work-card :is(h4, .recruit-facts__work-badges, .recruit-facts__work-award-badges, .recruit-facts__work-description, .recruit-facts__work-more),
.recruit-page .recruit-facts__work-grid > .recruit-facts__work-card:nth-child(even) :is(h4, .recruit-facts__work-badges, .recruit-facts__work-award-badges, .recruit-facts__work-description, .recruit-facts__work-more) {
	grid-column: 1;
}

/* JavaScript assigns this class across all rows, preserving alternation when a row has two or three cards. */
.recruit-page .recruit-facts__work-card.is-work-reversed,
.recruit-page .recruit-facts__work-card.is-work-reversed > .recruit-facts__work-link {
	grid-template-columns: minmax(0, 1fr) minmax(0, 320px);
}

.recruit-page .recruit-facts__work-card.is-work-reversed .recruit-facts__work-cover {
	grid-column: 2;
}

.recruit-page .recruit-facts__work-card.is-work-reversed :is(h4, .recruit-facts__work-badges, .recruit-facts__work-award-badges, .recruit-facts__work-description, .recruit-facts__work-more) {
	grid-column: 1;
}

/* A card-level setting takes priority over automatic left/right alternation. */
.recruit-page .recruit-facts__work-card.is-cover-left,
.recruit-page .recruit-facts__work-card.is-cover-left > .recruit-facts__work-link {
	grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
}

.recruit-page .recruit-facts__work-card.is-cover-left .recruit-facts__work-cover {
	grid-column: 1;
}

.recruit-page .recruit-facts__work-card.is-cover-left :is(h4, .recruit-facts__work-badges, .recruit-facts__work-award-badges, .recruit-facts__work-description, .recruit-facts__work-more) {
	grid-column: 2;
}

.recruit-page .recruit-facts__work-card.is-cover-right,
.recruit-page .recruit-facts__work-card.is-cover-right > .recruit-facts__work-link {
	grid-template-columns: minmax(0, 1fr) minmax(0, 320px);
}

.recruit-page .recruit-facts__work-card.is-cover-right .recruit-facts__work-cover {
	grid-column: 2;
}

.recruit-page .recruit-facts__work-card.is-cover-right :is(h4, .recruit-facts__work-badges, .recruit-facts__work-award-badges, .recruit-facts__work-description, .recruit-facts__work-more) {
	grid-column: 1;
}

.recruit-page .recruit-facts__employee-dashboard {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px;
	justify-items: center;
}

.recruit-page .recruit-facts__employee-card {
	margin: 0;
	width: 100%;
	text-align: center;
}

.recruit-page .recruit-facts__employee-card h4 {
	display: table;
	margin: 0 auto 12px;
	padding: 4px 16px;
	border: 1px solid var(--recruit-accent);
	background: transparent;
	color: var(--recruit-accent);
	font-size: .875rem;
	font-weight: 600;
	letter-spacing: .12em;
	line-height: 1.4;
	text-align: center;
}

.recruit-page .recruit-facts__employee-counts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 28px 20px;
	list-style: none;
	text-align: center;
}

.recruit-page .recruit-facts__employee-counts li {
	margin: 0;
	color: #444;
	font-size: .875rem;
}

.recruit-page .recruit-facts__employee-counts span,
.recruit-page .recruit-facts__employee-counts strong,
.recruit-page .recruit-facts__employee-counts small {
	display: block;
}

.recruit-page .recruit-facts__employee-counts strong {
	margin-top: 4px;
	color: var(--recruit-accent);
	font-family: "Bebas Neue", sans-serif;
	font-size: clamp(2.25rem, 3vw, 3.5rem);
	font-weight: 400;
	line-height: 1;
}

.recruit-page .recruit-facts__employee-counts small {
	font-size: .75rem;
}

.recruit-page .recruit-facts__employee-total-chart {
	display: grid;
	place-items: center;
	width: min(100% - 48px, 180px);
	margin: 28px auto 16px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: transparent;
}

.recruit-page .recruit-facts__employee-total-chart::before {
	grid-area: 1 / 1;
	z-index: 1;
	width: 62%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #fff;
	content: "";
}

.recruit-page .recruit-facts__employee-total-chart::after {
	grid-area: 1 / 1;
	width: 100%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: conic-gradient(#aa3e96 0 var(--employee-editor-end), #6c9ca2 var(--employee-editor-end) var(--employee-sales-end), #e6b560 var(--employee-sales-end) 100%);
	-webkit-mask: conic-gradient(#000 0 var(--recruit-chart-progress), transparent var(--recruit-chart-progress) 1turn);
	mask: conic-gradient(#000 0 var(--recruit-chart-progress), transparent var(--recruit-chart-progress) 1turn);
	content: "";
}

.recruit-page .recruit-facts__employee-total-chart > span {
	display: grid;
	grid-area: 1 / 1;
	justify-items: center;
	z-index: 2;
	color: #444;
	font-size: .75rem;
}

.recruit-page .recruit-facts__employee-total-value {
	white-space: nowrap;
}

.recruit-page .recruit-facts__employee-total-chart strong {
	color: var(--recruit-accent);
	font-family: "Bebas Neue", sans-serif;
	font-size: 2.75rem;
	font-weight: 400;
	line-height: .85;
}

.recruit-page .recruit-facts__employee-total-chart small {
	font-size: .75rem;
}

.recruit-page .recruit-facts__gender-chart {
	display: grid;
	place-items: center;
	width: min(100% - 48px, 180px);
	margin: 28px auto 16px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: transparent;
}

.recruit-page .recruit-facts__gender-chart::before {
	grid-area: 1 / 1;
	z-index: 1;
	width: 62%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #fff;
	content: "";
}

.recruit-page .recruit-facts__gender-chart::after {
	grid-area: 1 / 1;
	width: 100%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: conic-gradient(#13c3c3 0 var(--male-percent), #ffa5ac var(--male-percent) 100%);
	-webkit-mask: conic-gradient(#000 0 var(--recruit-chart-progress), transparent var(--recruit-chart-progress) 1turn);
	mask: conic-gradient(#000 0 var(--recruit-chart-progress), transparent var(--recruit-chart-progress) 1turn);
	content: "";
}

.recruit-page .recruit-facts__gender-chart span {
	grid-area: 1 / 1;
	z-index: 2;
	color: #444;
	font-family: "Share Tech Mono", monospace;
	font-size: .75rem;
}

.recruit-page .recruit-facts__chart-legend {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin: 0;
	padding: 0 20px 28px;
	list-style: none;
	font-size: .8125rem;
}

.recruit-page .recruit-facts__chart-legend li {
	margin: 0;
	white-space: nowrap;
}

.recruit-page .recruit-facts__chart-legend li::before {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 6px;
	background: #13c3c3;
	content: "";
}

.recruit-page .recruit-facts__chart-legend li + li::before {
	background: #ffa5ac;
}

.recruit-page .recruit-facts__employee-total-chart + .recruit-facts__chart-legend li::before {
	background: #aa3e96;
}

.recruit-page .recruit-facts__employee-total-chart + .recruit-facts__chart-legend li + li::before {
	background: #6c9ca2;
}

.recruit-page .recruit-facts__employee-total-chart + .recruit-facts__chart-legend li + li + li::before {
	background: #e6b560;
}

.recruit-page .recruit-facts__age-chart {
	display: flex;
	align-items: end;
	justify-content: space-around;
	gap: 20px;
	min-height: 280px;
	margin: 0;
	padding: 28px 32px 24px;
	list-style: none;
}

.recruit-page .recruit-facts__age-chart li {
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto auto;
	justify-items: center;
	align-self: stretch;
	width: 64px;
	gap: 4px;
	margin: 0;
	font-size: .875rem;
}

.recruit-page .recruit-facts__age-chart i {
	display: block;
	align-self: end;
	width: 32px;
	height: var(--bar-size);
	min-height: 2px;
	background: var(--recruit-accent);
}

.recruit-page .recruit-facts__age-value {
	display: inline-flex;
	align-items: baseline;
	white-space: nowrap;
}

.recruit-page .recruit-facts__age-chart strong {
	color: var(--recruit-accent);
	font-family: "Bebas Neue", sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1;
}

.recruit-page .recruit-facts__age-chart small {
	font-size: .75rem;
}

.recruit-page .recruit-facts__age-label {
	font-size: .8125rem;
}

.recruit-page .recruit-facts__employee-averages {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 32px;
}

.recruit-page .recruit-facts__employee-card--average dl {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 24px;
}

.recruit-page .recruit-facts__employee-card--average dl > div {
	min-width: 0;
	text-align: center;
}

.recruit-page .recruit-facts__employee-card--average dt {
	color: #444;
	font-size: .875rem;
}

.recruit-page .recruit-facts__employee-card--average dd {
	margin: 4px 0 0;
	line-height: 1;
}

.recruit-page .recruit-facts__employee-card--average dd .recruit-facts__counter {
	font-size: 2.75rem;
}

.recruit-page .recruit-facts__employee-card--average dd small {
	margin-left: .3em;
	color: #444;
	font-size: .8125rem;
	font-weight: 600;
	letter-spacing: .04em;
}

/* ==================================================
   RECRUIT PAGE: links and calls to action
   ================================================== */
.recruit-page .recruit-page__links {
	display: grid;
	gap: 16px;
	width: min(100%, 35%);
	margin-top: 40px;
}

.recruit-page .recruit-page__links .wp-block-button,
.recruit-page .recruit-page__cta .wp-block-button {
	width: 100%;
	margin: 0;
}

.recruit-page .recruit-page__links .wp-block-button__link,
.recruit-page .recruit-page__cta .wp-block-button__link {
	--button-width: 100%;
	--button-min-height: 40px;
	--button-padding: 8px 16px;
	--button-border: 0;
	--button-background: var(--recruit-accent);
	--button-color: #fff;
	--button-font-size: .875rem;
	--button-font-weight: 400;
	--button-letter-spacing: .08em;
	--button-text-transform: none;
	border-radius: 0;
	--band-reveal-color: var(--recruit-accent);
	--band-reveal-surface: var(--recruit-accent);
}

.recruit-page .recruit-page__links .wp-block-button__link[aria-disabled="true"] {
	--band-reveal-color: #b9b9b9;
	--band-reveal-surface: #b9b9b9;
	background: #b9b9b9;
	color: #fff;
	cursor: not-allowed;
}

.recruit-page .recruit-page__cta {
	width: min(100%, 35%);
	margin-top: 32px;
}

.recruit-page .recruit-page__cta .wp-block-button__link {
	--button-width: 100%;
	--button-min-height: 32px;
	--button-padding: 8px 24px;
	--button-font-size: .875rem;
	--button-letter-spacing: .35em;
	--button-text-transform: uppercase;
	border-radius: 0;
	font-family: "Share Tech Mono", monospace;
	font-weight: 400;
}

/* ==================================================
   RECRUIT PAGE: reveal animation
   ================================================== */
@media (prefers-reduced-motion: no-preference) {
	.recruit-page .recruit-facts__block > h3.js-band-reveal--surface,
	.recruit-page .recruit-facts__metric-label.js-band-reveal--surface,
	.recruit-page .recruit-facts__chart-title.js-band-reveal--surface,
	.recruit-page .recruit-page__links .wp-block-button__link.js-band-reveal--surface,
	.recruit-page .recruit-page__cta .wp-block-button__link.js-band-reveal--surface,
	.recruit-page .recruit-section__title-border.js-band-reveal--surface,
	.recruit-page .recruit-section--message .wp-block-separator.js-band-reveal--surface {
		background-color: transparent;
	}

	.recruit-page .js-recruit-work-card-reveal {
		transform: translateY(28px) scale(.96);
		transform-origin: center bottom;
		transition-duration: .7s;
		transition-delay: var(--work-card-delay, 0ms);
	}

	.recruit-page .js-recruit-work-card-reveal.is-content-revealed {
		transform: translateY(0) scale(1);
	}

	.recruit-page .js-recruit-work-part-reveal {
		opacity: 0;
		transition: opacity .45s ease var(--work-part-delay, 0ms), transform .55s cubic-bezier(.22, 1, .36, 1) var(--work-part-delay, 0ms);
	}

	.recruit-page .recruit-facts__work-cover.js-recruit-work-part-reveal {
		transform: translateY(18px) scale(.94);
		transform-origin: center bottom;
	}

	.recruit-page :is(.recruit-facts__work-badges, .recruit-facts__work-award-badges) .js-recruit-work-badge-reveal {
		opacity: 0;
		transform: translateX(18px) scale(.88);
		transform-origin: right center;
	}

	/* Keep badge frames and icons hidden until the shared band reveal reaches them. */
	.recruit-page :is(.recruit-facts__work-badges, .recruit-facts__work-award-badges) li.js-band-reveal {
		border-color: transparent;
		transition: border-color 0s linear 350ms;
	}

	.recruit-page :is(.recruit-facts__work-badges, .recruit-facts__work-award-badges) li.js-band-reveal::before {
		opacity: 0;
		transition: opacity 0s linear 350ms;
	}

	.recruit-page :is(.recruit-facts__work-badges, .recruit-facts__work-award-badges) li.js-band-reveal.is-band-revealed {
		border-color: var(--recruit-accent);
	}

	.recruit-page :is(.recruit-facts__work-badges, .recruit-facts__work-award-badges) li.js-band-reveal.is-band-revealed::before {
		opacity: 1;
	}

	.recruit-page .recruit-facts__work-card :is(h4, .recruit-facts__work-description, .recruit-facts__work-more).js-recruit-work-part-reveal {
		transform: translateY(12px);
	}

	.recruit-page .js-recruit-work-card-reveal.is-content-revealed .js-recruit-work-part-reveal {
		opacity: 1;
		transform: translate(0) scale(1);
	}

	.recruit-page .js-recruit-employee-card-reveal {
		transform: translateY(22px) scale(.97);
		transform-origin: center bottom;
		transition-duration: .65s;
		transition-delay: var(--employee-card-delay, 0ms);
	}

	.recruit-page .js-recruit-employee-card-reveal.is-content-revealed {
		transform: translateY(0) scale(1);
	}

	.recruit-page .js-recruit-chart-reveal {
		opacity: 0;
	}

	.recruit-page .recruit-facts__employee-total-chart.js-recruit-chart-reveal,
	.recruit-page .recruit-facts__gender-chart.js-recruit-chart-reveal {
		--recruit-chart-progress: 0deg;
		transform: scale(.92);
		transition: opacity .35s ease var(--chart-reveal-delay, 0ms), transform .45s cubic-bezier(.22, 1, .36, 1) var(--chart-reveal-delay, 0ms), --recruit-chart-progress 1.1s cubic-bezier(.22, 1, .36, 1) var(--chart-reveal-delay, 0ms);
	}

	.recruit-page .recruit-facts__age-chart.js-recruit-chart-reveal i {
		transform: scaleY(0);
		transform-origin: bottom;
		transition: transform .7s cubic-bezier(.22, 1, .36, 1) calc(var(--chart-reveal-delay, 0ms) + var(--chart-bar-delay, 0ms));
	}

	.recruit-page .js-recruit-chart-reveal.is-content-revealed {
		opacity: 1;
	}

	.recruit-page .recruit-facts__employee-total-chart.js-recruit-chart-reveal.is-content-revealed,
	.recruit-page .recruit-facts__gender-chart.js-recruit-chart-reveal.is-content-revealed {
		--recruit-chart-progress: 1turn;
		transform: scale(1);
	}

	.recruit-page .recruit-facts__age-chart.js-recruit-chart-reveal.is-content-revealed i {
		transform: scaleY(1);
	}
}

/* ==================================================
   RECRUIT PAGE: responsive
   ================================================== */
@media (max-width: 1024px) {
	.recruit-page__header { padding-top: var(--site-header-clearance); }

	.recruit-page__content > .recruit-section {
		padding: var(--layout-section-space-tablet) 0;
	}

	.recruit-page .recruit-facts__work-grid,
	.recruit-page .recruit-facts__work-row { gap: 48px; }
	.recruit-page .recruit-facts__employee-dashboard,
	.recruit-page .recruit-facts__employee-averages { gap: 24px; }
}

@media (max-width: 767px) {
	.recruit-page { --recruit-gutter: var(--layout-gutter-mobile); }
	.recruit-page__header { padding-top: var(--site-header-clearance); }
	.recruit-page__content > .recruit-section {
		padding: var(--layout-section-space-mobile) 0;
	}

	.recruit-page .recruit-section__title { margin-bottom: 28px; padding-bottom: 12px; font-size: 1.25rem; }
	.recruit-page .recruit-section__inner > p { font-size: .9375rem; line-height: 2; }
	.recruit-page .recruit-facts__title { margin-bottom: 32px; font-size: 1.25rem; }
	.recruit-page .recruit-facts__block { margin-top: 40px; }
	.recruit-page .recruit-facts__block > h3 { font-size: 1.25rem; }
	.recruit-page .recruit-facts__list { font-size: .9375rem; line-height: 1.9; }
	.recruit-page .recruit-facts__list--inline { grid-template-columns: 1fr; gap: 8px; }
	.recruit-page .recruit-facts__counter { font-size: 1.75rem; }
	.recruit-page .recruit-facts__metrics { gap: 8px; }
	.recruit-page .recruit-facts__metric-label {
		width: 100%;
		padding-inline: 2px;
		font-size: clamp(.625rem, 3.3vw, .875rem);
		letter-spacing: .04em;
	}
	.recruit-page .recruit-facts__work-grid,
	.recruit-page .recruit-facts__work-row { gap: 48px; }
	.recruit-page .recruit-facts__work-card,
	.recruit-page .recruit-facts__work-link,
	.recruit-page .recruit-facts__work-card.is-work-reversed,
	.recruit-page .recruit-facts__work-card.is-work-reversed > .recruit-facts__work-link,
	.recruit-page .recruit-facts__work-row:nth-child(even) > .recruit-facts__work-card,
	.recruit-page .recruit-facts__work-row:nth-child(even) > .recruit-facts__work-card > .recruit-facts__work-link,
	.recruit-page .recruit-facts__work-grid > .recruit-facts__work-card:nth-child(even),
	.recruit-page .recruit-facts__work-grid > .recruit-facts__work-card:nth-child(even) > .recruit-facts__work-link { grid-template-columns: 1fr; }
	.recruit-page .recruit-facts__work-cover,
	.recruit-page .recruit-facts__work-card.is-work-reversed .recruit-facts__work-cover,
	.recruit-page .recruit-facts__work-row:nth-child(even) > .recruit-facts__work-card .recruit-facts__work-cover,
	.recruit-page .recruit-facts__work-grid > .recruit-facts__work-card:nth-child(even) .recruit-facts__work-cover { grid-column: 1; grid-row: 1; }
	.recruit-page .recruit-facts__work-card h4,
	.recruit-page .recruit-facts__work-card.is-work-reversed h4,
	.recruit-page .recruit-facts__work-row:nth-child(even) > .recruit-facts__work-card h4,
	.recruit-page .recruit-facts__work-grid > .recruit-facts__work-card:nth-child(even) h4 { grid-column: 1; grid-row: 2; margin-top: 20px; }
	.recruit-page .recruit-facts__work-description,
	.recruit-page .recruit-facts__work-card.is-work-reversed .recruit-facts__work-description,
	.recruit-page .recruit-facts__work-row:nth-child(even) > .recruit-facts__work-card .recruit-facts__work-description,
	.recruit-page .recruit-facts__work-grid > .recruit-facts__work-card:nth-child(even) .recruit-facts__work-description { grid-column: 1; grid-row: 3; }
	.recruit-page .recruit-facts__work-badges,
	.recruit-page .recruit-facts__work-card.is-work-reversed .recruit-facts__work-badges,
	.recruit-page .recruit-facts__work-row:nth-child(even) > .recruit-facts__work-card .recruit-facts__work-badges,
	.recruit-page .recruit-facts__work-grid > .recruit-facts__work-card:nth-child(even) .recruit-facts__work-badges {
		grid-column: 1;
		grid-row: 4;
	}
	.recruit-page .recruit-facts__work-badges .is-badge-circulation {
		display: inline-flex;
		flex: 0 0 100%;
		justify-self: stretch;
		width: 100%;
		max-width: 100%;
	}
	.recruit-page .recruit-facts__work-badges {
		display: flex;
		flex-wrap: wrap;
		grid-template-columns: none;
		max-width: 100%;
	}

	.recruit-page .recruit-facts__work-award-badges,
	.recruit-page .recruit-facts__work-card.is-work-reversed .recruit-facts__work-award-badges,
	.recruit-page .recruit-facts__work-row:nth-child(even) > .recruit-facts__work-card .recruit-facts__work-award-badges,
	.recruit-page .recruit-facts__work-grid > .recruit-facts__work-card:nth-child(even) .recruit-facts__work-award-badges { grid-column: 1; grid-row: 5; }
	.recruit-page .recruit-facts__work-card:not(:has(.recruit-facts__work-badges)) .recruit-facts__work-award-badges { grid-row: 4; }
	.recruit-page .recruit-facts__work-more,
	.recruit-page .recruit-facts__work-card.is-work-reversed .recruit-facts__work-more,
	.recruit-page .recruit-facts__work-row:nth-child(even) > .recruit-facts__work-card .recruit-facts__work-more,
	.recruit-page .recruit-facts__work-grid > .recruit-facts__work-card:nth-child(even) .recruit-facts__work-more {
		position: static;
		grid-column: 1;
		grid-row: 6;
		align-self: start;
		margin-top: 24px;
	}
	.recruit-page .recruit-facts__work-card:is(.is-cover-left, .is-cover-right),
	.recruit-page .recruit-facts__work-card:is(.is-cover-left, .is-cover-right) > .recruit-facts__work-link { grid-template-columns: 1fr; }
	.recruit-page .recruit-facts__work-card:is(.is-cover-left, .is-cover-right) .recruit-facts__work-cover { grid-column: 1; grid-row: 1; }
	.recruit-page .recruit-facts__work-card:is(.is-cover-left, .is-cover-right) :is(h4, .recruit-facts__work-description, .recruit-facts__work-badges, .recruit-facts__work-award-badges, .recruit-facts__work-more) { grid-column: 1; }
	.recruit-page .recruit-facts__employee-dashboard { grid-template-columns: minmax(0, 1fr); }
	.recruit-page .recruit-facts__employee-averages { grid-column: auto; grid-template-columns: 1fr; }
	.recruit-page .recruit-facts__employee-counts { padding-inline: 12px; }
	.recruit-page .recruit-facts__age-chart { padding-inline: 16px; }
	.recruit-page .recruit-facts__chart-legend {
		flex-wrap: wrap;
		row-gap: 8px;
		column-gap: 12px;
		padding-inline: 12px;
	}
	.recruit-page .recruit-page__links { width: 100%; }
	.recruit-page .recruit-page__links .wp-block-button__link,
	.recruit-page .recruit-page__cta .wp-block-button__link { --button-width: 100%; }
	.recruit-page .recruit-page__cta { width: 100%; }
}