/* Homepage-only section and responsive styles. Shared foundations live in global.css. */


.hero {
  position: relative;
  isolation: isolate;
  background: var(--color-surface-dark);
  color: var(--color-surface);
}

.hero-media {
  position: absolute;
  z-index: -1;
  inset: 0px;
  overflow: hidden;
  display: grid;
}

.hero-portrait {
  position: absolute;
  justify-self: center;
  width: 1518.77px;
  height: 978.75px;
  max-width: none;
  top: -0.08px;
  translate: -38.81px 0px;
}

.hero-media::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 473.5px, rgba(0, 0, 0, 0.24) 577.45px, rgba(0, 0, 0, 0.4) 820px), linear-gradient(121.833950368deg, rgba(0, 0, 0, 0.6) 0px, rgba(0, 0, 0, 0.364) 624.81px, rgba(0, 0, 0, 0) 903.38px);
}

.hero-inner {
  position: relative;
  height: 820px;
}

.hero-heading {
  position: absolute;
  top: 216px;
  width: 594px;
}

.hero-heading h1 {
  margin-top: 12px;
  letter-spacing: -1px;
}

.hero-intro {
  position: absolute;
  right: 0px;
  top: 464px;
  width: 508px;
}

.hero-intro p {
  letter-spacing: -0.18px;
}

.hero-message {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.hero-message .hero-message-headline {
  font-family: var(--font-heading);
  font-size: 28px;
  line-height: 115%;
  letter-spacing: -1px;
}

.hero-message strong {
  color: var(--color-accent);
  font-weight: 400;
}

.hero-cta {
  width: 349px;
  height: 48px;
  margin-top: 32px;
}

.hero :focus-visible {
  outline-color: var(--color-surface);
}

.hero-transition {
  padding-block: 48px;
  background: var(--color-surface-soft);
  color: var(--color-brand-hover);
}

.hero-transition-inner {
  display: flex;
  justify-content: center;
  text-align: center;
}

.hero-transition p {
  max-width: 1040px;
}

/* Credentials and shared continuous logo lane. Text consumes global roles. */
.credentials {
  padding-block: 80px;
  background: var(--color-background);
}

.logo-marquee {
  position: relative;
  margin-top: 110px;
}

.logo-marquee-title {
  color: var(--color-brand-hover);
  text-align: center;
}

.logo-marquee-lane {
  margin-top: 48px;
  overflow-x: auto;
  scrollbar-width: none;
}

.logo-marquee-lane::-webkit-scrollbar {
  display: none;
}

.logo-marquee-lane:focus-visible {
  outline-offset: -3px;
}

.logo-marquee-track {
  display: flex;
  width: max-content;
  mix-blend-mode: luminosity;
}

.logo-sequence {
  display: flex;
  align-items: center;
  gap: 112px;
  padding: 0px 112px 0px 0px;
  list-style: none;
  flex: 0 0 auto;
}

.logo-item {
  flex: 0 0 auto;
  height: 38px;
  display: flex;
  align-items: center;
}

.logo-item img {
  display: block;
  height: auto;
}

.logo-item--bank {
  width: 374.795px;
  align-items: flex-start;
  opacity: 0.6;
}

.logo-item--bank img {
  width: 374.795px;
}

.logo-item--uber {
  width: 108.3px;
  opacity: 0.6;
}

.logo-item--uber img {
  width: 108.3px;
}

.logo-item--wells {
  width: 80.29px;
}

.logo-item--wells img {
  width: 80.29px;
}

.logo-item--paypal {
  width: 142.788px;
  opacity: 0.6;
}

.logo-item--paypal img {
  width: 142.313px;
}

/* The supplied whole-node Roku PNG includes its opacity and a white matte. */
.logo-item--roku {
  width: 122.121px;
  background: var(--color-background);
}

.logo-item--roku img {
  width: 122.121px;
  mix-blend-mode: darken;
}

.logo-marquee[data-marquee-state="animated"] .logo-marquee-lane {
  overflow: hidden;
}

.logo-marquee[data-marquee-state="animated"] .logo-marquee-track {
  will-change: transform;
}

.logo-marquee[data-marquee-state="single"] .logo-marquee-track {
  width: auto;
  justify-content: center;
}

.logo-marquee[data-marquee-state="single"] .logo-sequence {
  padding: 0px;
  min-width: 0px;
  flex: 0 1 auto;
  margin-inline: 24px;
}

.logo-marquee[data-marquee-state="single"] .logo-item,
.logo-marquee[data-marquee-state="single"] .logo-item img {
  max-width: stretch;
}

/* Leadership forward: exact desktop split composition with an authored photo crop. */
.leadership-forward {
  padding-block: 100px;
}

.leadership-forward-layout {
  display: flex;
  align-items: center;
  gap: 47px;
}

.leadership-forward-media {
  position: relative;
  flex: 0 0 649px;
  min-width: 0px;
  height: 474px;
  overflow: hidden;
}

.leadership-forward-image {
  position: absolute;
  display: block;
  max-width: none;
  width: 729px;
  height: 485.66px;
  left: -40px;
  top: -5.83px;
}

.leadership-forward-content {
  flex: 0 0 616px;
  min-width: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}

.leadership-forward-main,
.leadership-forward-header,
.leadership-forward-copy {
  align-self: stretch;
  min-width: 0px;
  display: flex;
  flex-direction: column;
}

.leadership-forward-main {
  gap: 16px;
}

.leadership-forward-header {
  gap: 12px;
}

.leadership-forward-eyebrow {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--color-accent);
}

.leadership-forward-eyebrow::before {
  content: "";
  flex: 0 0 40px;
  height: 1px;
  background: var(--color-accent);
}

.leadership-forward-header h2 {
  color: var(--color-brand-hover);
}

.leadership-forward-copy {
  max-width: 568px;
  gap: 12px;
  color: var(--color-text-secondary);
}

.leadership-forward-list {
  width: 376px;
  display: grid;
  grid-template-columns: 155px 189px;
  grid-template-rows: repeat(3, minmax(0px, auto));
  grid-auto-flow: column;
  gap: 9px 32px;
  margin: 0px;
  padding: 0px;
  color: var(--color-text-secondary);
  list-style: none;
}

.leadership-forward-list li {
  min-width: 0px;
  display: flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}

.leadership-forward-list img {
  flex: 0 0 13px;
  display: block;
  width: 13px;
  height: 9px;
}

/* The real problem: source-authored narrative and natural-height card columns. */
.real-problem {
  padding-block: 80px;
  background: var(--color-surface-dark);
  color: var(--color-surface);
}

