.page-header { text-align: center; margin-bottom: 32px; }

    h1 {
      font-family: var(--font-heading);
      font-weight: var(--weight-bold);
      font-size: var(--text-h1);
      line-height: var(--leading-tight);
      letter-spacing: var(--tracking-tight);
      color: var(--color-ink);
      margin-bottom: 8px;
    }

    .greeting-banner {
      font-family: var(--font-heading);
      font-size: var(--text-h3);
      color: var(--color-rose);
      font-weight: var(--weight-bold);
      line-height: var(--leading-normal);
    }

    /* ─── Two-Column Desktop Layout ─── */