Font Pairing: Bold Typography Mobile (Inter-Tight Poster). Category: Sans + Serif (Display) + Mono. Heading Font: Inter. Body Font: Playfair Display. Mood/Style: bold typography, editorial, poster, near-black, vermillion, luxury, type-as-hero, manifesto, high-contrast. Best For: Creative brand flagships, reading platforms, event apps, flash pages, luxury mobile experiences. Google Fonts URL: https://fonts.google.com/share?selection.family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400|JetBrains+Mono:wght@400|Playfair+Display:ital@1. CSS Import: @import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400&family=Playfair+Display:ital@1&display=swap');. Tailwind Config: fontFamily: { display: ['Inter', 'sans-serif'], quote: ['Playfair Display', 'serif'], mono: ['JetBrains Mono', 'monospace'] }. Notes: Tri-stack: Inter 600–800 for all UI (letterSpacing -1.5px heroes, -0.5px subheads). Playfair Display Italic ONLY for pull quotes. JetBrains Mono for labels and stats. Scale: 12px labels, 16px body, 22px sub, 32px section, 40px H2, 56px H1, 72px Hero Statement. 5:1 ratio H1:Body is mandatory. lineHeight 1.1 headlines, 1.6 body. Underlines (2–3pt accent) replace buttons for interactions..