.real-problem-layout {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.real-problem-intro {
  flex: 1 1 0px;
  min-width: 0px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.real-problem-heading-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.real-problem-eyebrow {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--color-accent);
}

.real-problem-eyebrow::before {
  content: "";
  flex: 0 0 40px;
  height: 1px;
  background: var(--color-accent);
}

.real-problem-heading-group h2 {
  align-self: stretch;
  max-width: 500px;
  color: var(--color-surface);
}

.real-problem-copy {
  max-width: 513px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: var(--color-border);
}

.real-problem-cards {
  flex: 0 0 642px;
  width: 642px;
  min-width: 0px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.real-problem-card {
  min-width: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 20px;
  border: 1px solid var(--color-border-dark);
}

.real-problem-card h3 {
  color: var(--color-surface);
}

.real-problem-card p {
  max-width: 460px;
  color: var(--color-border);
}

.real-problem-cards:empty {
  display: none;
}

/* The approach: exact desktop skyline crop with centered semantic content. */
.approach {
  position: relative;
  isolation: isolate;
  min-height: 820px;
  overflow: hidden;
  background: var(--color-surface-dark);
  color: var(--color-surface);
}

.approach-media {
  position: absolute;
  inset: 0px;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.approach-image {
  position: absolute;
  display: block;
  max-width: none;
  width: 1948.032px;
  height: 974.016px;
  left: 0px;
  top: -76.588px;
}

.approach-media::after {
  content: "";
  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%);
}

.approach-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding-block: 100px;
}

.approach-text {
  align-self: stretch;
  max-width: 848px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-inline: auto;
  text-align: center;
}

.approach-header {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.approach-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: var(--color-surface);
}

.approach-eyebrow::before {
  content: "";
  flex: 0 0 40px;
  height: 1px;
  background: var(--color-surface);
}

.approach-header h2,
.approach-copy {
  color: var(--color-surface);
}

.approach-cta {
  width: 333px;
  max-width: stretch;
}

/* The system: exact desktop diagram stage with semantic dimension content. */
.leadership-system {
  padding-block: 100px;
}

.leadership-system-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}

.leadership-system-header {
  width: 760px;
  max-width: 100%;
  max-width: stretch;
  min-width: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}

.leadership-system-title-block {
  width: 686px;
  max-width: 100%;
  max-width: stretch;
  min-width: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.leadership-system-title-block h2 {
  max-width: 100%;
  max-width: stretch;
  min-width: 0px;
  overflow-wrap: anywhere;
}

.leadership-system-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: var(--color-accent);
}

.leadership-system-eyebrow::before {
  content: "";
  flex: 0 0 40px;
  height: 1px;
  background: var(--color-accent);
}

.leadership-system-header h2,
.leadership-system-dimension h3 {
  color: var(--color-brand-hover);
}

.leadership-system-description,
.leadership-system-dimension p {
  color: var(--color-text-secondary);
}

.leadership-system-diagram {
  position: relative;
  align-self: stretch;
  min-width: 0px;
}

.leadership-system-scene {
  position: relative;
  width: 1312px;
  min-height: 577px;
  margin-inline: auto;
}

.leadership-system-art {
  position: absolute;
  inset: 0px;
  pointer-events: none;
}

.leadership-system-outer-ring,
.leadership-system-inner-ring,
.leadership-system-connectors img,
.leadership-system-node {
  position: absolute;
  display: block;
  max-width: none;
}

.leadership-system-outer-ring {
  width: 584px;
  height: 584px;
  left: 364px;
  top: -17px;
}

.leadership-system-inner-ring {
  width: 550px;
  height: 550px;
  left: 381px;
  top: 0px;
}

.leadership-system-connectors {
  position: absolute;
  inset: 0px;
  opacity: 0.1;
}

.leadership-system-connectors img:nth-child(1) {
  width: 22.831px;
  height: 22.684px;
  left: 644.77px;
  top: 263.657px;
}

.leadership-system-connectors img:nth-child(2) {
  width: 47.481px;
  height: 45.229px;
  left: 632.447px;
  top: 252.379px;
}

.leadership-system-connectors img:nth-child(3) {
  width: 71.588px;
  height: 71.397px;
  left: 620.668px;
  top: 239.295px;
}

.leadership-system-connectors img:nth-child(4) {
  width: 96.373px;
  height: 95.949px;
  left: 608.205px;
  top: 227.027px;
}

.leadership-system-connectors img:nth-child(5) {
  width: 121.107px;
  height: 120.489px;
  left: 595.797px;
  top: 214.75px;
}

.leadership-system-connectors img:nth-child(6) {
  width: 145.813px;
  height: 144.999px;
  left: 583.242px;
  top: 203px;
}

.leadership-system-connectors img:nth-child(7) {
  width: 170.503px;
  height: 169.518px;
  left: 571.051px;
  top: 190.234px;
}

.leadership-system-connectors img:nth-child(8) {
  width: 195.183px;
  height: 194.016px;
  left: 558.701px;
  top: 177.992px;
}

.leadership-system-connectors img:nth-child(9) {
  width: 219.856px;
  height: 218.529px;
  left: 546.348px;
  top: 165.729px;
}

.leadership-system-connectors img:nth-child(10) {
  width: 244.686px;
  height: 242.776px;
  left: 533.846px;
  top: 153.607px;
}

.leadership-system-connectors img:nth-child(11) {
  width: 269.339px;
  height: 267.6px;
  left: 521.52px;
  top: 141.197px;
}

.leadership-system-connectors img:nth-child(12) {
  width: 293.986px;
  height: 291.818px;
  left: 509.191px;
  top: 129.086px;
}

.leadership-system-connectors img:nth-child(13) {
  width: 318.51px;
  height: 316.514px;
  left: 497px;
  top: 116.743px;
}

.leadership-system-connectors img:nth-child(14) {
  width: 343.291px;
  height: 341.076px;
  left: 484.543px;
  top: 104.459px;
}

.leadership-system-connectors img:nth-child(15) {
  width: 367.939px;
  height: 365.344px;
  left: 472.219px;
  top: 92.322px;
}

.leadership-system-connectors img:nth-child(16) {
  width: 392.484px;
  height: 390px;
  left: 460px;
  top: 80px;
}

.leadership-system-node {
  width: 71px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border-brand);
  border-radius: 50px;
  background: var(--color-surface);
}

.leadership-system-node--alignment {
  left: 757px;
  top: 478px;
}

.leadership-system-node--clarity {
  left: 895px;
  top: 239px;
}

.leadership-system-node--capacity {
  left: 757px;
  top: 0px;
}

.leadership-system-node--capability {
  left: 484px;
  top: 0px;
}

.leadership-system-node--execution {
  left: 484px;
  top: 478px;
}

.leadership-system-node--performance {
  left: 346px;
  top: 239px;
}

.leadership-system-node-icon {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
}

.leadership-system-node-icon::before,
.leadership-system-node-icon::after {
  content: "";
  position: absolute;
  left: 0px;
  width: 32px;
  height: 17.455px;
  overflow: hidden;
  background-image: var(--leadership-system-node-icon-image, none);
  background-repeat: no-repeat;
  background-size: 115.949px 115.949px;
  background-position: -42.176px -17.25px;
}

