/* About page styles – scoped, minimal, leveraging base.css tokens */
.hero { padding-block: var(--space-20) var(--space-12); background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 6%, transparent), transparent 55%); }
.hero-inner { display: grid; gap: var(--space-8); grid-template-columns: 1.1fr 1fr; align-items: center; }
.hero-copy .eyebrow { font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--color-muted); }
.hero-copy h1 { font-size: var(--text-size-4xl); line-height: var(--leading-tight); }
.hero-actions { display: flex; gap: var(--space-4); margin-top: var(--space-4); flex-wrap: wrap; }
.hero-media { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); }

.section { padding-block: var(--space-16); }
.section.alt { background: color-mix(in srgb, var(--gray-50) 65%, transparent); }

.values { margin-top: var(--space-4); display: grid; gap: var(--space-2); }
.media figcaption { margin-top: var(--space-2); }

.promise-list { display: grid; gap: var(--space-5);  }
.promise-list li { display: grid; grid-template-columns: 40px 1fr; align-items: start; gap: var(--space-3); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-5); }
.promise-list .icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: var(--radius-full); background: color-mix(in srgb, var(--color-primary) 14%, transparent); color: var(--color-primary); }

.stats { align-items: stretch; }
.stat { text-align: center; }
.stat-number { font-size: clamp(28px, 3.2vw + 1rem, 48px); font-weight: 800; letter-spacing: -0.02em; }

.list-simple { display: grid; gap: var(--space-2); }

/* Founder image tweaks */
.founder-media { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); }

/* Responsive adjustments */
@media (max-width: 960px) {
  .hero-inner { grid-template-columns: 1fr; }
}