Replace section-title page with proper title page (p.2)

Page structure: imprint (p.1) → title page (p.2) → TOC (p.3) → stories (p.4+).
Title page shows title/subtitle/author in Cormorant Garamond. Removes the
artificial section-title buffer in favour of a meaningful front matter page.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

styles/layout.css

@@ -102,27 +102,21 @@
   flex-shrink: 0;
 }
 
-/* ── Section title page ── */
-.page--section {
+/* ── Title page ── */
+.page--titlepage {
   background: var(--cream, #faf8f2);
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.section-title-inner {
+.titlepage-inner {
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 0.8rem;
+  gap: 1rem;
   text-align: center;
-}
-
-.section-rule {
-  display: block;
-  width: 3rem;
-  height: 1px;
-  background: rgba(30, 27, 24, 0.25);
+  padding: 0 0.8in;
 }
 
 /* ── Finale page ── */

styles/typography.css

@@ -155,20 +155,37 @@ body {
   padding-top: 0.5rem;
 }
 
-/* ── Section title page ── */
-.section-ornament {
+/* ── Title page ── */
+.titlepage-ornament {
   font-family: var(--font-display);
-  font-size: 1.8rem;
+  font-size: 1.6rem;
   color: var(--ink-muted);
 }
 
-.section-title {
+.titlepage-title {
   font-family: var(--font-display);
   font-style: italic;
   font-weight: 300;
-  font-size: 2.2rem;
+  font-size: 2.4rem;
+  line-height: 1.2;
   color: var(--ink);
-  letter-spacing: 0.03em;
+}
+
+.titlepage-subtitle {
+  font-family: var(--font-display);
+  font-style: italic;
+  font-size: 1rem;
+  color: var(--ink-muted);
+  letter-spacing: 0.08em;
+}
+
+.titlepage-author {
+  font-family: var(--font-body);
+  font-size: 0.85rem;
+  color: var(--ink-muted);
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  margin-top: 0.5rem;
 }
 
 /* ── Finale overlay ── */