/* About closing photo: original portrait asset, Figma 21839:2667 crop. */
.prefooter--about .prefooter-photo { inset: 0px; width: 100%; height: 100%; margin: 0px; justify-self: stretch; object-fit: cover; object-position: 50% 64.365%; filter: none; translate: 0px 0px; }

/* Preserve the 1440px Figma crop while progressively restoring subject headroom on wider screens. */
@media (min-width: 1441px) {
  .prefooter--about .prefooter-photo { object-position: 50% calc(39.361% - 257.54px); }
}

/* About portrait hero from Figma 21979:1475. */
.about-hero-media img { position: absolute; width: 100%; width: stretch; height: auto; max-width: none; top: -44.864px; object-fit: fill; object-position: center; }
.about-hero-layout { min-height: 640px; display: flex; align-items: flex-start; }
.about-hero-title { width: 493px; min-width: 0px; margin-top: 256px; display: flex; flex-direction: column; color: var(--color-surface); font-size: 96px; line-height: 115%; letter-spacing: 0px; overflow-wrap: anywhere; }

/* About expertise section from Figma 21839:2679. */
.about-expertise { height: 449px; padding: 80px 0px; background: var(--color-surface); }
.about-expertise-inner { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.about-expertise-header { width: stretch; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.about-expertise-header h2 { width: 611px; color: var(--color-brand-hover); overflow-wrap: anywhere; }
.about-expertise-body { display: flex; flex-direction: column; align-items: center; gap: 32px; }
.about-expertise-copy { width: 737px; color: var(--color-text-secondary); overflow-wrap: anywhere; }
.about-expertise .button { width: 138px; }

/* Leadership reality section from Figma 21839:2713. */
.about-leadership-reality { padding: 100px 0px; background: var(--color-background); }
.about-leadership-reality-inner { display: flex; align-items: center; gap: 80px; }
.about-leadership-reality-content,
.about-leadership-reality-media { flex: 1 0 0px; min-width: 0px; }
.about-leadership-reality-content { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.about-leadership-reality-header { width: stretch; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.about-leadership-reality-header h2 { width: stretch; color: var(--color-brand-hover); overflow-wrap: anywhere; }
.about-leadership-reality-body { width: stretch; display: flex; flex-direction: column; gap: 16px; color: var(--color-text-secondary); letter-spacing: -0.18px; overflow-wrap: anywhere; }
.about-leadership-reality-belief,
.about-leadership-reality-belief-detail { width: stretch; display: flex; flex-direction: column; gap: 12px; }
.about-leadership-reality-emphasis { color: var(--color-text); }
.about-leadership-reality-media { height: 589px; overflow: hidden; }
.about-leadership-reality-media img { width: 100%; width: stretch; height: 100%; height: stretch; object-fit: cover; object-position: center; }

/* Our Approach section from Figma 21839:2778. */
.about-approach { padding: 100px 0px; background: var(--color-surface); }
.about-approach-frame { position: relative; height: 630px; overflow: hidden; }
.about-approach-image { position: absolute; width: -moz-available; width: stretch; height: 738.423px; max-width: none; left: -0.394px; top: -18.459px; }
.about-approach-content { position: absolute; z-index: 1; width: 616px; left: 64px; top: 258px; display: flex; flex-direction: column; gap: 16px; color: var(--color-surface); }
.about-approach-header { width: stretch; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.about-approach-header h2 { width: stretch; color: var(--color-surface); overflow-wrap: anywhere; }
.about-approach-body { width: stretch; display: flex; flex-direction: column; gap: 12px; color: var(--color-border); letter-spacing: -0.18px; overflow-wrap: anywhere; }

/* Practical leadership and philosophy section from Figma 21839:2730. */
.about-practical-leadership { height: 1054px; padding: 100px 0px; display: flex; flex-direction: column; align-items: center; gap: 100px; background: var(--color-surface-dark); color: var(--color-surface); }
.about-practical-leadership-intro { width: -moz-available; width: stretch; display: flex; align-items: center; gap: 80px; }
.about-practical-leadership-content,
.about-practical-leadership-media { flex: 1 0 0px; min-width: 0px; }
.about-practical-leadership-content { display: flex; flex-direction: column; gap: 16px; }
.about-practical-leadership-header { width: stretch; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.about-practical-leadership-header h2 { width: stretch; color: var(--color-surface); overflow-wrap: anywhere; }
.about-practical-leadership-body { width: stretch; display: flex; flex-direction: column; gap: 12px; color: var(--color-border); letter-spacing: -0.18px; overflow-wrap: anywhere; }
.about-practical-leadership-media { height: 436px; overflow: hidden; }
.about-practical-leadership-media img { width: 100%; width: stretch; height: 100%; height: stretch; object-fit: cover; object-position: center; }
.about-practical-leadership-divider { width: 100%; width: stretch; height: 1px; }
.about-leadership-philosophy { width: -moz-available; width: stretch; display: flex; flex-direction: column; align-items: center; gap: 48px; }
.about-leadership-philosophy > h3 { color: var(--color-surface); text-align: center; }
.about-leadership-philosophy-items { width: 100%; width: stretch; display: flex; gap: 40px; padding: 0px; list-style: none; }
.about-leadership-philosophy-items li { width: 267.25px; min-width: 0px; display: flex; flex-direction: column; gap: 12px; overflow-wrap: anywhere; }
.about-leadership-philosophy-items li + li { width: 308.25px; padding-left: 40px; border-left: 1px solid rgba(255, 255, 255, 0.25); }
.about-leadership-philosophy-items h4 { color: var(--color-surface); }
.about-leadership-philosophy-items p { color: var(--color-border); letter-spacing: -0.16px; }

/* Why This Work Matters section from Figma 21839:2791. */
.about-why-work-matters { height: 557px; padding: 100px 0px; background: var(--color-surface); }
.about-why-work-matters-inner { display: flex; align-items: center; justify-content: center; gap: 119px; }
.about-why-work-matters-content { width: 640px; min-width: 0px; display: flex; flex-direction: column; gap: 16px; }
.about-why-work-matters-header { width: stretch; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.about-why-work-matters-header h2 { width: stretch; color: var(--color-brand-hover); overflow-wrap: anywhere; }
.about-why-work-matters-body { width: stretch; display: flex; flex-direction: column; gap: 12px; color: var(--color-text-secondary); letter-spacing: -0.18px; overflow-wrap: anywhere; }
.about-why-work-matters-media { width: 553px; height: 357px; flex: none; overflow: hidden; }
.about-why-work-matters-media img { width: 100%; width: stretch; height: 100%; height: stretch; object-fit: cover; object-position: center; }

/* More Than a Title section from Figma 21839:2700. */
.about-more-than-title { position: relative; min-height: 820px; padding-bottom: 100px; overflow: hidden; background: var(--color-surface-dark); color: var(--color-surface); }
.about-more-than-title-image { position: absolute; inset: 0px; width: 100%; width: stretch; height: 100%; height: stretch; max-width: none; object-fit: cover; object-position: center; }
.about-more-than-title-overlay { position: absolute; inset: 0px; background: linear-gradient(180deg, rgba(5, 12, 42, 0.6) 0%, rgba(5, 12, 42, 0.46) 46.635%, rgba(5, 12, 42, 0) 100%); }
.about-more-than-title-inner { position: relative; z-index: 1; display: flex; justify-content: center; }
.about-more-than-title-content { width: stretch; max-width: 848px; min-width: 0px; margin-top: 100px; display: flex; flex-direction: column; align-items: center; gap: 32px; text-align: center; overflow-wrap: anywhere; }
.about-more-than-title-text { width: stretch; display: flex; flex-direction: column; align-items: center; gap: 16px; }
.about-more-than-title-header { width: stretch; max-width: 540px; min-width: 0px; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.about-more-than-title-header .leadership-test-eyebrow { color: var(--color-surface); }
.about-more-than-title-header .leadership-test-eyebrow::before { background: var(--color-surface); }
.about-more-than-title-header h2 { width: stretch; color: var(--color-surface); overflow-wrap: anywhere; }
.about-more-than-title-content .button { max-width: stretch; min-width: 0px; }
.about-more-than-title-body { width: stretch; display: flex; flex-direction: column; gap: 12px; color: var(--color-surface); letter-spacing: -0.18px; overflow-wrap: anywhere; }

/* Credentials wrapper from Figma 21839:2761; the repeated stat row is global. */
.about-credentials { padding: 80px 0px; background: var(--color-background); }

/* From Experience to System: Figma21977:1174. */
.about-experience-system { padding: 100px 0px; background: var(--color-surface); }
.about-experience-system-inner { display: flex; flex-direction: column; gap: 100px; }
.about-experience-system-intro { min-height: 305px; display: flex; justify-content: space-between; align-items: flex-start; gap: 64px; }
.about-experience-system-header { flex: 0 1 542px; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; overflow-wrap: anywhere; }
.about-experience-system-header h2 { color: var(--color-brand-hover); }
.about-experience-system-body { flex: 0 1 546px; min-width: 0px; padding-top: 88px; display: flex; flex-direction: column; align-items: flex-start; gap: 32px; overflow-wrap: anywhere; }
.about-experience-system-copy { display: flex; flex-direction: column; gap: 12px; color: var(--color-text-secondary); letter-spacing: -0.18px; }
.about-experience-system-body .button { min-width: 0px; max-width: stretch; }
.about-experience-system-media { position: relative; height: 600px; overflow: hidden; }
.about-experience-system-media img { position: absolute; left: 0.394px; top: -55.92px; width: -moz-available; width: stretch; height: auto; max-width: none; }

@media (max-width: 1399px) {
  .about-hero-layout { min-height: 600px; }
  .about-hero-title { width: 450px; margin-top: 240px; font-size: 88px; }
  .about-hero-media img { top: -40px; }
  .about-expertise { height: auto; padding: 72px 0px; }
  .about-leadership-reality { padding: 88px 0px; }
  .about-leadership-reality-inner { gap: 64px; }
  .about-leadership-reality-media { height: 540px; }
  .about-approach { padding: 88px 0px; }
  .about-approach-frame { height: 600px; }
  .about-approach-image { height: 100%; height: stretch; left: 0px; top: 0px; object-fit: cover; object-position: center; }
  .about-approach-content { width: 560px; left: 56px; top: 228px; }
  .about-practical-leadership { height: auto; padding: 88px 0px; gap: 88px; }
  .about-practical-leadership-intro { gap: 64px; }
  .about-practical-leadership-media { height: 400px; }
  .about-leadership-philosophy { gap: 40px; }
  .about-leadership-philosophy-items { gap: 32px; }
  .about-leadership-philosophy-items li,
  .about-leadership-philosophy-items li + li { width: auto; flex: 1 1 240px; padding-left: 32px; }
  .about-leadership-philosophy-items li:first-child { padding-left: 0px; }
  .about-why-work-matters { height: auto; padding: 88px 0px; }
  .about-why-work-matters-inner { gap: 80px; }
  .about-why-work-matters-content { flex: 1 1 0px; width: auto; }
  .about-why-work-matters-media { width: 500px; height: 340px; }
  .about-more-than-title { min-height: 760px; padding-bottom: 88px; }
  .about-more-than-title-content { margin-top: 88px; }
  .about-credentials { padding: 64px 0px; }
  .about-experience-system { padding: 88px 0px; }
  .about-experience-system-inner { gap: 88px; }
  .about-experience-system-intro { min-height: 0px; gap: 56px; }
  .about-experience-system-body { padding-top: 72px; }
  .about-experience-system-media { height: 540px; }
  .about-experience-system-media img { top: -50px; }
}

@media (max-width: 1199px) {
  .about-hero-layout { min-height: 580px; }
  .about-hero-title { width: 400px; margin-top: 220px; font-size: 80px; }
  .about-hero-media img { top: 0px; }
  .about-expertise { padding: 64px 0px; }
  .about-expertise-body { gap: 28px; }
  .about-leadership-reality { padding: 72px 0px; }
  .about-leadership-reality-inner { gap: 48px; }
  .about-leadership-reality-media { height: 500px; }
  .about-approach { padding: 72px 0px; }
  .about-approach-frame { height: 560px; }
  .about-approach-content { width: 520px; left: 48px; top: 200px; }
  .about-practical-leadership { padding: 72px 0px; gap: 72px; }
  .about-practical-leadership-intro { gap: 48px; }
  .about-practical-leadership-media { height: 380px; }
  .about-leadership-philosophy-items { flex-wrap: wrap; }
  .about-leadership-philosophy-items li,
  .about-leadership-philosophy-items li + li { flex: 1 1 400px; padding-left: 0px; border-left: 0px; }
  .about-leadership-philosophy-items li:nth-child(even) { padding-left: 32px; border-left: 1px solid rgba(255, 255, 255, 0.25); }
  .about-why-work-matters { padding: 72px 0px; }
  .about-why-work-matters-inner { gap: 48px; }
  .about-why-work-matters-media { width: 430px; height: 320px; }
  .about-more-than-title { min-height: 700px; padding-bottom: 72px; }
  .about-more-than-title-content { max-width: 760px; margin-top: 72px; }
  .about-credentials { padding: 56px 0px; }
  .about-experience-system { padding: 72px 0px; }
  .about-experience-system-inner { gap: 72px; }
  .about-experience-system-intro { gap: 48px; }
  .about-experience-system-body { padding-top: 56px; }
  .about-experience-system-media { height: 440px; }
  .about-experience-system-media img { top: -32px; }
}

@media (min-width: 901px) and (max-width: 1399px) and (max-height: 650px) {
  .about-hero-layout { min-height: 579px; }
  .about-hero-title { margin-top: 210px; }
}

@media (max-width: 900px) {
  .about-hero-media img { inset: 0px; width: 100%; width: stretch; height: 100%; height: stretch; object-fit: cover; object-position: center; }
  .about-hero-layout { min-height: 0px; display: block; }
  .about-hero-title { width: 100%; width: stretch; max-width: 493px; margin-top: 0px; font-size: 48px; }
  .about-expertise { padding: 56px 0px; }
  .about-expertise-header { gap: 10px; }
  .about-expertise-header h2,
  .about-expertise-copy { width: auto; }
  .about-expertise-body { gap: 24px; }
  .about-leadership-reality { padding: 64px 0px; }
  .about-leadership-reality-inner { flex-direction: column; align-items: stretch; gap: 40px; }
  .about-leadership-reality-content,
  .about-leadership-reality-media { flex: none; }
  .about-leadership-reality-media { width: 100%; width: stretch; height: 480px; }
  .about-approach { padding: 64px 0px; }
  .about-approach-frame { height: auto; min-height: 680px; padding: 280px 32px 48px; display: flex; align-items: flex-end; background: var(--color-surface-dark); }
  .about-approach-frame::after { content: ""; position: absolute; z-index: 0; inset: 0px; background: linear-gradient(180deg, rgba(5, 12, 42, 0.08) 0%, rgba(5, 12, 42, 0.72) 45%, rgba(5, 12, 42, 0.96) 100%); }
  .about-approach-image { left: 0px; top: 0px; width: 100%; width: stretch; height: 100%; height: stretch; object-fit: cover; object-position: center; }
  .about-approach-content { position: relative; width: stretch; left: auto; top: auto; }
  .about-practical-leadership { padding: 64px 0px; gap: 64px; }
  .about-practical-leadership-intro { flex-direction: column; align-items: stretch; gap: 40px; }
  .about-practical-leadership-content,
  .about-practical-leadership-media { flex: none; }
  .about-practical-leadership-media { width: 100%; width: stretch; height: 480px; }
  .about-leadership-philosophy { gap: 32px; }
  .about-leadership-philosophy-items li,
  .about-leadership-philosophy-items li + li { flex-basis: 300px; }
  .about-why-work-matters { padding: 64px 0px; }
  .about-why-work-matters-inner { flex-direction: column; align-items: stretch; gap: 40px; }
  .about-why-work-matters-content,
  .about-why-work-matters-media { width: 100%; width: stretch; }
  .about-why-work-matters-media { height: 480px; }
  .about-more-than-title { min-height: 680px; padding-bottom: 0px; }
  .about-more-than-title-content { width: stretch; max-width: none; margin: 64px 0px; }
  .about-credentials { padding: 48px 0px; }
  .about-experience-system { padding: 64px 0px; }
  .about-experience-system-inner { gap: 48px; }
  .about-experience-system-intro { flex-direction: column; gap: 24px; }
  .about-experience-system-header,
  .about-experience-system-body { flex: none; width: stretch; }
  .about-experience-system-header { max-width: 542px; }
  .about-experience-system-body { padding-top: 0px; gap: 24px; }
  .about-experience-system-media { height: auto; overflow: visible; }
  .about-experience-system-media img { position: static; width: 100%; width: stretch; height: auto; }
}

@media (max-width: 767px) {
  .about-experience-system { padding: 48px 0px; }
  .about-experience-system-inner { gap: 40px; }
  .about-hero-title { font-size: 42px; }
  .about-expertise { padding: 48px 0px; }
  .about-leadership-reality { padding: 48px 0px; }
  .about-leadership-reality-inner { gap: 32px; }
  .about-leadership-reality-media { height: 420px; }
  .about-approach { padding: 48px 0px; }
  .about-approach-frame { min-height: 700px; padding: 260px 24px 40px; }
  .about-practical-leadership { padding: 48px 0px; gap: 48px; }
  .about-practical-leadership-intro { gap: 32px; }
  .about-practical-leadership-media { height: 400px; }
  .about-leadership-philosophy-items { gap: 28px; }
  .about-leadership-philosophy-items li,
  .about-leadership-philosophy-items li + li,
  .about-leadership-philosophy-items li:nth-child(even) { width: 100%; width: stretch; flex: none; padding-left: 0px; border-left: 0px; }
  .about-practical-leadership .challenge-eyebrow { white-space: normal; }
  .about-why-work-matters { padding: 48px 0px; }
  .about-why-work-matters-inner { gap: 32px; }
  .about-why-work-matters-media { height: 400px; }
  .about-more-than-title { min-height: 640px; }
  .about-more-than-title-content { margin: 48px 0px; gap: 28px; }
}

@media (max-width: 479px) {
  .about-hero-title { font-size: 36px; }
  .about-expertise { padding: 40px 0px; }
  .about-expertise-body { gap: 20px; }
  .about-leadership-reality { padding: 40px 0px; }
  .about-leadership-reality-inner { gap: 24px; }
  .about-leadership-reality-media { height: 320px; }
  .about-approach { padding: 40px 0px; }
  .about-approach-frame { min-height: 760px; padding: 240px 20px 32px; }
  .about-approach-content { gap: 14px; }
  .about-practical-leadership { padding: 40px 0px; gap: 40px; }
  .about-practical-leadership-intro { gap: 24px; }
  .about-practical-leadership-media { height: 320px; }
  .about-leadership-philosophy { gap: 24px; }
  .about-leadership-philosophy-items { gap: 24px; }
  .about-why-work-matters { padding: 40px 0px; }
  .about-why-work-matters-inner { gap: 24px; }
  .about-why-work-matters-media { height: 320px; }
  .about-more-than-title { min-height: 620px; }
  .about-more-than-title-content { margin: 40px 0px; gap: 24px; }
  .about-credentials { padding: 40px 0px; }
  .about-experience-system { padding: 40px 0px; }
  .about-experience-system-inner { gap: 32px; }
}

@media (max-width: 375px) {
  .about-hero-title { font-size: 32px; }
}

/* WordPress editorial-growth hardening; default 1440px minimum geometry is retained. */
.about-expertise { height: auto; min-height: 449px; }
.about-practical-leadership { height: auto; min-height: 1054px; }
.about-why-work-matters { height: auto; min-height: 557px; }
.about-leadership-reality-body strong { color: var(--color-text); font-weight: 400; }
.about-expertise-copy,
.about-leadership-reality-body,
.about-approach-content,
.about-practical-leadership-content,
.about-leadership-philosophy-items li,
.about-why-work-matters-content,
.about-credentials .credential-stat,
.about-experience-system-intro,
.about-expertise .button,
.about-more-than-title .button,
.about-experience-system .button,
.prefooter--about .button { min-width: 0px; max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }

@media (min-width: 901px) {
  .about-approach-frame { height: auto; min-height: 630px; padding: 258px 64px 72px; display: flex; align-items: flex-end; }
  .about-approach-content { position: relative; left: auto; top: auto; }
}

@media (min-width: 901px) and (max-width: 1399px) {
  .about-approach-frame { min-height: 600px; padding: 228px 56px 64px; }
}

@media (min-width: 901px) and (max-width: 1199px) {
  .about-approach-frame { min-height: 560px; padding: 200px 48px 56px; }
}

@media (max-width: 1399px) {
  .about-expertise,
  .about-practical-leadership,
  .about-why-work-matters { min-height: 0px; }
}

/* Responsive screenshot follow-up: preserve the portrait focal point and delay the approach shadow. */
@media (min-width: 620px) and (max-width: 899px) {
  .about-hero { padding-top: 400px; }
  .about-hero-media { height: 400px; }
  .about-hero-media img { object-position: center 22%; }
  .about-approach-frame::after { background: linear-gradient(180deg, rgba(5, 12, 42, 0.08) 0%, rgba(5, 12, 42, 0.08) 38%, rgba(5, 12, 42, 0.72) 62%, rgba(5, 12, 42, 0.96) 100%); }
}

@media (max-width: 620px) {
  .about-approach-frame::after { background: linear-gradient(180deg, rgba(5, 12, 42, 0.08) 0%, rgba(5, 12, 42, 0.08) 50%, rgba(5, 12, 42, 0.72) 72%, rgba(5, 12, 42, 0.96) 100%); }
}

/* The stacked experience narrative spans the full inner container. */
@media (max-width: 899px) {
  .about-experience-system-intro,
  .about-experience-system-header,
  .about-experience-system-header h2,
  .about-experience-system-body,
  .about-experience-system-copy {
    width: stretch;
    max-width: none;
  }
}