/* ============================================================
   ABOUT
   ============================================================ */
/* Page title runs full width here instead of the component default's
   60ch/16ch caps (components/section.css) - the two-line headline
   reads better spanning the container on this page. */
.about .section-head,
.about .section-head h1 { max-width: none; }

.about-copy { margin-top: var(--space-md); }
.about-copy p { font-size: 1.05rem; line-height: 1.78; margin-bottom: var(--space-sm); }

/* Short two-line callout - a horizontal band reads better than a tall
   narrow side-column box, which just left a lot of empty space next
   to it. */
.theme-card {
  margin-top: var(--space-xl);
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-sm) var(--space-lg);
}
.theme-card .tag { flex-shrink: 0; }
.theme-card h3 { margin: 0; }

.about-block { margin-top: var(--space-2xl); }
.about-block p { font-size: 1.05rem; line-height: 1.78; margin-top: var(--space-sm); }