feat: payload cms

styles/globals.css

@@ -54,6 +54,7 @@
       stroke-dasharray: 1;
       stroke-dashoffset: 1;
     }
+
     to {
       stroke-dasharray: 1;
       stroke-dashoffset: 0;
@@ -174,6 +175,18 @@
 }
 
 @layer base {
+  html {
+    /* Scale text down slightly on mobile (87.5% of 16px = 14px) */
+    font-size: 87.5%;
+  }
+
+  @media (min-width: 768px) {
+    html {
+      /* Normal scaling on tablet and desktop (100% = 16px) */
+      font-size: 100%;
+    }
+  }
+
   .bg-primary a,
   .bg-primary-dark a {
     @apply text-white/90 hover:text-white transition-colors;