/* ============================================
   about.css — About page specific
   ============================================ */
.about-hero { background: linear-gradient(120deg, #0F0F1A 55%, rgba(255,107,0,.16)), var(--km-dark-bg); }

.story-copy p + p { margin-top: 1.1rem; }
.story-copy .lead { margin-bottom: 1.4rem; }

/* Timeline */
.timeline { position: relative; max-width: 900px; margin: 0 auto; padding: 1rem 0; }
.timeline::before {
  content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 2.5px;
  transform: translateX(-50%);
  background: linear-gradient(var(--km-primary), var(--km-accent));
  border-radius: 3px;
}
.timeline__item {
  position: relative; width: 50%; padding: 0 44px 44px 0;
}
.timeline__item:nth-child(even) { margin-left: 50%; padding: 0 0 44px 44px; }
.timeline__item::before {
  content: ""; position: absolute; top: 6px; right: -10px;
  width: 21px; height: 21px; border-radius: 50%;
  background: #fff; border: 4px solid var(--km-primary);
  z-index: 2;
}
.timeline__item:nth-child(even)::before { right: auto; left: -11px; }
.timeline__card {
  background: #fff; border: 1px solid var(--km-border); border-radius: var(--radius-lg);
  padding: 22px 26px; box-shadow: var(--shadow-sm);
  transition: transform var(--t-med) var(--ease-back), box-shadow var(--t-med);
}
.timeline__card:hover { transform: translateY(-5px); box-shadow: var(--shadow-card); }
.timeline__year { font-family: var(--font-head); font-weight: 800; font-size: 1.35rem; color: var(--km-primary); }
.timeline__card p { margin-top: 6px; font-size: .92rem; color: var(--km-text-light); }

/* Founders */
.founder-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 1.8rem; }
.founder-facts div { background: #fff; border: 1px solid var(--km-border); border-radius: var(--radius); padding: 14px 16px; font-size: .85rem; color: var(--km-text-light); }
.founder-facts strong { display: block; color: var(--km-secondary); font-family: var(--font-head); font-size: .92rem; margin-bottom: 2px; }

/* Values deco */
.values-section { background: var(--km-light-bg); }

/* Team */
.team-section .section-head { margin-bottom: 3rem; }

/* Certifications */
.certs { background: var(--km-light-bg); }

/* Clients on about */
.about-clients .marquee::before { background: linear-gradient(90deg, var(--km-light-bg), transparent); }
.about-clients .marquee::after { background: linear-gradient(-90deg, var(--km-light-bg), transparent); }
.about-clients { background: var(--km-light-bg); }
.client-quote { max-width: 720px; margin: 2.2rem auto 0; text-align: center; color: var(--km-text-light); font-size: .95rem; }
.client-quote strong { color: var(--km-secondary); }