/* About page specific enhancements (built on top of base.css) */
.page-header {
  background: linear-gradient(135deg, var(--color-bg-tertiary), var(--color-bg-primary));
}
.page-header .subtitle {
  color: var(--color-text-secondary);
  max-width: 70ch;
}

/* Subtle reveal animation */
[data-observe] { opacity: 0; transform: translateY(8px); }
[data-observe].in-view { opacity: 1; transform: translateY(0); transition: opacity var(--transition-base) var(--ease-in-out), transform var(--transition-base) var(--ease-in-out); }

/* Section spacing adjustments for visual rhythm */
.about-section + .about-section { border-top: 1px solid var(--color-gray-200); }

@media (prefers-reduced-motion: reduce) {
  [data-observe] { opacity: 1 !important; transform: none !important; }
}