/* Leadership Journey page */
.reading-width { max-width: 780px; }
.journey-intro, .philosophy { padding: 5rem 0; }
.journey-intro p, .philosophy p { font-size: 1.08rem; line-height: 1.85; }
.timeline-section { padding: 5rem 0 3rem; }
.timeline-section .section-header { margin-bottom: 3rem; }
.timeline-section .section-header p { color: var(--color-silver); }
.timeline-journey { position: relative; padding: 0 0 1px; min-height: 100px; }
.timeline-rail { position:absolute; left:120px; top:0; bottom:0; width:1px; background:rgba(198,161,91,.4); }
.timeline-milestone { position:relative; min-height:140px; }
.timeline-year { position:absolute; left:0; top:1.8rem; width:90px; text-align:right; color:var(--color-gold); font-size:.85rem; font-weight:300; letter-spacing:.08em; }
.timeline-node { width:12px; height:12px; border-radius:50%; background:var(--color-gold); box-shadow:0 0 8px rgba(198,161,91,.3); position:absolute; left:114px; top:2rem; transition:all var(--transition); z-index:1; }
.timeline-node:hover { transform:scale(1.4); box-shadow:0 0 16px rgba(198,161,91,.5); }
.timeline-node.current { animation:pulse-glow 3s ease-in-out infinite; }
@keyframes pulse-glow { 0%,100%{box-shadow:0 0 12px rgba(198,161,91,.3)} 50%{box-shadow:0 0 24px rgba(198,161,91,.5)} }
.timeline-card { margin-left:160px; max-width:620px; padding:1.75rem; border:1px solid rgba(198,161,91,.2); border-left:3px solid var(--color-gold); border-radius:2px; margin-bottom:3rem; position:relative; transition:all var(--transition-slow); }
.timeline-card::before { content:""; position:absolute; left:-41px; top:2.3rem; width:40px; height:1px; background:rgba(198,161,91,.3); }
.timeline-card:hover { border-left-width:4px; transform:translateY(-2px); box-shadow:0 8px 32px rgba(198,161,91,.08); }
.section-navy .timeline-card { background:var(--color-surface); }
.section-navy .timeline-card h3 { color:var(--color-white); }
.timeline-card h3 { margin-bottom:.25rem; }
.timeline-role { color:var(--color-gold); font-size:.85rem; margin-bottom:1.25rem; }
.timeline-detail b { display:block; color:var(--color-gold); font-size:.7rem; font-weight:500; text-transform:uppercase; letter-spacing:.12em; margin-bottom:.25rem; }
.timeline-detail p { color:var(--color-silver); font-size:.88rem; font-weight:300; line-height:1.65; margin-bottom:1rem; }
.current-badge { display:inline-block; padding:.25rem .75rem; background:rgba(198,161,91,.15); border:1px solid var(--color-gold); color:var(--color-gold); font-size:.7rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; border-radius:2px; margin-bottom:.75rem; }
.principles-section, .approach-section, .values-section { padding:5rem 0; }
.principles-list { list-style:none; max-width:800px; margin:0 auto; counter-reset:principles; }
.principle-item { counter-increment:principles; display:flex; gap:1.5rem; align-items:baseline; padding:1.35rem 1.5rem; margin-bottom:.75rem; border-left:2px solid var(--color-gold); background:var(--color-surface); }
.principle-item::before { content:counter(principles, decimal-leading-zero); color:var(--color-gold); font-size:1.5rem; font-weight:300; min-width:2rem; }
.principle-item strong { color:var(--color-white); font-weight:500; min-width:220px; }
.principle-item span { color:var(--color-silver); font-size:.92rem; font-weight:300; }
.approach-steps { max-width:900px; margin:0 auto; display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }
.approach-step { display:flex; flex-direction:column; gap:1rem; }
.approach-step > b { width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--color-gold); color:var(--color-navy); font-weight:500; }
.approach-step h3 { font-size:1.05rem; color:var(--color-navy); margin-bottom:.4rem; }
.approach-step p { color:var(--color-charcoal); font-size:.88rem; line-height:1.6; }
.values-tags { display:flex; flex-wrap:wrap; justify-content:center; gap:.75rem; }
.values-tags span { border:1px solid var(--color-gold); padding:.4rem 1rem; color:var(--color-gold); font-size:.85rem; border-radius:999px; }
.progression-section { padding:3.5rem 0; }
.progression-stat { margin:0; display:flex; flex-direction:column; gap:.5rem; }
.progression-stat strong { color:var(--color-navy); font-size:2rem; font-weight:300; }
.progression-stat span { color:var(--color-charcoal); font-size:.9rem; }
@media(max-width:768px){.journey-intro,.philosophy,.timeline-section,.principles-section,.approach-section,.values-section{padding:3.5rem 0}.timeline-rail{left:28px}.timeline-node{left:22px;width:10px;height:10px}.timeline-year{position:static;text-align:left;margin-bottom:.5rem;width:auto;display:block}.timeline-card{margin-left:48px;padding:1.25rem;max-width:none}.timeline-card::before{left:-21px;width:20px}.principle-item{display:grid;grid-template-columns:2.5rem 1fr;gap:.5rem}.principle-item::before{grid-row:span 2}.principle-item strong{min-width:0}.principle-item span{grid-column:2}.approach-steps{grid-template-columns:repeat(2,1fr);gap:2rem 1rem}.approach-step{display:grid;grid-template-columns:42px 1fr;gap:.75rem}.approach-step > b{grid-row:span 2}.approach-step h3{margin-top:.45rem}}
@media(max-width:480px){.approach-steps{grid-template-columns:1fr}.timeline-card h3{font-size:1.3rem}.progression-stat strong{font-size:1.6rem}}