V1.0 Final Release

Fixed Stripe Issues
New Mobile Menu
Improved Lens Graphic

assets/css/header.css

@@ -94,13 +94,15 @@
   color: #1e1208;
 }
 
-/* The lat/lon next to the location */
+/* The lat/lon below the location */
 .utci-loc-coords {
   font-family: JetBrains Mono, monospace;
   font-style: normal;
   font-size: 11px;
   color: #b09870;
-  margin-left: 10px;
+  display: block;
+  margin-top: 4px;
+  margin-left: 18px;
   letter-spacing: 0.08em;
 }
 
@@ -195,3 +197,32 @@
   letter-spacing: 0.14em;
   text-transform: uppercase;
 }
+
+/* ── Mobile header layout ────────────────────────────────────────────── */
+@media (max-width: 640px) {
+  .utci-header {
+    grid-template-columns: 1fr;   /* single column — stack title, dial, search */
+    gap: 20px;
+    padding-top: 16px;            /* extra breathing room below fixed nav */
+    padding-bottom: 24px;
+    margin-bottom: 24px;
+  }
+
+  .header-right {
+    align-items: flex-start;      /* left-align location on mobile */
+  }
+
+  .utci-title {
+    font-size: clamp(40px, 12vw, 60px);
+  }
+
+  .scope-ring {
+    width: 160px;
+    height: 160px;
+    margin: 0 auto;               /* centre the dial */
+  }
+
+  .utci-search-wrap {
+    width: 100%;                  /* full-width search box */
+  }
+}