/* Change & Transition page-only section and responsive styles. Shared foundations live in global.css. */

/* Shared How We Help detail hero: preserve full images on smaller screens and
use the existing full-bleed composition on desktop. */
.how-we-help-detail-hero .change-transition-hero-media img {
	object-position: center;
}

.how-we-help-detail-hero .change-transition-hero-intro p + p {
	margin-top: 12px;
}

@media (max-width: 479px) {
	.how-we-help-detail-hero .change-transition-hero-intro p + p {
		margin-top: 10px;
	}
}

@media (min-width: 901px) {
	.how-we-help-detail-hero .change-transition-hero-media img {
		object-fit: cover;
		object-position: center 40%;
	}
}


.prefooter--change-transition .prefooter-photo { inset: 0px; width: 100%; width: stretch; height: 100%; height: stretch; margin-inline: 0px; justify-self: stretch; object-fit: cover; object-position: center; translate: none; filter: none; }
.prefooter--change-transition > .container { width: stretch; }
.prefooter--change-transition .prefooter-content { min-width: 0px; overflow-wrap: anywhere; }
.prefooter--change-transition .prefooter-copy { max-width: 724px; margin-inline: auto; color: var(--color-border); }

/* Change & Transition leadership test: source-authored content/media split. */
.change-test { padding-block: 100px; background: var(--color-surface); }
.change-test-layout { display: flex; align-items: center; justify-content: space-between; gap: 73px; }
.change-test-content { flex: 0 0 594px; width: 594px; display: flex; flex-direction: column; gap: 16px; }
.change-test-heading { max-width: 508px; display: flex; flex-direction: column; gap: 12px; }
.change-test-eyebrow { display: flex; align-items: center; gap: 16px; color: var(--color-accent); white-space: nowrap; }
.change-test-eyebrow::before { content: ""; flex: 0 0 40px; height: 1px; background: var(--color-accent); }
.change-test-heading h2 { color: var(--color-brand-hover); }
.change-test-copy { max-width: 541px; display: flex; flex-direction: column; gap: 12px; color: var(--color-text-secondary); }
.change-test-copy p { max-width: 480px; }
.change-test-media { flex: 0 0 645px; width: 645px; height: 444px; overflow: hidden; }
.change-test-media:empty { display: none; }
.change-test-media img { display: block; width: 100%; width: stretch; height: 100%; height: stretch; object-fit: cover; object-position: center; }

