diff --git a/app/globals.css b/app/globals.css
index 7827bc2..03b27d1 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -27,6 +27,7 @@
   --text-2xl: 1.5rem; --text-2xl--line-height: 2rem;
   --text-3xl: 1.875rem; --text-3xl--line-height: 2.25rem;
   --text-4xl: 2.25rem; --text-4xl--line-height: 2.5rem;
+  --text-5xl: 3rem; --text-5xl--line-height: 1.1;
 
   /* Shadows */
   --shadow-card: 0 1px 3px rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
@@ -103,6 +104,35 @@
   border: 0;
 }
 
+/* === Heading utilities === */
+@utility heading-xl {
+  font-size: 2.25rem;
+  font-weight: 800;
+  letter-spacing: -0.025em;
+  line-height: 1.1;
+}
+
+@utility heading-lg {
+  font-size: 1.875rem;
+  font-weight: 600;
+  letter-spacing: -0.025em;
+  line-height: 1.2;
+}
+
+@utility heading-md {
+  font-size: 1.5rem;
+  font-weight: 600;
+  letter-spacing: -0.025em;
+  line-height: 1.3;
+}
+
+@utility heading-sm {
+  font-size: 1.25rem;
+  font-weight: 600;
+  letter-spacing: -0.01em;
+  line-height: 1.4;
+}
+
 /* === Scroll progress bar (CSS animation-timeline + JS fallback) === */
 .scroll-progress {
   position: fixed;