.leadership-system-node-icon::before {
  top: 0px;
}

.leadership-system-node-icon::after {
  top: 14.545px;
  transform: scaleY(-1);
}

.leadership-system-center {
  position: absolute;
  left: 484px;
  top: 150px;
  width: 345px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 35px;
  text-align: center;
}

.leadership-system-key {
  position: relative;
  display: block;
  width: 54.804px;
  height: 140px;
  overflow: hidden;
}

.leadership-system-key img {
  position: absolute;
  display: block;
  max-width: none;
  width: 199.29px;
  height: 199.29px;
  left: -72.495px;
  top: -29.638px;
}

.leadership-system-center p {
  width: 363px;
  max-width: 100%;
  max-width: stretch;
  min-width: 0px;
  color: var(--color-accent);
}

.leadership-system-dimensions {
  position: relative;
  display: grid;
  grid-template-columns: 1312px;
  grid-template-rows: minmax(232px, auto) minmax(246px, auto) minmax(99px, auto);
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.leadership-system-dimension {
  position: relative;
  grid-column: 1;
  align-self: start;
  width: 312px;
  min-width: 0px;
  overflow-wrap: anywhere;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.leadership-system-dimension p {
  align-self: stretch;
}

.leadership-system-dimension--capability {
  grid-row: 1;
  left: 138px;
  top: 0px;
  align-items: flex-end;
  text-align: right;
}

.leadership-system-dimension--capability p {
  max-width: 273px;
}

.leadership-system-dimension--capacity {
  grid-row: 1;
  left: 862px;
  top: 0px;
  align-items: flex-start;
}

.leadership-system-dimension--capacity p {
  max-width: 302px;
}

.leadership-system-dimension--clarity {
  grid-row: 2;
  left: 991px;
  top: 0px;
}

.leadership-system-dimension--alignment {
  grid-row: 3;
  left: 862px;
  top: 0px;
}

.leadership-system-dimension--execution {
  grid-row: 3;
  left: 138px;
  top: 0px;
  align-items: flex-end;
  text-align: right;
}

.leadership-system-dimension--performance {
  grid-row: 2;
  left: 0px;
  top: 0px;
  align-items: flex-end;
  text-align: right;
}

/* How We Help: one source-backed component variant remains open at a time. */


.how-we-help-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  min-width: 0px;
}

.how-we-help-title-block {
  flex: 0 0 489px;
  min-width: 0px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}



.how-we-help-title-block h2 {
  color: var(--color-surface);
}

.how-we-help-intro {
  flex: 0 0 370px;
  min-width: 0px;
  color: var(--color-border);
  letter-spacing: -0.18px;
}

.how-we-help-pathways {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.how-we-help-pathways h3 {
  color: var(--color-accent);
}

.how-we-help-pathways ul {
  display: flex;
  gap: 24px;
  padding: 0px;
  list-style: none;
}

.how-we-help-pathways li {
  flex: 1 1 0px;
  min-width: 0px;
  padding: 24px;
  border: 1px solid var(--color-border-dark);
  color: var(--color-surface);
}






















/* What We Build */
.what-we-build {
  padding-block: 100px;
  background: var(--color-surface);
}

.what-we-build-content {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.what-we-build-header {
  width: 683px;
  max-width: 100%;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.what-we-build-eyebrow {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--color-accent);
}

.what-we-build-eyebrow::before {
  content: "";
  flex: 0 0 40px;
  height: 1px;
  background: var(--color-accent);
}

.what-we-build-heading-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.what-we-build-heading-group h2 {
  align-self: stretch;
}

.what-we-build-heading-group h2,
.what-we-build-card h3 {
  color: var(--color-brand-hover);
}

.what-we-build-intro {
  width: 542px;
  max-width: 100%;
  color: var(--color-text-secondary);
}

.what-we-build-grid {
  display: grid;
  grid-template-columns: repeat(6, 198.6666667px);
  gap: 24px;
  padding: 0px;
  list-style: none;
}

.what-we-build-grid:empty {
  display: none;
}

.what-we-build-card {
  grid-column: span 2;
  min-width: 0px;
  min-height: 203px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 32px 24px;
  border: 1px solid var(--color-border);
}

.what-we-build-card:nth-child(n+4) {
  grid-column: span 3;
}

.what-we-build-card p {
  color: var(--color-text-secondary);
}

.what-we-build-card:nth-child(1) p {
  width: 328px;
  max-width: 100%;
}

.what-we-build-card:nth-child(2) p {
  width: 359px;
  max-width: 100%;
}

.what-we-build-card:nth-child(3) p {
  width: 353px;
  max-width: 100%;
}

.what-we-build-card:nth-child(4) p {
  width: 455px;
  max-width: 100%;
}

.what-we-build-card:nth-child(5) p {
  width: 481px;
  max-width: 100%;
}

/* Impactful Performance */
.impactful-performance {
  padding-block: 100px;
  background: var(--color-background);
}

.impactful-performance-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}

.impactful-performance-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.impactful-performance-eyebrow {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--color-accent);
}

.impactful-performance-eyebrow::before {
  content: "";
  flex: 0 0 40px;
  height: 1px;
  background: var(--color-accent);
}

.impactful-performance-visual {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.impactful-performance-visual h2 {
  width: 454.1px;
  max-width: 100%;
  color: var(--color-brand-hover);
}

.impactful-performance-visual h2 span,
.impactful-performance-intro span,
.impactful-performance-stat-label span {
  display: block;
}

.impactful-performance-intro,
.impactful-performance-closing {
  color: var(--color-text-secondary);
}

.impactful-performance-intro {
  width: 539.13px;
  max-width: 100%;
}

.impactful-performance-panel {
  width: 636px;
  max-width: 100%;
  min-height: 239px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 18.4px 16px;
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  text-align: center;
}

.impactful-performance-stats {
  width: 600px;
  max-width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin: 0px;
}

.impactful-performance-stat {
  flex: 1 1 300px;
  min-width: 0px;
  min-height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--color-surface);
}

.impactful-performance-stat-dark {
  background: var(--color-surface-dark);
}

.impactful-performance-stat-gold {
  background: var(--color-accent);
}

.impactful-performance-stat-value {
  color: var(--color-surface);
}

.impactful-performance-stat-label {
  width: 183px;
  max-width: 100%;
  margin: 0px;
  color: var(--color-surface);
}

.impactful-performance-stat-dark .impactful-performance-stat-label {
  width: 183px;
  max-width: 100%;
}

.impactful-performance-closing {
  width: 100%;
}

/* Proven in Practice */
.proven-practice {
  padding-block: 100px;
  background: var(--color-surface);
}

.proven-practice-layout {
  display: flex;
  align-items: center;
  gap: 80px;
}

.proven-practice-content {
  flex: 1 1 0px;
  min-width: 0px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.proven-practice-text {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.proven-practice-header {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.proven-practice-eyebrow {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--color-accent);
}

.proven-practice-eyebrow::before {
  content: "";
  flex: 0 0 40px;
  height: 1px;
  background: var(--color-accent);
}

.proven-practice-heading-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.proven-practice-heading-group h2 {
  color: var(--color-brand-hover);
}

.proven-practice-heading-group h2 span {
  display: block;
}

.proven-practice-intro,
.proven-practice-point p {
  color: var(--color-text-secondary);
}

.proven-practice-point {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.proven-practice-point h3 {
  color: var(--color-text);
}

.proven-practice-cta {
  align-self: flex-start;
}

.proven-practice-media {
  position: relative;
  flex: 0 0 585px;
  width: 585px;
  height: 710px;
  overflow: hidden;
}

.proven-practice-media img {
  position: absolute;
  left: -72.833px;
  top: -176.009px;
  width: 702.527px;
  height: 940.892px;
  max-width: none;
}

/* About Dan Roberts */
.about-dan {
  position: relative;
  min-height: 830px;
  overflow: hidden;
  background: var(--color-surface-dark);
  color: var(--color-surface);
}

.about-dan-media,
.about-dan-shade {
  position: absolute;
  inset: 0px;
}

.about-dan-media {
  overflow: hidden;
}

.about-dan-photo {
  position: absolute;
  top: -113.876px;
  right: 0px;
  width: 1720.944px;
  height: 1023.473px;
  max-width: none;
}

.about-dan-shade {
  background: linear-gradient(90deg, var(--color-surface-dark-transparent) 660px, var(--color-surface-dark-80) 777px, var(--color-surface-dark-90) 1440px);
}

.about-dan-layout {
  position: relative;
  min-height: 830px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.about-dan-content {
  flex: 0 0 576px;
  min-width: 0px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.about-dan-text {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.about-dan-intro {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.about-dan-heading {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.about-dan-eyebrow {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--color-accent);
}

.about-dan-eyebrow::before {
  content: "";
  flex: 0 0 40px;
  height: 1px;
  background: var(--color-accent);
}

.about-dan-heading h2,
.about-dan-stat dt {
  color: var(--color-surface);
}

.about-dan-copy,
.about-dan-stat dd {
  color: var(--color-border);
}

.about-dan-copy span,
.about-dan-stat dd span {
  display: block;
}

.about-dan-stats {
  display: flex;
  gap: 48px;
  margin: 0px;
  padding-top: 24px;
  border-top: 1px solid var(--color-border-inverse);
}

.about-dan-stat {
  flex: 1 1 160px;
  min-width: 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.about-dan-stat dt,
.about-dan-stat dd {
  margin: 0px;
}

.about-dan-cta {
  align-self: flex-start;
}

.about-dan :focus-visible {
  outline-color: var(--color-surface);
}

/* Start Where You Are resources */
.start-resources {
  min-height: 674px;
  padding-block: 100px;
  background: var(--color-surface);
}

.start-resources-content {
  display: flex;
  flex-direction: column;
  gap: 47.59375px;
}

.start-resources-header {
  width: 760px;
  max-width: 100%;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}

.start-resources-heading {
  width: 572px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.start-resources-eyebrow {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--color-accent);
}

.start-resources-eyebrow::before {
  content: "";
  flex: 0 0 40px;
  height: 1px;
  background: var(--color-accent);
}

.start-resources-heading h2 {
  width: 100%;
}

.start-resources-heading h2,
.start-resources-card h3 {
  color: var(--color-brand-hover);
}

.start-resources-description,
.start-resources-card p {
  color: var(--color-text-secondary);
}

.start-resources-description {
  width: 100%;
}

.start-resources-description span {
  display: block;
}

.start-resources-grid {
  display: flex;
  gap: 24px;
  padding: 0px;
  list-style: none;
}

.start-resources-card {
  flex: 1 1 0px;
  min-width: 0px;
  min-height: 272px;
  padding: 32px 24px;
  border: 1px solid var(--color-border);
  background: var(--color-surface);
}

.start-resources-card-content {
  width: 100%;
  min-height: 206px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.start-resources-card-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.start-resources-card p span {
  display: block;
}

.start-resources-link {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--color-accent);
  text-decoration: none;
  white-space: nowrap;
}

.start-resources-link img {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  max-width: none;
}

.start-resources-cta {
  align-self: center;
  min-width: 214px;
  max-width: 100%;
}

@media (min-width: 1441px) {
  /* Extend the source crop without exposing the section background. Keep the
     fade attached to the centered copy, not a fixed viewport coordinate. */
  .about-dan-media {
    display: grid;
    grid-template-columns: 100%;
  }

  .about-dan-photo {
    position: relative;
    right: auto;
    width: -moz-available;
    width: stretch;
    margin-left: -280.944px;
    min-width: 0px;
    height: auto;
    align-self: start;
    justify-self: stretch;
  }

  .about-dan-shade {
    left: 50%;
    right: auto;
    width: 1440px;
    margin-left: -720px;
  }

  .about-dan-shade::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0px;
    bottom: 0px;
    width: 1920px;
    background: var(--color-surface-dark-90);
  }

  .hero-portrait {
    width: -moz-available;
    width: stretch;
    margin-left: -78.185px;
    translate: none;
    justify-self: stretch;
    object-fit: cover;
    object-position: center top;
  }
}

@media (max-width: 1407px) {
  .what-we-build-grid {
    display: flex;
    flex-wrap: wrap;
  }

  .what-we-build-card,
  .what-we-build-card:nth-child(n+4) {
    flex: 1 1 340px;
  }
}

@media (max-width: 1399px) {
  .start-resources {
    min-height: 0px;
    padding-block: 88px;
  }

  .start-resources-content {
    gap: 40px;
  }

  .start-resources-grid {
    gap: 20px;
  }

  .start-resources-card {
    min-height: 256px;
  }

  .about-dan,
  .about-dan-layout {
    min-height: 760px;
  }

  .about-dan-photo {
    top: -104px;
    width: 1570px;
    height: 933.592px;
  }

  .about-dan-shade {
    background: linear-gradient(90deg, var(--color-surface-dark-transparent) 570px, var(--color-surface-dark-80) 680px, var(--color-surface-dark-90) 1400px);
  }

  .about-dan-content {
    flex-basis: 540px;
  }

  .about-dan-stats {
    gap: 40px;
  }

  .about-dan-copy span {
    display: inline;
  }

  .about-dan-copy span+span::before {
    content: " ";
  }

  .proven-practice {
    padding-block: 80px;
  }

  .proven-practice-layout {
    gap: 64px;
  }

  .proven-practice-media {
    flex-basis: 540px;
    width: 540px;
    height: 656px;
  }

  .proven-practice-media img {
    left: -67.23px;
    top: -162.624px;
    width: 648.486px;
    height: 868.531px;
  }

  .impactful-performance {
    padding-block: 80px;
  }

  .impactful-performance-content {
    gap: 40px;
  }

  .what-we-build {
    padding-block: 80px;
  }

  .what-we-build-content {
    gap: 40px;
  }

  .what-we-build-grid {
    gap: 20px;
  }

  .what-we-build-card,
  .what-we-build-card:nth-child(n+4) {
    min-height: 190px;
    padding: 28px 24px;
  }











  .leadership-system {
    padding-block: 80px;
  }

  .leadership-system-content {
    gap: 52px;
  }

  .approach {
    min-height: 760px;
  }

  .approach-content {
    padding-block: 80px;
  }

  .real-problem {
    padding-block: 72px;
  }

  .leadership-forward {
    padding-block: 80px;
  }

  .leadership-forward-layout {
    gap: 40px;
  }

  .leadership-forward-media,
  .leadership-forward-content {
    flex: 1 1 0px;
  }

  .leadership-forward-media {
    height: 440px;
  }

  .leadership-forward-image {
    width: 678px;
    height: 452px;
    left: -37px;
    top: -6px;
  }

  .credentials {
    padding-block: 64px;
  }

  .logo-marquee {
    margin-top: 80px;
  }

  .logo-marquee-lane {
    margin-top: 40px;
  }

  .hero-inner {
    height: 760px;
  }

  .hero-heading {
    top: 192px;
    width: 520px;
  }

  .hero-intro {
    top: 352px;
    width: 460px;
  }

  .hero-portrait {
    width: 1480px;
    height: 953.778px;
    translate: -38px 0px;
    top: -8px;
  }

  .hero-cta {
    margin-top: 24px;
    height: 44px;
  }
}

@media (max-width: 1199px) {
  .start-resources {
    padding-block: 72px;
  }

  .start-resources-grid {
    flex-wrap: wrap;
  }

  .start-resources-card {
    flex-basis: 400px;
    min-height: 240px;
  }

  .start-resources-card-content {
    min-height: 174px;
  }

  .start-resources-card p span {
    display: inline;
  }

  .about-dan {
    min-height: 0px;
  }

  .about-dan-media {
    position: relative;
    height: 520px;
  }

  .about-dan-photo {
    inset: 0px;
    width: 100%;
    width: stretch;
    height: 100%;
    height: stretch;
    object-fit: cover;
    object-position: center;
  }

  .about-dan-shade {
    display: none;
  }

  .about-dan-layout {
    min-height: 0px;
    display: block;
    padding-block: 72px;
  }

  .about-dan-content {
    width: auto;
  }

  .about-dan-stats {
    gap: 32px;
  }

  .proven-practice {
    padding-block: 72px;
  }

  .proven-practice-layout {
    gap: 40px;
  }

  .proven-practice-content,
  .proven-practice-media {
    flex: 1 1 0px;
    width: auto;
  }

  .proven-practice-media {
    height: 560px;
  }

  .proven-practice-media img {
    inset: 0px;
    width: 100%;
    width: stretch;
    height: 100%;
    height: stretch;
    object-fit: cover;
    object-position: center 38%;
  }

  .impactful-performance {
    padding-block: 72px;
  }

  .impactful-performance-content {
    gap: 36px;
  }

  .what-we-build {
    padding-block: 72px;
  }

  .what-we-build-content {
    gap: 36px;
  }

  .what-we-build-card,
  .what-we-build-card:nth-child(n+4) {
    flex-basis: 300px;
    min-height: 180px;
    padding-block: 26px;
  }



  .how-we-help-header {
    gap: 32px;
  }

  .how-we-help-title-block {
    flex-basis: 460px;
  }

  .how-we-help-intro {
    flex-basis: 330px;
  }









  .leadership-system {
    padding-block: 72px;
  }

  .leadership-system-content {
    gap: 40px;
  }

  .leadership-system-diagram {
    height: auto;
    overflow: visible;
  }

  .leadership-system-scene {
    position: static;
    width: auto;
    height: auto;
    transform: none;
  }

  .leadership-system-art {
    display: none;
  }

  .leadership-system-center {
    position: static;
    width: auto;
    gap: 24px;
    margin-bottom: 40px;
  }


  .leadership-system-key {
    width: 47px;
    height: 120px;
  }

  .leadership-system-key img {
    width: 170.82px;
    height: 170.82px;
    left: -62.134px;
    top: -25.406px;
  }

  .leadership-system-dimensions {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, auto));
    gap: 24px;
  }

  .leadership-system-dimension {
    position: static;
    width: auto;
    min-width: 0px;
    align-items: flex-start;
    gap: 10px;
    padding: 24px;
    border: 1px solid var(--color-border);
    text-align: left;
  }

  .leadership-system-dimension p,
  .leadership-system-dimension--capability p,
  .leadership-system-dimension--capacity p {
    max-width: none;
  }

  .approach {
    min-height: 700px;
  }

  .approach-content {
    padding-block: 72px;
  }

  .approach-image {
    left: -120px;
  }

  .real-problem {
    padding-block: 64px;
  }

  .real-problem-layout {
    gap: 32px;
  }

  .real-problem-intro,
  .real-problem-cards {
    flex: 1 1 0px;
    width: auto;
  }

  .leadership-forward {
    padding-block: 72px;
  }

  .leadership-forward-layout {
    gap: 32px;
  }

  .leadership-forward-media {
    height: 400px;
  }

  .hero-inner {
    height: 740px;
  }

  .hero-heading {
    top: 176px;
    width: 440px;
  }

  .hero-intro {
    top: 328px;
    width: 380px;
  }

  .hero-portrait {
    width: 1280px;
    height: 824.889px;
    translate: -33px 0px;
  }
}

@media (min-width: 901px) and (max-width: 1399px) and (max-height: 650px) {
  .hero-inner {
    height: 680px;
  }

  .hero-heading {
    top: 144px;
  }

  .hero-intro {
    top: 292px;
  }
}

@media (max-width: 900px) {
  .start-resources {
    padding-block: 64px;
  }

  .start-resources-card {
    flex-basis: 300px;
    min-height: 228px;
  }

  .start-resources-description span {
    display: inline;
  }

  .about-dan-media {
    height: 480px;
  }

  .about-dan-layout {
    padding-block: 64px;
  }

  .proven-practice {
    padding-block: 64px;
  }

  .proven-practice-layout {
    flex-direction: column;
    align-items: stretch;
  }

  .proven-practice-content,
  .proven-practice-media {
    flex-basis: auto;
  }

  .proven-practice-media {
    height: 520px;
  }

  .impactful-performance {
    padding-block: 64px;
  }

  .impactful-performance-content {
    gap: 32px;
  }

  .what-we-build {
    padding-block: 64px;
  }

  .what-we-build-content {
    gap: 32px;
  }

  .what-we-build-card,
  .what-we-build-card:nth-child(n+4) {
    min-height: 0px;
    padding-block: 24px;
  }



  .how-we-help-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .how-we-help-title-block,
  .how-we-help-intro {
    flex-basis: auto;
    width: auto;
  }

  .how-we-help-intro {
    max-width: 568px;
  }

  .how-we-help-pathways ul {
    flex-wrap: wrap;
  }

  .how-we-help-pathways li {
    flex-basis: 280px;
  }







  .leadership-system {
    padding-block: 64px;
  }

  .leadership-system-content {
    gap: 36px;
  }

  .approach {
    min-height: 660px;
  }

  .approach-content {
    padding-block: 64px;
  }

  .approach-image {
    inset: 0px;
    width: 100%;
    width: stretch;
    height: 100%;
    height: stretch;
    object-fit: cover;
    object-position: center;
  }

  .real-problem-layout {
    flex-direction: column;
    gap: 40px;
  }

  .real-problem-intro,
  .real-problem-cards {
    align-self: stretch;
  }

  .leadership-forward {
    padding-block: 64px;
  }

  .leadership-forward-layout {
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
  }

  .leadership-forward-media,
  .leadership-forward-content {
    flex-basis: auto;
  }

  .leadership-forward-media {
    height: 440px;
  }

  .leadership-forward-image {
    inset: 0px;
    width: 100%;
    width: stretch;
    height: 440px;
    object-fit: cover;
    object-position: center;
  }

  .credentials {
    padding-block: 56px;
  }

  .logo-marquee {
    margin-top: 56px;
  }

  .logo-marquee-lane {
    margin-top: 32px;
  }

  .logo-sequence {
    gap: 80px;
    padding-right: 80px;
  }

  .hero {
    padding-top: 380px;
  }

  .hero-media {
    height: 380px;
    bottom: auto;
  }

  .hero-portrait {
    width: 1100px;
    height: 708.889px;
    top: -16px;
    translate: -90px 0px;
  }

  .hero-media::after {
    background: linear-gradient(180deg, rgba(5, 12, 42, 0) 300px, rgba(5, 12, 42, 0.42) 350px, var(--color-surface-dark) 380px);
  }

  .hero-inner {
    height: auto;
    padding-block: 28px 56px;
  }

  .hero-heading {
    position: static;
    width: auto;
  }

  .hero-intro {
    position: static;
    width: auto;
    max-width: 594px;
    margin-top: 28px;
  }

  .proven-practice-media img {
    object-position: center 70%;
  }
}

@media (max-width: 767px) {
  .start-resources {
    padding-block: 48px;
  }

  .start-resources-content {
    gap: 32px;
  }

  .start-resources-header {
    gap: 14px;
  }

  .start-resources-grid {
    flex-direction: column;
    gap: 16px;
  }

  .start-resources-card {
    flex: none;
    width: 100%;
    min-height: 220px;
  }

  .about-dan-media {
    height: 400px;
  }

  .about-dan-layout {
    padding-block: 48px;
  }

  .about-dan-stats {
    gap: 24px;
  }

  .proven-practice {
    padding-block: 48px;
  }

  .proven-practice-layout {
    gap: 32px;
  }

  .proven-practice-media {
    height: 440px;
  }

  .impactful-performance {
    padding-block: 48px;
  }

  .impactful-performance-content {
    gap: 28px;
  }

  .what-we-build {
    padding-block: 48px;
  }

  .what-we-build-content {
    gap: 28px;
  }

  .what-we-build-card,
  .what-we-build-card:nth-child(n+4) {
    flex-basis: 100%;
  }







  .leadership-system {
    padding-block: 48px;
  }

  .leadership-system-content {
    gap: 32px;
  }

  .leadership-system-center {
    margin-bottom: 32px;
  }

  .leadership-system-dimensions {
    grid-template-columns: minmax(0px, auto);
    gap: 20px;
  }

  .leadership-system-dimension {
    padding: 20px;
  }

  .approach {
    min-height: 620px;
  }

  .approach-content {
    gap: 28px;
    padding-block: 48px;
  }

  .real-problem {
    padding-block: 48px;
  }

  .real-problem-layout {
    gap: 32px;
  }

  .leadership-forward {
    padding-block: 48px;
  }

  .leadership-forward-layout {
    gap: 32px;
  }

  .leadership-forward-media,
  .leadership-forward-image {
    height: 400px;
  }

  .credentials {
    padding-block: 48px;
  }

  .logo-marquee {
    margin-top: 48px;
  }

  .logo-marquee-lane {
    margin-top: 28px;
  }

  .logo-sequence {
    gap: 56px;
    padding-right: 56px;
  }

  .hero {
    padding-top: 320px;
  }

  .hero-media {
    height: 600px;
  }

  .hero-portrait {
    width: 920px;
    height: 592.889px;
    top: -12px;
    translate: -75px 0px;
  }

  .hero-media::after {
    background: linear-gradient(180deg, rgba(5, 12, 42, 0) 260px, rgba(5, 12, 42, 0.6) 440px, var(--color-surface-dark) 600px);
  }

  .hero-inner {
    padding-block: 24px 48px;
  }

  .hero-intro {
    margin-top: 24px;
  }

  .hero-transition {
    padding-block: 40px;
  }

  .hero-cta {
    display: flex;
    width: auto;
    max-width: 349px;
    height: auto;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  .hero-intro { max-width: none; }
}

@media (max-width: 479px) {
  .start-resources {
    padding-block: 40px;
  }

  .start-resources-content {
    gap: 24px;
  }

  .start-resources-heading {
    gap: 10px;
  }

  .start-resources-eyebrow {
    gap: 12px;
  }

  .start-resources-eyebrow::before {
    flex-basis: 32px;
  }

  .start-resources-card {
    min-height: 200px;
    padding: 24px 20px;
  }

  .start-resources-card-content {
    min-height: 150px;
  }

  .start-resources-card-text,
  .start-resources-link {
    gap: 10px;
  }

  .about-dan-media {
    height: 320px;
  }

  .about-dan-layout {
    padding-block: 40px;
  }

  .about-dan-content,
  .about-dan-text {
    gap: 24px;
  }

  .about-dan-intro {
    gap: 12px;
  }

  .about-dan-heading {
    gap: 10px;
  }

  .about-dan-eyebrow {
    gap: 12px;
  }

  .about-dan-eyebrow::before {
    flex-basis: 32px;
  }

  .about-dan-stats {
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
  }

  .about-dan-stat {
    flex: none;
    display: grid;
    grid-template-columns: 80px minmax(0px, auto);
    align-items: center;
    gap: 16px;
  }

  .proven-practice {
    padding-block: 40px;
  }

  .proven-practice-layout {
    gap: 24px;
  }

  .proven-practice-content {
    gap: 24px;
  }

  .proven-practice-text {
    gap: 20px;
  }

  .proven-practice-header {
    gap: 10px;
  }

  .proven-practice-eyebrow {
    gap: 12px;
  }

  .proven-practice-eyebrow::before {
    flex-basis: 32px;
  }

  .proven-practice-heading-group {
    gap: 12px;
  }

  .proven-practice-point {
    gap: 10px;
  }

  .proven-practice-media {
    height: 360px;
  }

  .impactful-performance {
    padding-block: 40px;
  }

  .impactful-performance-content {
    gap: 24px;
  }

  .impactful-performance-header {
    gap: 10px;
  }

  .impactful-performance-eyebrow {
    gap: 12px;
  }

  .impactful-performance-eyebrow::before {
    flex-basis: 32px;
  }

  .impactful-performance-visual {
    gap: 12px;
  }

  .impactful-performance-panel {
    min-height: 0px;
    gap: 16px;
    padding: 16px;
  }

  .impactful-performance-stats {
    flex-direction: column;
  }

  .impactful-performance-stat {
    flex-basis: auto;
    min-height: 150px;
  }

  .what-we-build {
    padding-block: 40px;
  }

  .what-we-build-content {
    gap: 24px;
  }

  .what-we-build-header {
    gap: 10px;
  }

  .what-we-build-heading-group {
    gap: 12px;
  }

  .what-we-build-grid {
    gap: 16px;
  }

  .what-we-build-card,
  .what-we-build-card:nth-child(n+4) {
    gap: 10px;
    padding: 20px;
  }



  .how-we-help-header {
    gap: 16px;
  }

  .how-we-help-title-block {
    gap: 10px;
  }

  .how-we-help-pathways {
    gap: 18px;
  }

  .how-we-help-pathways ul {
    flex-direction: column;
    gap: 14px;
  }

  .how-we-help-pathways li {
    flex-basis: auto;
    padding: 20px;
  }











  .leadership-system {
    padding-block: 40px;
  }

  .leadership-system-content {
    gap: 28px;
  }

  .leadership-system-header {
    gap: 14px;
  }

  .leadership-system-title-block {
    gap: 10px;
  }

  .leadership-system-eyebrow {
    gap: 12px;
  }

  .leadership-system-eyebrow::before {
    flex-basis: 32px;
  }

  .leadership-system-center {
    gap: 20px;
    margin-bottom: 24px;
  }

  .leadership-system-key {
    width: 39.146px;
    height: 100px;
  }

  .leadership-system-key img {
    width: 142.35px;
    height: 142.35px;
    left: -51.78px;
    top: -21.17px;
  }

  .leadership-system-dimensions {
    gap: 16px;
  }

  .approach {
    min-height: 600px;
  }

  .approach-content {
    gap: 24px;
    padding-block: 40px;
  }

  .approach-header {
    gap: 10px;
  }

  .approach-eyebrow {
    gap: 12px;
  }

  .approach-eyebrow::before {
    flex-basis: 32px;
  }

  .real-problem {
    padding-block: 40px;
  }

  .real-problem-layout {
    gap: 24px;
  }

  .real-problem-heading-group {
    gap: 10px;
  }

  .real-problem-eyebrow {
    gap: 12px;
  }

  .real-problem-eyebrow::before {
    flex-basis: 32px;
  }

  .real-problem-card p {
    max-width: none;
  }

  .leadership-forward {
    padding-block: 40px;
  }

  .leadership-forward-layout,
  .leadership-forward-content {
    gap: 24px;
  }

  .leadership-forward-header {
    gap: 10px;
  }

  .leadership-forward-eyebrow {
    gap: 12px;
  }

  .leadership-forward-eyebrow::before {
    flex-basis: 32px;
  }

  .leadership-forward-media,
  .leadership-forward-image {
    height: 320px;
  }

  .leadership-forward-list {
    width: auto;
    grid-template-columns: minmax(0px, auto);
    grid-template-rows: none;
    grid-auto-flow: row;
    gap: 9px;
  }

  .credentials {
    padding-block: 40px;
  }

  .logo-marquee {
    margin-top: 40px;
  }

  .logo-marquee-lane {
    margin-top: 24px;
  }

  .logo-sequence {
    gap: 40px;
    padding-right: 40px;
  }

  .hero {
    padding-top: 280px;
  }

  .hero-media {
    height: 280px;
  }

  .hero-portrait {
    width: 800px;
    height: 515.556px;
    translate: -66px 0px;
  }

  .hero-media::after {
    background: linear-gradient(180deg, rgba(5, 12, 42, 0) 220px, rgba(5, 12, 42, 0.45) 260px, var(--color-surface-dark) 280px);
  }

  .hero-inner {
    padding-block: 20px 40px;
  }

  .hero-intro {
    margin-top: 20px;
  }

  .hero-message {
    gap: 14px;
  }

  .hero-message .hero-message-headline {
    font-size: 22px;
  }

  .hero-transition {
    padding-block: 32px;
  }

  .hero-cta {
    margin-top: 20px;
  }
}

@media (max-width: 375px) {
  .start-resources-card {
    min-height: 190px;
    padding: 20px 16px;
  }

  .start-resources-card-content {
    min-height: 148px;
  }

  .about-dan-media {
    height: 280px;
  }

  .proven-practice-media {
    height: 320px;
  }

  .impactful-performance-panel {
    padding: 12px;
  }







  .approach {
    min-height: 580px;
  }

  .leadership-forward-media,
  .leadership-forward-image {
    height: 280px;
  }
}

@media (prefers-reduced-motion: reduce) {



  .logo-marquee .logo-marquee-track {
    width: auto;
    transform: none;
    will-change: auto;
  }

  .logo-marquee .logo-sequence {
    width: auto;
    min-width: 0px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
    padding: 0px;
    margin-inline: 24px;
  }

  .logo-marquee .logo-sequence[aria-hidden="true"] {
    display: none;
  }

  .logo-marquee .logo-item,
  .logo-marquee .logo-item img {
    max-width: stretch;
  }
}

/* Keep the radial layout through the user-approved 1100px boundary.
   Compact geometry replaces the wide stage without scaling semantic text. */
.leadership-system-description,
.leadership-system-center p,
.leadership-system-dimension > * { min-width: 0px; overflow-wrap: anywhere; }

@media (min-width: 1100px) and (max-width: 1407px) {
  .leadership-system-diagram { height: auto; overflow: visible; }
  .leadership-system-scene {
    position: relative; display: block; width: 980px; min-height: 488px;
    height: auto; transform: none;
  }
  .leadership-system-art {
    display: block; position: absolute; inset: auto; left: 0px; top: 50%;
    width: 980px; height: 420px; translate: 0px -50%;
  }
  .leadership-system-outer-ring { width: 446px; height: 446px; left: 267px; top: -13px; }
  .leadership-system-inner-ring { width: 420px; height: 420px; left: 280px; top: 0px; }
  .leadership-system-connectors {
    inset: auto; left: -10.945px; top: 0px; width: 0px; height: 0px;
    transform: scale(0.763636); transform-origin: 0px 0px;
  }
  .leadership-system-node { width: 52px; height: 52px; }
  .leadership-system-node-icon { transform: scale(0.75); }
  .leadership-system-node--capability { left: 350px; top: 0px; }
  .leadership-system-node--capacity { left: 578px; top: 0px; }
  .leadership-system-node--clarity { left: 674px; top: 184px; }
  .leadership-system-node--alignment { left: 578px; top: 368px; }
  .leadership-system-node--execution { left: 350px; top: 368px; }
  .leadership-system-node--performance { left: 254px; top: 184px; }
  .leadership-system-center {
    position: absolute; display: flex; left: 340px; top: 50%; width: 300px;
    gap: 24px; margin-bottom: 0px; translate: 0px -50%;
  }
  .leadership-system-center p { width: 300px; }
  .leadership-system-key { width: 47px; height: 120px; }
  .leadership-system-key img { width: 170.82px; height: 170.82px; left: -62.134px; top: -25.406px; }
  .leadership-system-dimensions {
    position: relative; grid-template-columns: 980px;
    grid-template-rows: minmax(184px, auto) minmax(184px, auto) minmax(120px, auto);
    gap: 0px;
  }
  .leadership-system-dimension {
    position: relative; grid-column: 1; top: 0px; width: 260px;
    align-self: start; padding: 0px; border: 0px; gap: 12px;
  }
  .leadership-system-dimension p { max-width: none; }
  .leadership-system-dimension--capability,
  .leadership-system-dimension--execution { left: 20px; align-items: flex-end; text-align: right; }
  .leadership-system-dimension--capacity,
  .leadership-system-dimension--alignment { left: 700px; align-items: flex-start; text-align: left; }
  .leadership-system-dimension--performance { left: 0px; width: 230px; align-items: flex-end; text-align: right; }
  .leadership-system-dimension--clarity { left: 750px; width: 230px; align-items: flex-start; text-align: left; }
}

@media (max-width: 1099px) {
  .leadership-system-diagram { height: auto; overflow: visible; }
  .leadership-system-scene {
    position: relative; width: auto; min-height: 0px; height: auto; transform: none;
    display: grid; grid-template-columns: minmax(0px, auto); gap: 24px; justify-items: center;
  }
  .leadership-system-art {
    display: block; position: relative; inset: auto; grid-area: 1 / 1;
    width: 279px; height: 263px;
  }
  .leadership-system-outer-ring { width: 262.8px; height: 262.8px; left: 8.1px; top: 0px; }
  .leadership-system-inner-ring { width: 247.5px; height: 247.5px; left: 15.75px; top: 7.65px; }
  .leadership-system-connectors {
    inset: auto; left: -155.7px; top: 7.65px; width: 0px; height: 0px;
    transform: scale(0.45); transform-origin: 0px 0px;
  }
  .leadership-system-node { width: 31.95px; height: 32.4px; }
  .leadership-system-node-icon { transform: scale(0.45); }
  .leadership-system-node--capability { left: 62.1px; top: 7.65px; }
  .leadership-system-node--capacity { left: 184.95px; top: 7.65px; }
  .leadership-system-node--clarity { left: 247.05px; top: 115.2px; }
  .leadership-system-node--alignment { left: 184.95px; top: 222.75px; }
  .leadership-system-node--execution { left: 62.1px; top: 222.75px; }
  .leadership-system-node--performance { left: 0px; top: 115.2px; }
  .leadership-system-center { display: contents; }
  .leadership-system-key { grid-area: 1 / 1; align-self: center; }
  .leadership-system-center p { grid-area: 2 / 1; width: 363px; max-width: 100%; max-width: stretch; text-align: center; }
  .leadership-system-dimensions {
    position: static; inset: auto; grid-area: 3 / 1; width: 100%; width: stretch;
    grid-template-columns: repeat(2, minmax(0px, auto)); grid-template-rows: none; gap: 24px;
  }
  .leadership-system-dimension {
    position: static; grid-area: auto; width: auto; min-width: 0px; align-self: stretch;
    align-items: flex-start; text-align: left; gap: 10px; padding: 24px;
    border: 1px solid var(--color-border);
  }
  .leadership-system-dimension p { max-width: none; }
}

@media (max-width: 767px) {
  .leadership-system-dimensions { grid-template-columns: minmax(0px, auto); gap: 20px; }
  .leadership-system-dimension { padding: 20px; }
}

@media (max-width: 479px) {
  .leadership-system-dimensions { gap: 16px; }
}

/* The single case-study image follows the header in the DOM; desktop positions it in the original right column. */
@media (min-width: 1400px) {
  .proven-practice-layout { position: relative; display: block; min-height: 710px; padding-right: 665px; }
  .proven-practice-content { min-height: 710px; justify-content: center; }
  .proven-practice-media { position: absolute; top: 0px; right: 0px; }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .proven-practice-layout { position: relative; display: block; min-height: 656px; padding-right: 604px; }
  .proven-practice-content { min-height: 656px; justify-content: center; }
  .proven-practice-media { position: absolute; top: 0px; right: 0px; }
}

@media (min-width: 901px) and (max-width: 1199px) {
  .proven-practice-layout { position: relative; display: block; min-height: 560px; padding-right: 52%; }
  .proven-practice-content { min-height: 560px; justify-content: center; }
  .proven-practice-media { position: absolute; top: 0px; right: 0px; width: 48%; }
}

@media (max-width: 900px) {
  .proven-practice-layout { display: block; }
  .proven-practice-media { position: relative; top: auto; right: auto; margin: 0px; }
}

/* Stacked content uses the complete inner-container measure below the desktop boundary. */
@media (max-width: 899px) {
  .leadership-challenge .challenge-content,
  .leadership-challenge .challenge-text,
  .leadership-challenge .challenge-header,
  .leadership-challenge .challenge-header h2,
  .leadership-challenge .challenge-copy,
  .leadership-forward-content,
  .leadership-forward-main,
  .leadership-forward-header,
  .leadership-forward-header h2,
  .leadership-forward-copy,
  .real-problem-intro,
  .real-problem-heading-group,
  .real-problem-heading-group h2,
  .real-problem-copy {
    width: stretch;
    max-width: none;
  }
}

/* Screenshot follow-up: preserve the long mobile CTA as one accessible tap target. */
@media (max-width: 375px) {
  .leadership-test-cta {
    padding-inline: 10px;
    font-size: 13px;
    white-space: nowrap;
  }
}

/* Desktop reading measures keep the portrait clear; stacked layouts retain their natural wrapping. */
@media (min-width: 901px) {
  .impactful-performance-visual h2 {
    width: 848px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .hero-heading {
    width: 600px;
  }

  .hero-heading h1 {
    font-size: 44px;
  }

  .hero-intro {
    right: -28px;
    top: 400px;
    width: 580px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) and (max-height: 650px) {
  .hero-inner {
    height: 720px;
  }
}

@media (min-width: 1400px) {
  .hero-heading {
    width: 670px;
  }

  .hero-heading h1 {
    font-size: 48px;
  }

  .hero-intro {
    right: -36px;
    width: 610px;
  }
}