The logo with the s/o is not really good. OPtimize that. Also, can you use better, more creative fonts?

index.html

@@ -41,26 +41,24 @@
         <div class="absolute inset-0 bg-zinc-900">
             <img src="http://static.photos/monochrome/1200x630/42" alt="Siegfried Ortner" class="w-full h-full object-cover opacity-90">
         </div>
-        
         <!-- Logo -->
         <div class="absolute top-8 left-8 z-20 group">
-            <div class="relative w-16 h-16 border border-zinc-300 p-2 rounded-full group-hover:rounded-full transition-all duration-300">
-                <div class="flex flex-col items-start">
-                    <span class="text-2xl font-bold">s</span>
-                    <span class="text-2xl font-bold ml-4">/o</span>
+            <a href="#">
+                <div class="relative w-16 h-16 border border-zinc-300 p-2 rounded-full group-hover:border-zinc-100 transition-all duration-300">
+                    <div class="flex items-center justify-center h-full">
+                        <span class="text-3xl font-light tracking-tighter">s/o</span>
+                    </div>
                 </div>
-            </div>
+            </a>
         </div>
-        
-        <!-- Navigation -->
+<!-- Navigation -->
         <custom-navbar></custom-navbar>
-        
         <!-- Hero Text -->
-        <div class="absolute bottom-32 left-0 right-0 text-center z-10">
-            <h1 class="text-6xl font-bold tracking-tight mb-2">Siegfried Ortner</h1>
-            <p class="text-xl font-light text-zinc-300">photographer, film maker</p>
+        <div class="absolute bottom-32 left-0 right-0 text-center z-10 hero-text">
+            <h1 class="text-7xl font-medium mb-2">Siegfried Ortner</h1>
+            <p class="text-xl font-light text-zinc-300 tracking-wider">PHOTOGRAPHER & FILMMAKER</p>
         </div>
-    </div>
+</div>
 
     <!-- Sections -->
     <section id="about" class="py-20 px-6 max-w-5xl mx-auto">

style.css

@@ -1,9 +1,20 @@
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+
+@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
 body {
-    font-family: 'Montserrat', sans-serif;
+    font-family: 'Archivo', sans-serif;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-family: 'Playfair Display', serif;
+    font-weight: 400;
+    letter-spacing: -0.03em;
 }
 
+.hero-text h1 {
+    font-weight: 500;
+    letter-spacing: -0.05em;
+}
 /* Custom scrollbar */
 ::-webkit-scrollbar {
     width: 8px;