Use New York style display headings

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.

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;

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: {