/* About page specific styles (keep minimal and consistent with base.css) */
.page-hero { position: relative; padding-block: var(--space-16) var(--space-12); }
.page-hero__inner { display: grid; gap: var(--space-6); align-items: center; }
@media (min-width: 900px) { .page-hero__inner { grid-template-columns: 1.1fr 1fr; } }
.page-hero__copy h1 { margin-block: var(--space-3); }
.page-hero__ctas { display: flex; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-4); }
.page-hero__media { position: relative; }
.page-hero__media img { box-shadow: var(--shadow-3); }
.eyebrow { font-family: var(--font-mono); font-size: var(--fs-200); letter-spacing: 0.15em; text-transform: uppercase; color: var(--color-text-muted); }

.section { padding-block: var(--space-16); }
.section--alt { background: linear-gradient(180deg, color-mix(in oklab, var(--color-bg-elevated) 70%, black), var(--color-surface)); box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), inset 0 -1px 0 rgba(255,255,255,0.04); }
.section-intro { max-width: 70ch; margin-bottom: var(--space-8); color: var(--color-text-muted); }

.media-card { display: grid; gap: var(--space-3); }
.media-card figcaption { color: var(--color-text-muted); font-size: var(--fs-200); }

.prose ul { padding-left: var(--space-6); }
.prose li { margin-bottom: var(--space-2); }

.team-grid { display: grid; gap: var(--space-4); grid-template-columns: 1fr; }
@media (min-width: 768px) { .team-grid { grid-template-columns: repeat(3, 1fr); } }
.team-media { margin-top: var(--space-8); display: grid; gap: var(--space-3); }
.team-media figcaption { color: var(--color-text-muted); font-size: var(--fs-200); }

.cta-row { display: flex; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-8); justify-content: flex-start; }

/* Subtle reveal animation (respects reduced motion) */
[data-reveal] { opacity: 0; transform: translateY(12px); transition: opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out); }
[data-reveal].is-visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) { [data-reveal] { opacity: 1 !important; transform: none !important; } }