/* ============================================================
   KaizenHub — content blocks added from the Aug 21-24 2026
   client feedback round (Lenny Houweling / Ryan Pederson).
     .kh-growth     The GROWTH Trap (moved to the home page)
     .kh-leadership "Leadership isn't about position" pyramids
     .kh-bottleneck "Your Calendar Isn't Full. You Are the
                     Bottleneck." (Programs page)
   Written to sit on top of either stylesheet used by this
   build, so every colour falls back if a variable is absent.
   ============================================================ */
.kh-block{padding:74px 0}
.kh-block.alt{background:var(--mist,#F2F7FB)}
.kh-wrap{max-width:var(--maxw,1140px);margin:0 auto;padding:0 24px}
.kh-head{max-width:760px;margin:0 auto 40px;text-align:center}
.kh-head h2{font-size:clamp(1.7rem,3vw,2.3rem);color:var(--navy,#1D2B50);line-height:1.15}
.kh-head h2 .em{color:var(--blue,#29ABE2)}
.kh-head p{margin-top:14px;color:var(--muted,#66707C);font-size:1.05rem}
.kh-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-deep,#1B8AC0)}
.kh-eyebrow::before{content:"";width:24px;height:2px;background:var(--blue,#29ABE2)}

/* ---------- The GROWTH Trap ---------- */
.kh-growth .kh-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.kh-growth .kh-copy h2{margin:12px 0 16px;font-size:clamp(1.7rem,3vw,2.3rem);color:var(--navy,#1D2B50)}
.kh-growth .kh-copy p{color:var(--muted,#66707C);font-size:1.05rem;margin-bottom:14px}
.kh-growth .kh-copy p.lead-out{color:var(--navy,#1D2B50);font-weight:700}
.kh-growth img{border-radius:var(--radius,14px);box-shadow:var(--shadow,0 10px 30px rgba(29,43,80,.10))}

/* ---------- Leadership pyramids ---------- */
.pyr-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.pyr-card{background:#fff;border:1px solid var(--line,#E2E8EF);border-radius:var(--radius,14px);overflow:hidden;box-shadow:0 2px 10px rgba(29,43,80,.05)}
.pyr-card h3{margin:0;padding:13px 18px;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-align:center;font-weight:700}
.pyr-card.trad h3{background:var(--navy,#1D2B50)}
.pyr-card.kaizen h3{background:var(--blue,#29ABE2)}
.pyr-card .pyr-sub{padding:14px 18px 4px;text-align:center;font-size:.92rem;color:var(--muted,#66707C)}
.pyr-card .pyr-sub b{color:var(--blue-deep,#1B8AC0)}
.pyr-stack{display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 18px 6px}
.pyr-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 10px;border-radius:5px;font-size:.78rem;font-weight:700;letter-spacing:.02em;text-align:center;color:#fff;line-height:1.25}
.pyr-card.trad .pyr-row{background:#9AA6B2}
.pyr-card.trad .pyr-row:nth-child(1){background:#C4CCD4;color:var(--navy,#1D2B50)}
.pyr-card.trad .pyr-row:nth-child(2){background:#B4BDC7;color:var(--navy,#1D2B50)}
.pyr-card.trad .pyr-row:nth-child(3){background:#9AA6B2}
.pyr-card.trad .pyr-row:nth-child(4){background:#7E8B99}
.pyr-card.trad .pyr-row:nth-child(5){background:#66727F}
.pyr-card.kaizen .pyr-row:nth-child(1){background:#1B8AC0}
.pyr-card.kaizen .pyr-row:nth-child(2){background:#29ABE2}
.pyr-card.kaizen .pyr-row:nth-child(3){background:#57BEE9}
.pyr-card.kaizen .pyr-row:nth-child(4){background:#87D1F0;color:var(--navy,#1D2B50)}
.pyr-card.kaizen .pyr-row:nth-child(5){background:#B7E4F7;color:var(--navy,#1D2B50)}
.pyr-flow{display:flex;gap:14px;justify-content:space-between;padding:6px 18px 0;font-size:.72rem;color:var(--muted,#66707C);line-height:1.35}
.pyr-flow div{flex:1}
.pyr-flow b{display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--navy,#1D2B50)}
.pyr-note{margin:14px 18px 18px;padding:11px 14px;border-radius:9px;font-size:.85rem;font-weight:600;line-height:1.45}
.pyr-card.trad .pyr-note{background:#F1F3F6;color:var(--navy,#1D2B50)}
.pyr-card.kaizen .pyr-note{background:#E7F5FC;color:var(--blue-deep,#1B8AC0)}

.pyr-outcomes{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:26px}
.pyr-outcomes li{list-style:none;background:#fff;border:1px solid var(--line,#E2E8EF);border-radius:var(--radius,14px);padding:16px 15px;text-align:center}
.pyr-outcomes b{display:block;color:var(--navy,#1D2B50);font-size:.92rem;margin-bottom:4px}
.pyr-outcomes span{font-size:.79rem;color:var(--muted,#66707C);line-height:1.4}
.pyr-tag{margin-top:28px;text-align:center;font-weight:900;font-size:clamp(1rem,1.9vw,1.22rem);color:var(--navy,#1D2B50);letter-spacing:.01em}
.pyr-tag span{color:var(--blue,#29ABE2)}
.pyr-tag small{display:block;margin-top:7px;font-weight:600;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted,#66707C)}
.pyr-body{max-width:840px;margin:26px auto 0;text-align:center;color:var(--muted,#66707C);font-size:1.02rem}

/* ---------- Bottleneck ---------- */
.kh-bottleneck .bn-figure{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line,#E2E8EF);border-radius:var(--radius,14px);box-shadow:var(--shadow,0 10px 30px rgba(29,43,80,.10));padding:34px 26px 30px;text-align:center}
.bn-title{font-weight:900;line-height:1.15;font-size:clamp(1.3rem,2.9vw,2rem);color:var(--navy,#1D2B50)}
.bn-title span{color:var(--blue,#29ABE2)}
.bn-rule{width:70px;height:3px;background:var(--line,#E2E8EF);margin:16px auto 22px;border-radius:3px}
.bn-inputs{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;list-style:none;padding:0}
.bn-inputs li{color:#fff;font-weight:700;font-size:.83rem;padding:8px 16px;border-radius:5px}
.bn-inputs .c1{background:#E8833A}
.bn-inputs .c2{background:#4C7FB5}
.bn-inputs .c3{background:#4C9A4C}
.bn-inputs .c4{background:#6E7780}
.bn-inputs .c5{background:#DCA92F}
.bn-arrows{display:flex;justify-content:center;gap:5px;margin:12px 0 0}
.bn-arrows i{display:block;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:16px solid #C9D3DC}
.bn-arrows i:nth-child(1){border-top-color:#E8833A;transform:rotate(28deg)}
.bn-arrows i:nth-child(2){border-top-color:#4C7FB5;transform:rotate(14deg)}
.bn-arrows i:nth-child(3){border-top-color:#4C9A4C}
.bn-arrows i:nth-child(4){border-top-color:#6E7780;transform:rotate(-14deg)}
.bn-arrows i:nth-child(5){border-top-color:#DCA92F;transform:rotate(-28deg)}
.bn-funnel{width:min(360px,100%);margin:6px auto 0;background:var(--navy,#1D2B50);color:#fff;clip-path:polygon(0 0,100% 0,63% 100%,37% 100%);padding:18px 0 26px}
.bn-funnel b{display:block;font-size:1.05rem;font-weight:900;letter-spacing:.02em}
.bn-funnel svg{width:30px;height:30px;margin:6px auto 0;display:block;stroke:#fff;fill:none;stroke-width:2}
.bn-outflow{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px;font-weight:700;color:var(--navy,#1D2B50);font-size:.9rem}
.bn-outflow i{display:block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:18px solid #8FA3B8}
.kh-bottleneck .bn-copy{max-width:760px;margin:26px auto 0;text-align:center;color:var(--muted,#66707C);font-size:1.05rem}
.kh-bottleneck .bn-copy.strong{margin-top:12px;color:var(--navy,#1D2B50);font-weight:700}
.kh-bottleneck .bn-cta{text-align:center;margin-top:24px}

@media(max-width:940px){
  .kh-growth .kh-split{grid-template-columns:1fr;gap:30px}
  .pyr-grid{grid-template-columns:1fr}
  .pyr-outcomes{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .pyr-outcomes{grid-template-columns:1fr}
  .bn-inputs li{font-size:.76rem;padding:7px 12px}
}

/* utility */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
