/* About — page-specific styles */

/* Bind font tokens to loaded Google Fonts */
:root {
  --font-serif: "EB Garamond", ui-serif, Georgia, serif;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
}

/* Add about-only overrides below if needed */

/* Stats (moved from core.css) */
.stats { display: grid; gap: var(--space-6); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.stat { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-6); text-align: center; box-shadow: var(--shadow-sm); }
.stat__value { font-family: var(--font-serif); font-size: var(--step-4); color: var(--color-green-700); line-height: 1; }
.stat__label { margin-top: var(--space-2); color: var(--color-text-500); font-size: var(--step--1); }

@media (min-width: 768px) {
  .stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* About image sizing */
picture img { max-height: 50vh; height: auto;}


@media (min-width: 768px) {
  picture img { margin-left: 8rem;}
}