/* Change & Transition leadership capacity: static responsive card grid. */
.leadership-transformation { padding-block: 100px; background: var(--color-surface-dark); color: var(--color-surface); }
.leadership-transformation-content { display: flex; flex-direction: column; align-items: center; gap: 47.59375px; }
.leadership-transformation-header { width: 760px; display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.leadership-transformation-heading { align-self: stretch; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.leadership-transformation-eyebrow { display: flex; align-items: center; gap: 16px; color: var(--color-accent); }
.leadership-transformation-eyebrow::before { content: ""; flex: 0 0 40px; height: 1px; background: var(--color-accent); }
.leadership-transformation-heading h2 { width: 692px; color: var(--color-surface); overflow-wrap: anywhere; }
.leadership-transformation-description { align-self: stretch; color: var(--color-surface); }
.leadership-transformation-description span,
.leadership-transformation-card p span { display: block; }
.leadership-transformation-cards { align-self: stretch; display: flex; align-items: stretch; gap: 24px; margin: 0px; padding: 0px; list-style: none; }
.leadership-transformation-cards:not(:has(.leadership-transformation-card)) { display: none; }
.leadership-transformation-card { flex: 1 1 0px; min-width: 0px; min-height: 185px; padding: 18.9921875px 24px; display: flex; align-items: center; border: 1px solid var(--color-border-dark); }
.leadership-transformation-card-content { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 12px; }
.leadership-transformation-card h3,
.leadership-transformation-card p { color: var(--color-surface); }
.leadership-transformation-card p { min-width: 0px; overflow-wrap: anywhere; }

/* Change & Transition close: exact split composition with a full-resolution authored photo crop. */
.keep-moving-forward { padding-block: 100px; background: var(--color-surface); }
.keep-moving-forward-layout { display: flex; align-items: center; gap: 47px; }
.keep-moving-forward-media { position: relative; flex: 0 0 649px; width: 649px; height: 474px; overflow: hidden; }
.keep-moving-forward-media:empty { display: none; }
.keep-moving-forward-media img { position: absolute; left: 0px; top: -5.735px; display: block; max-width: none; width: 665.16px; height: 485.471px; }
.keep-moving-forward-content { flex: 0 0 616px; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 30px; }
.keep-moving-forward-main,
.keep-moving-forward-heading { align-self: stretch; min-width: 0px; display: flex; flex-direction: column; }
.keep-moving-forward-main { gap: 16px; }
.keep-moving-forward-heading { gap: 12px; }
.keep-moving-forward-eyebrow { display: flex; align-items: center; gap: 16px; color: var(--color-accent); }
.keep-moving-forward-eyebrow::before { content: ""; flex: 0 0 40px; height: 1px; background: var(--color-accent); }
.keep-moving-forward-heading h2 { color: var(--color-brand-hover); }
.keep-moving-forward-description { color: var(--color-text-secondary); }
.keep-moving-forward-list { width: 552px; display: grid; grid-template-columns: 223px 297px; grid-auto-flow: row; gap: 9px 32px; margin: 0px; padding: 0px; color: var(--color-text-secondary); list-style: none; }
.keep-moving-forward-list:not(:has(li)) { display: none; }
.keep-moving-forward-list li { min-width: 0px; display: flex; align-items: center; gap: 7px; white-space: nowrap; }
.keep-moving-forward-list img { flex: 0 0 13px; display: block; width: 13px; height: 9px; }
@media (max-width: 1407px) {
	.keep-moving-forward-media,
	.keep-moving-forward-content { flex: 1 1 0px; width: auto; }
	.keep-moving-forward-media img { inset: 0px; width: 100%; width: stretch; height: 100%; height: stretch; object-fit: cover; object-position: center; }
	.keep-moving-forward-list { width: auto; align-self: stretch; grid-template-columns: minmax(0px, auto) minmax(0px, auto); }
}

@media (max-width: 1399px) {
	.change-test { padding-block: 80px; }
	.change-test-layout { gap: 64px; }
	.change-test-content,
	.change-test-media { flex: 1 1 0px; width: auto; }
	.change-test-media { height: 420px; }
	.leadership-transformation { padding-block: 80px; }
	.leadership-transformation-content { gap: 40px; }
	.leadership-transformation-cards { gap: 20px; }
	.leadership-transformation-card { padding-inline: 20px; }
	.leadership-transformation-description span,
	.leadership-transformation-card p span { display: inline; }
	.leadership-transformation-description span + span::before,
	.leadership-transformation-card p span + span::before { content: " "; }
	.keep-moving-forward { padding-block: 80px; }
	.keep-moving-forward-layout { gap: 40px; }
	.keep-moving-forward-media { height: 440px; }
}

@media (max-width: 1199px) {
	.change-test { padding-block: 72px; }
	.change-test-layout { gap: 48px; }
	.change-test-media { height: 380px; }
	.leadership-transformation { padding-block: 72px; }
	.leadership-transformation-content { gap: 36px; }
	.leadership-transformation-cards { flex-wrap: wrap; }
	.leadership-transformation-card { flex-basis: 280px; min-height: 170px; }
	.keep-moving-forward { padding-block: 72px; }
	.keep-moving-forward-layout { gap: 32px; }
	.keep-moving-forward-media { height: 400px; }
	.keep-moving-forward-list li { white-space: normal; }
}

@media (max-width: 900px) {
	.from-reaction-table { align-self: stretch; width: 100%; max-width: 760px; }
	.change-test { padding-block: 64px; }
	.change-test-layout { flex-direction: column; align-items: stretch; gap: 40px; }
	.change-test-content,
	.change-test-media { flex-basis: auto; }
	.change-test-heading { max-width: 100%; }
	.change-test-eyebrow { max-width: 100%; align-items: flex-start; white-space: normal; line-height: 140%; overflow-wrap: anywhere; }
	.change-test-eyebrow::before { margin-top: 8px; }
	.change-test-media { height: 420px; }
	.leadership-transformation { padding-block: 64px; }
	.leadership-transformation-content { gap: 32px; }
	.leadership-transformation-header { width: 700px; }
	.leadership-transformation-heading h2 { width: 620px; }
	.leadership-transformation-card { flex-basis: 300px; min-height: 160px; }
	.keep-moving-forward { padding-block: 64px; }
	.keep-moving-forward-layout { flex-direction: column; align-items: stretch; gap: 40px; }
	.keep-moving-forward-media,
	.keep-moving-forward-content { flex-basis: auto; }
	.keep-moving-forward-media { height: 420px; }
	.keep-moving-forward-list { width: 552px; grid-template-columns: 223px 297px; }
}

@media (max-width: 767px) {
	.change-test { padding-block: 48px; }
	.change-test-layout { gap: 32px; }
	.change-test-media { height: 360px; }
	.leadership-transformation { padding-block: 48px; }
	.leadership-transformation-header,
	.leadership-transformation-heading h2 { align-self: stretch; width: auto; }
	.leadership-transformation-cards { gap: 16px; }
	.leadership-transformation-card { flex-basis: 260px; min-height: 150px; }
	.leadership-transformation-card { padding-block: 16px; }
	.keep-moving-forward { padding-block: 48px; }
	.keep-moving-forward-layout { gap: 32px; }
	.keep-moving-forward-media { height: 360px; }
	.keep-moving-forward-list { width: auto; grid-template-columns: minmax(0px, auto) minmax(0px, auto); }
	.change-test-copy, .change-test-copy p {
		max-width: 100%;
	}
}

@media (max-width: 479px) {
	.change-test { padding-block: 40px; }
	.change-test-layout { gap: 24px; }
	.change-test-content { gap: 14px; }
	.change-test-heading { gap: 10px; }
	.change-test-eyebrow { gap: 12px; white-space: normal; }
	.change-test-eyebrow::before { flex-basis: 32px; }
	.change-test-copy { gap: 10px; }
	.change-test-media { height: 300px; }
	.leadership-transformation { padding-block: 40px; }
	.leadership-transformation-content { gap: 24px; }
	.leadership-transformation-header { gap: 14px; }
	.leadership-transformation-heading { gap: 10px; }
	.leadership-transformation-eyebrow { gap: 12px; }
	.leadership-transformation-eyebrow::before { flex-basis: 32px; }
	.leadership-transformation-cards { flex-direction: column; gap: 12px; }
	.leadership-transformation-card { flex: none; min-height: 0px; padding: 20px; }
	.leadership-transformation-card-content { gap: 10px; }
	.keep-moving-forward { padding-block: 40px; }
	.keep-moving-forward-layout,
	.keep-moving-forward-content { gap: 24px; }
	.keep-moving-forward-media { height: 300px; }
	.keep-moving-forward-main { gap: 14px; }
	.keep-moving-forward-heading { gap: 10px; }
	.keep-moving-forward-eyebrow { gap: 12px; }
	.keep-moving-forward-eyebrow::before { flex-basis: 32px; }
	.keep-moving-forward-list { grid-template-columns: minmax(0px, auto); gap: 9px; }
}

@media (max-width: 375px) {
	.change-test-media { height: 260px; }
	.leadership-transformation-card { padding: 18px 16px; }
	.keep-moving-forward-media { height: 260px; }
}