diff --git a/assets/fonts/dmsans-400.woff2 b/assets/fonts/dmsans-400.woff2
new file mode 100644
index 0000000..01383d7
Binary files /dev/null and b/assets/fonts/dmsans-400.woff2 differ
diff --git a/assets/fonts/dmsans-500.woff2 b/assets/fonts/dmsans-500.woff2
new file mode 100644
index 0000000..01383d7
Binary files /dev/null and b/assets/fonts/dmsans-500.woff2 differ
diff --git a/assets/fonts/lora-400.woff2 b/assets/fonts/lora-400.woff2
new file mode 100644
index 0000000..918a477
Binary files /dev/null and b/assets/fonts/lora-400.woff2 differ
diff --git a/assets/fonts/lora-400i.woff2 b/assets/fonts/lora-400i.woff2
new file mode 100644
index 0000000..81e6cf8
Binary files /dev/null and b/assets/fonts/lora-400i.woff2 differ
diff --git a/assets/fonts/lora-500.woff2 b/assets/fonts/lora-500.woff2
new file mode 100644
index 0000000..918a477
Binary files /dev/null and b/assets/fonts/lora-500.woff2 differ
diff --git a/assets/fonts/playfair-400.woff2 b/assets/fonts/playfair-400.woff2
new file mode 100644
index 0000000..5a3fbbd
Binary files /dev/null and b/assets/fonts/playfair-400.woff2 differ
diff --git a/assets/fonts/playfair-400i.woff2 b/assets/fonts/playfair-400i.woff2
new file mode 100644
index 0000000..30828de
Binary files /dev/null and b/assets/fonts/playfair-400i.woff2 differ
diff --git a/assets/fonts/playfair-700.woff2 b/assets/fonts/playfair-700.woff2
new file mode 100644
index 0000000..5a3fbbd
Binary files /dev/null and b/assets/fonts/playfair-700.woff2 differ
diff --git a/assets/media/hero-mobile.mp4 b/assets/media/hero-mobile.mp4
index 75934df..653db1a 100644
Binary files a/assets/media/hero-mobile.mp4 and b/assets/media/hero-mobile.mp4 differ
diff --git a/index.html b/index.html
index 2a1c5ba..79906fb 100644
--- a/index.html
+++ b/index.html
@@ -6,9 +6,10 @@
 <meta name="theme-color" content="#0f1729">
 <title>Open Communications | The Human Side of Change — for Canadian Manufacturers</title>
 <meta name="description" content="New systems don't fail on the tech — they fail on the people. Open Communications helps the people in your shop trust the change, share what they know, and lead through it — so the work actually sticks. The human side of ShopWisdom.">
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Lora:ital,wght@0,400;0,500;1,400&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap">
+<link rel="preload" href="assets/fonts/playfair-400.woff2" as="font" type="font/woff2" crossorigin>
+<link rel="preload" href="assets/fonts/playfair-400i.woff2" as="font" type="font/woff2" crossorigin>
+<link rel="preload" href="assets/fonts/dmsans-400.woff2" as="font" type="font/woff2" crossorigin>
+<link rel="preload" href="assets/fonts/lora-400.woff2" as="font" type="font/woff2" crossorigin>
 <link rel="stylesheet" href="style.css">
 <meta name="robots" content="index,follow">
 <link rel="canonical" href="https://www.opencommunications.consulting/">
@@ -419,7 +420,7 @@
 <!-- Cal.com booking embed (opens the booking popup on-brand; href is the no-JS fallback) -->
 <script>
 (function (C, A, L) { let p = function (a, ar) { a.q.push(ar); }; let d = C.document; C.Cal = C.Cal || function () { let cal = C.Cal; let ar = arguments; if (!cal.loaded) { cal.ns = {}; cal.q = cal.q || []; d.head.appendChild(d.createElement("script")).src = A; cal.loaded = true; } if (ar[0] === L) { const api = function () { p(api, arguments); }; const namespace = ar[1]; api.q = api.q || []; if (typeof namespace === "string") { cal.ns[namespace] = cal.ns[namespace] || api; p(cal.ns[namespace], ar); p(cal, ["initNamespace", namespace]); } else p(cal, ar); return; } p(cal, ar); }; })(window, "https://cal.shopwisdom.ca/embed/embed.js", "init");
-Cal("init", { origin: "https://cal.shopwisdom.ca" });
+(function(){var d=false;function go(){if(d)return;d=true;Cal("init",{origin:"https://cal.shopwisdom.ca"});}var ev=["pointerdown","mousemove","touchstart","scroll","keydown"];function on(){go();ev.forEach(function(e){window.removeEventListener(e,on);});}ev.forEach(function(e){window.addEventListener(e,on,{passive:true});});})();
 </script>
 
 <!-- Hero ambient loop: poster-first. Loads the video only when appropriate (skipped on Save-Data / reduced-motion); poster or paper bg shows if autoplay is blocked. -->
diff --git a/style.css b/style.css
index 37080ab..dcc4666 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,12 @@
+@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/dmsans-400.woff2') format('woff2')}
+@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/dmsans-500.woff2') format('woff2')}
+@font-face{font-family:'Lora';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/lora-400.woff2') format('woff2')}
+@font-face{font-family:'Lora';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/lora-500.woff2') format('woff2')}
+@font-face{font-family:'Lora';font-style:italic;font-weight:400;font-display:swap;src:url('assets/fonts/lora-400i.woff2') format('woff2')}
+@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/playfair-400.woff2') format('woff2')}
+@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/playfair-700.woff2') format('woff2')}
+@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400;font-display:swap;src:url('assets/fonts/playfair-400i.woff2') format('woff2')}
+
 :root {
   --paper: #f7f4ef;
   --paper-2: #efebe3;
@@ -48,8 +57,8 @@ strong { font-weight: 500; color: var(--ink); }
 
 /* Eyebrow with amber dash */
 .eyebrow {
-  font-family: 'DM Sans', sans-serif; font-size: 0.66rem; font-weight: 400;
-  text-transform: uppercase; letter-spacing: 0.18em; color: var(--amber);
+  font-family: 'DM Sans', sans-serif; font-size: 0.72rem; font-weight: 400;
+  text-transform: uppercase; letter-spacing: 0.18em; color: var(--amber-deep);
   margin: 0 0 24px; display: flex; align-items: center;
 }
 .eyebrow::before { content: ""; width: 28px; height: 1.5px; background: var(--amber); margin-right: 18px; flex: none; }