type: switch entire portfolio to Monocraft, restore Green_Energy to "Monster" only

- Add 7 Monocraft weights (Light/Regular/Italic/SemiBold/Bold/Bold-Italic/Black)
  in public/fonts/Monocraft/, loaded via Next localFont with --font-monocraft.
- Drop the Sora / Syne / Space Mono Google Fonts loaders entirely.
- Point --font-sans / --font-heading / --font-display / --font-mono all to
  --font-monocraft so every existing class uses the new typeface.
- Drop cap now uses Monocraft Black at 4.6em.
- .pull-quote uses Monocraft italic (was Green_Energy).
- Revert Green_Energy from About signature, About pull-quote opening mark,
  News dispatch author signature, and Contact "Yours, Arka" sign-off; all
  now render in Monocraft italic.
- Green_Energy retained for the literal word "Monster" in the
  about.fact_3 marginalia line, as originally intended.

Author: arka-ui

public/fonts/Monocraft/Monocraft-Black.ttf

@@ -7,10 +7,10 @@
 @property --mesh-y2 { syntax: "<percentage>"; inherits: false; initial-value: 80%; }
 
 @theme {
-  --font-sans: var(--font-sora);
-  --font-heading: var(--font-sora);
-  --font-display: var(--font-syne);
-  --font-mono: var(--font-space-mono);
+  --font-sans: var(--font-monocraft);
+  --font-heading: var(--font-monocraft);
+  --font-display: var(--font-monocraft);
+  --font-mono: var(--font-monocraft);
   --font-green-energy: var(--font-green-energy);
 
   /* ─── Warm earthy palette (unchanged) ─── */
@@ -166,14 +166,14 @@
     height: 4px;
   }
 
-  /* ─── Drop cap (Green_Energy serif, 4 lines tall) ─── */
+  /* ─── Drop cap (Monocraft Black, 4 lines tall) ─── */
   .dropcap::first-letter {
-    font-family: var(--font-green-energy);
-    font-weight: 400;
+    font-family: var(--font-monocraft);
+    font-weight: 900;
     float: left;
-    font-size: 5.4em;
-    line-height: 0.86;
-    padding: 0.1em 0.18em 0 0;
+    font-size: 4.6em;
+    line-height: 0.92;
+    padding: 0.05em 0.16em 0 0;
     color: #DBC7A6;
   }
 
@@ -412,13 +412,14 @@
     transform: rotate(45deg);
   }
 
-  /* ─── Atlas pull-quote ─── */
+  /* ─── Atlas pull-quote (Monocraft, italic) ─── */
   .pull-quote {
-    font-family: var(--font-green-energy);
+    font-family: var(--font-monocraft);
     font-weight: 400;
+    font-style: italic;
     line-height: 1.18;
     color: #DBC7A6;
-    letter-spacing: -0.005em;
+    letter-spacing: -0.01em;
   }
 }
 

public/fonts/Monocraft/Monocraft-Bold-Italic.ttf

@@ -1,5 +1,4 @@
 import type { Metadata } from "next";
-import { Syne, Sora, Space_Mono } from "next/font/google";
 import localFont from "next/font/local";
 import "./globals.css";
 import RootContent from "@/components/layout/RootContent";
@@ -10,96 +9,90 @@ import { LanguageProvider } from "@/context/LanguageContext";
 import CommandPalette from "@/components/features/CommandPalette";
 import Telemetry from "@/components/Telemetry";
 
