From 539437b8247e62642d28ab7161627a419e743f02 Mon Sep 17 00:00:00 2001
From: oimwiodev <oimwiodev@outlook.com>
Date: Sat, 16 May 2026 22:15:29 +0100
Subject: [PATCH] Use New York style display headings

---
 CHANGELOG.md       | 1 +
 app/globals.css    | 5 +++++
 tailwind.config.ts | 1 +
 3 files changed, 7 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9fbb08c..ea5c95c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@ All notable changes to the New Optic website will be documented in this file.
 
 ### Changed
 
+- Added a New York-style display font stack for large latin headings while keeping SF-style UI text.
 - Switched the latin typography to an SF Pro-style system font stack for a more Apple-like feel.
 - Removed the desktop liquid glass WebGL layer from navbar and CTA controls so text remains readable and glass surfaces do not show dark rendering artifacts while scrolling.
 - Replaced the mobile hamburger dropdown with a fast, solid menu animation without bounce or stretch effects.
diff --git a/app/globals.css b/app/globals.css
index f24536e..84e2c09 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -7,6 +7,7 @@
   --bg: #f6f5f2;
   --ink: #111317;
   --font-sans: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --font-display: "New York Large", "New York", "NewYork", ui-serif, Georgia, Cambria, "Times New Roman", serif;
 }
 
 * {
@@ -68,6 +69,10 @@ body[dir="rtl"] {
   font-family: var(--font-arabic), system-ui, sans-serif;
 }
 
+body:not([dir="rtl"]) :where(h1, h2) {
+  font-family: var(--font-display);
+}
+
 a {
   color: inherit;
   text-decoration: none;
diff --git a/tailwind.config.ts b/tailwind.config.ts
index e13d561..00d597a 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -12,6 +12,7 @@ const config: Config = {
       },
       fontFamily: {
         sans: ["var(--font-sans)"],
+        display: ["var(--font-display)"],
         arabic: ["var(--font-arabic)", "system-ui", "sans-serif"]
       },
       boxShadow: {