/* About page: Intro wrap (uses same pattern as story/history) */
.story-intro{
    display:grid;
    grid-template-columns: 1.1fr .9fr;
    gap:2rem;
    align-items:center;
}
.story-intro .story-media.lg{border-radius:12px;overflow:hidden}
.story-intro .story-media img{display:block;width:100%;height:auto}

/* Timeline */
.timeline{padding:1.25rem}
.timeline-list{
list-style:none;display:flex;gap:1.25rem;justify-content:space-between;padding:0;margin:1rem 0 0;
}
.timeline-list li{background:#fff6e8;border:1px solid #F2EBE4;border-radius:12px;padding:.8rem;display:grid;place-items:center;min-width:140px}
.timeline-list b{font:700 1.1rem/1 Playfair Display,serif;color:var(--aka-green)}
.timeline-list span{color:var(--muted);font-size:.95rem}

/* Legacy & Leadership grid (reusing card) */
.ll-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:10px}
.pad-md{padding:16px}

/* Partners */
.partners{padding:1.25rem}
.partners-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}

/* Values */
.values-content{display:grid;grid-template-columns: 1fr 1fr;gap:30px;align-items:center}
.values-list{display:flex;gap:20px;list-style:none;padding:0;margin:0}
.values-img img{width:100%;height:auto;display:block}

/* CTA */
.about-cta{display:grid;grid-template-columns: 1fr auto;gap:1rem;align-items:center;padding: 1.25rem;}
.cta-actions{display:flex;gap:.6rem}

/* keep the badge on top */
  .hero-badge {
    position: absolute;
    left: -8px;
    top: -8px;
    background: var(--gold);
    border-radius: 999px;
    padding: .5rem .9rem;
    font-weight: 700;
    z-index: 5;
  }

#moments-milestone-container{
  margin: 0 auto;
  text-align: center;
}
  
#moments-milestone-container img{
  border-radius: 5px;
}
  
/* Impact section (single image version) */
.impact-split {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 2rem;
    align-items: center;
  }
  
  .impact-image {
    margin: 0;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  }
  .impact-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
  }
  
  /* text styles */
  .impact-title {
    margin: 0 0 .75rem 0;
    font: 800 clamp(1.3rem, 3.2vw, 2rem)/1.1 "Playfair Display", serif;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--ink);
  }
  
  .impact-text {
    color: var(--muted);
    font-size: clamp(1rem, 2.4vw, 1.1rem);
    margin: 0 0 1rem 0;
  }
  
  /* highlight look */
  .hl {
    background: #cfe2ff;
    color: #182433;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: .15em .35em;
    border-radius: 4px;
  }
  
  /* link */
  .link-cta {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: .9rem;
    color: var(--aka-green);
  }
  .link-cta::after {
    content: ">";
    transform: translateY(-1px);
  }
  
  /* responsive layout */
  @media (max-width: 860px) {
    .impact-split {
      grid-template-columns: 1fr;
    }
    .impact-image {
      height: 300px;
    }
    .impact-copy {
      margin-top: 1rem;
    }
  }

/* Responsive adjustments */
@media (max-width: 920px){
.story-intro{grid-template-columns:1fr}
.values-content{grid-template-columns:1fr}
.about-cta{grid-template-columns:1fr}
.cta-actions{justify-self:stretch}
.cta-actions .btn{flex:1}
}

@media (max-width: 640px){
.timeline{overflow: hidden;} /* prevent page-level overflow shadow */

.timeline-list{
    justify-content:flex-start;  /* stop stretching off-screen */
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    gap:.75rem;
    scroll-snap-type:x mandatory;          /* nice snapping */
    -webkit-overflow-scrolling:touch;
    padding-bottom:.25rem;                  /* room for iOS scrollbar */
}

.timeline-list li{
    flex:0 0 auto;                          /* keep in one row */
    scroll-snap-align:start;
    min-width: 220px;                        /* readable card width */
}
}