-const syne = Syne({
-  subsets: ["latin"],
-  weight: ["500", "600", "700", "800"],
-  variable: "--font-syne",
-  display: "swap",
-});
-
-const sora = Sora({
-  subsets: ["latin"],
-  variable: "--font-sora",
-  display: "swap",
-});
-
-const spaceMono = Space_Mono({
-  weight: ["400", "700"],
-  subsets: ["latin"],
-  variable: "--font-space-mono",
-  display: "swap",
+const monocraft = localFont({
+    src: [
+        { path: "../../public/fonts/Monocraft/Monocraft-Light.ttf",        weight: "300", style: "normal" },
+        { path: "../../public/fonts/Monocraft/Monocraft.ttf",              weight: "400", style: "normal" },
+        { path: "../../public/fonts/Monocraft/Monocraft-Italic.ttf",       weight: "400", style: "italic" },
+        { path: "../../public/fonts/Monocraft/Monocraft-SemiBold.ttf",     weight: "600", style: "normal" },
+        { path: "../../public/fonts/Monocraft/Monocraft-Bold.ttf",         weight: "700", style: "normal" },
+        { path: "../../public/fonts/Monocraft/Monocraft-Bold-Italic.ttf",  weight: "700", style: "italic" },
+        { path: "../../public/fonts/Monocraft/Monocraft-Black.ttf",        weight: "900", style: "normal" },
+    ],
+    variable: "--font-monocraft",
+    display: "swap",
 });
 
 const greenEnergy = localFont({
-  src: "../../public/fonts/Green_Energy.ttf",
-  variable: "--font-green-energy",
-  display: "swap",
+    src: "../../public/fonts/Green_Energy.ttf",
+    variable: "--font-green-energy",
+    display: "swap",
 });
 
 export const metadata: Metadata = {
-  title: "Arka | Creative Full Stack Developer",
-  description: "Creative Developer specializing in building premium digital experiences, modern web applications, and immersive user interfaces.",
-  applicationName: "Arka Portfolio",
-  authors: [{ name: "Arka", url: "https://arka-ui.github.io/portfolio/" }],
-  keywords: ["Arka", "Portfolio", "Full Stack Developer", "Web Developer", "React", "Next.js", "Creative Developer", "UI/UX Design"],
-  creator: "Arka",
-  publisher: "Arka",
-  metadataBase: new URL("https://arka-ui.github.io"),
-  openGraph: {
     title: "Arka | Creative Full Stack Developer",
     description: "Creative Developer specializing in building premium digital experiences, modern web applications, and immersive user interfaces.",
-    url: "https://arka-ui.github.io/portfolio/",
-    siteName: "Arka Portfolio",
-    locale: "en_US",
-    type: "website",
-    images: [
-      {
-        url: "/og-image.jpg",
-        width: 1200,
-        height: 630,
-        alt: "Arka Portfolio Preview",
-      },
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "Arka | Creative Full Stack Developer",
-    description: "Check out my portfolio featuring my latest full stack web projects.",
-    creator: "@arka_dev",
-    images: ["/og-image.jpg"],
-  },
-  robots: {
-    index: true,
-    follow: true,
-    googleBot: {
-      index: true,
-      follow: true,
-      "max-video-preview": -1,
-      "max-image-preview": "large",
-      "max-snippet": -1,
+    applicationName: "Arka Portfolio",
+    authors: [{ name: "Arka", url: "https://arka-ui.github.io/portfolio/" }],
+    keywords: ["Arka", "Portfolio", "Full Stack Developer", "Web Developer", "React", "Next.js", "Creative Developer", "UI/UX Design"],
+    creator: "Arka",
+    publisher: "Arka",
+    metadataBase: new URL("https://arka-ui.github.io"),
+    openGraph: {
+        title: "Arka | Creative Full Stack Developer",
+        description: "Creative Developer specializing in building premium digital experiences, modern web applications, and immersive user interfaces.",
+        url: "https://arka-ui.github.io/portfolio/",
+        siteName: "Arka Portfolio",
+        locale: "en_US",
+        type: "website",
+        images: [
+            {
+                url: "/og-image.jpg",
+                width: 1200,
+                height: 630,
+                alt: "Arka Portfolio Preview",
+            },
+        ],
+    },
+    twitter: {
+        card: "summary_large_image",
+        title: "Arka | Creative Full Stack Developer",
+        description: "Check out my portfolio featuring my latest full stack web projects.",
+        creator: "@arka_dev",
+        images: ["/og-image.jpg"],
+    },
+    robots: {
+        index: true,
+        follow: true,
+        googleBot: {
+            index: true,
+            follow: true,
+            "max-video-preview": -1,
+            "max-image-preview": "large",
+            "max-snippet": -1,
+        },
     },
-  },
 };
 
 export default function RootLayout({
-  children,
+    children,
 }: Readonly<{
-  children: React.ReactNode;
+    children: React.ReactNode;
 }>) {
-  return (
-    <html lang="en" className="scroll-smooth">
-      <body className={`${sora.variable} ${syne.variable} ${spaceMono.variable} ${greenEnergy.variable} antialiased bg-background text-foreground overflow-x-hidden grain`}>
-        <WarpProvider>
-          <LanguageProvider>
-            <BlueprintProvider>
-              <ScrollManager />
-              <CommandPalette />
-              <Telemetry />
-              <RootContent>{children}</RootContent>
-            </BlueprintProvider>
-          </LanguageProvider>
-        </WarpProvider>
-      </body>
-    </html>
-  );
+    return (
+        <html lang="en" className="scroll-smooth">
+            <body className={`${monocraft.variable} ${greenEnergy.variable} antialiased bg-background text-foreground overflow-x-hidden grain`}>
+                <WarpProvider>
+                    <LanguageProvider>
+                        <BlueprintProvider>
+                            <ScrollManager />
+                            <CommandPalette />
+                            <Telemetry />
+                            <RootContent>{children}</RootContent>
+                        </BlueprintProvider>
+                    </LanguageProvider>
+                </WarpProvider>
+            </body>
+        </html>
+    );
 }

public/fonts/Monocraft/Monocraft-Bold.ttf

@@ -113,8 +113,8 @@ export default function About() {
                         </p>
 
                         {/* Signature */}
-                        <p className="pt-2 font-green-energy text-[#DBC7A6] text-[28px] leading-none">
-                            — Arka<span className="text-[#7D6B56] font-mono text-[10px] tracking-[0.2em] uppercase ml-3">/ MMXXVI</span>
+                        <p className="pt-2 italic text-[#DBC7A6] text-[18px] md:text-[20px] leading-none tracking-tight">
+                            — Arka<span className="not-italic text-[#7D6B56] text-[10px] tracking-[0.2em] uppercase ml-3">/ MMXXVI</span>
                         </p>
                     </motion.div>
 
@@ -158,7 +158,7 @@ export default function About() {
                 <motion.figure {...enter(0)} className="mb-20 md:mb-28">
                     <div className="atlas-rule mb-10" aria-hidden />
                     <blockquote>
-                        <span className="font-green-energy text-[#7D6B56] text-[80px] md:text-[120px] leading-none block mb-3" aria-hidden>“</span>
+                        <span className="text-[#7D6B56] text-[64px] md:text-[96px] leading-none block mb-3 font-bold" aria-hidden>&ldquo;</span>
                         <p className="pull-quote text-[28px] md:text-[44px] lg:text-[56px] max-w-[18ch] md:max-w-[22ch]">
                             {t("about.team_quote")}
                         </p>