/* About page styles (kept minimal, building on base.css) */

.section { padding-block: var(--space-16); }

/* Hero */
.hero { position: relative; overflow: hidden; }
.hero__inner { display: grid; gap: var(--space-8); align-items: center; grid-template-columns: 1fr; }
.hero__content { max-width: 60ch; }
.hero__actions { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-4); }
.hero__media img { border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); }

@media (min-width: 992px) {
  .hero__inner { grid-template-columns: 1.1fr 0.9fr; }
}

/* Timeline */
.timeline { position: relative; list-style: none; padding-left: 0; margin-top: var(--space-6); }
.timeline__item { position: relative; padding-left: var(--space-8); margin-bottom: var(--space-6); }
.timeline__item:last-child { margin-bottom: 0; }
.timeline__point { position: absolute; left: 0; top: 0.5em; width: 12px; height: 12px; background: var(--color-primary); border-radius: var(--radius-full); box-shadow: 0 0 0 4px var(--color-tint); }
.timeline::before { content: ""; position: absolute; left: 6px; top: 0; bottom: 0; width: 0; border-left: 2px dashed var(--color-border); }
.timeline__title { margin-bottom: var(--space-2); }

/* Founder */
.founder__ctas { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-4); }
.founder__media img { border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }

/* Partners & Culture visuals */
.partners__media img, .culture__media img { border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }

/* Metrics */
.metrics { align-items: stretch; }
.metric { text-align: left; }
.metric__label { color: var(--gray-600); font-weight: 600; margin-bottom: var(--space-2); }
.metric__value { font-weight: 800; font-size: clamp(1.75rem, 1.2rem + 2vw, 2.5rem); line-height: 1; color: var(--color-primary); margin-bottom: var(--space-2); }

/* Future */
.future__ctas { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-4); }