feat: oversized H1 hero for all inner pages + portfolio refinements

- Add hero-oversized class (Option B) to global.css
- Apply oversized H1 to: about, services, blog, contact, faq, privacy, terms
- Portfolio page: oversized hero, new text, portfolio-design-note in section-heading
- Clean up duplicate styles from portfolio.astro scoped block

src/styles/global.css

@@ -402,6 +402,34 @@ font-size: clamp(3rem, 6vw, 6rem);
 font-weight: 900;
 }
 
+/* ── Oversized Hero (Option B) ── */
+.hero-oversized {
+  display: flex;
+  flex-direction: column;
+  width: var(--container);
+  margin-inline: auto;
+  padding: clamp(108px, 16vw, 180px) 0 clamp(56px, 8vw, 96px);
+}
+
+.hero-oversized h1 {
+  max-width: 14ch;
+  margin: clamp(12px, 2vw, 24px) 0 0;
+  font-size: clamp(3.2rem, 8vw, 6.8rem);
+  font-weight: 950;
+  line-height: .92;
+  letter-spacing: -.02em;
+}
+
+.hero-oversized .hero-lead {
+  max-width: 56ch;
+  margin: clamp(20px, 3vw, 32px) 0 0;
+  padding: clamp(14px, 2vw, 22px) 0 0;
+  border-top: 3px solid var(--yellow);
+  color: var(--muted);
+  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
+  line-height: 1.7;
+}
+
 .page-section {
 padding: clamp(54px, 8vw, 104px) 0;
 }