/* ── Home ───────────────────────────────────────────────── */
.page--home .hero { padding-block: var(--s-16) var(--s-12); }
.page--home .hero__title { max-width: 20ch; }

/* ── Service hub / Service × LA ────────────────────────── */
.page--service-hub .section h2,
.page--service-la  .section h2 { max-width: 28ch; }

/* ── Neighborhood pillar ───────────────────────────────── */
.page--neighborhood .hero__title { max-width: 24ch; }

/* ── Pro profile ───────────────────────────────────────── */
.page--pro .pro-header { display: grid; grid-template-columns: 120px 1fr; gap: var(--s-5); align-items: center; }
.page--pro .pro-avatar { width: 120px; height: 120px; border-radius: var(--radius-pill); background: var(--color-surface-2); border: 1px solid var(--color-border-subtle); overflow: hidden; }
.page--pro .pro-badges { margin-top: var(--s-3); display: flex; flex-wrap: wrap; gap: var(--s-2); }

/* ── Utility (about/contact/privacy/terms) ─────────────── */
.page--utility .prose { margin-top: var(--s-6); }

/* ── Error pages ───────────────────────────────────────── */
.page--error .hero { text-align: center; padding-block: var(--s-16); }
.page--error .hero__title { margin-inline: auto; max-width: none; }