Adding stuff

src/styles/global.css

@@ -216,9 +216,17 @@ section {
   padding: 1.6rem;
 }
 
+.hero-logo {
+  display: block;
+  width: min(12rem, 42vw);
+  height: auto;
+  margin-bottom: 1rem;
+}
+
 .hero-title {
   margin: 0;
-  font-family: 'Fraunces', Georgia, serif;
+  font-family: 'Manrope', system-ui, sans-serif;
+  font-weight: 800;
   font-size: clamp(2.2rem, 5vw, 4.6rem);
   line-height: 0.98;
 }
@@ -267,13 +275,16 @@ section {
 
 .story-flow {
   display: grid;
-  gap: 1rem;
+  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr);
+  gap: 1.25rem;
+  align-items: center;
   margin-top: 0.5rem;
 }
 
 .story-copy {
   display: grid;
-  gap: 0.75rem;
+  gap: 0.85rem;
+  padding: 0.5rem 0;
 }
 
 .story-copy p:last-child {
@@ -281,8 +292,12 @@ section {
 }
 
 .story-image {
+  margin: 0;
   overflow: hidden;
-  padding: 0;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+  background: transparent;
 }
 
 .story-image img {
@@ -290,12 +305,70 @@ section {
   display: block;
   aspect-ratio: 16 / 9;
   object-fit: cover;
+  border-radius: 0;
+  box-shadow: none;
 }
 
-.story-image figcaption {
-  padding: 0.9rem 1rem 1rem;
+.business-promo {
+  display: grid;
+  gap: 1rem;
+  margin-top: 1rem;
+}
+
+.business-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 1rem;
+}
+
+.business-card {
+  display: grid;
+  grid-template-columns: 6.5rem minmax(0, 1fr);
+  gap: 1rem;
+  align-items: center;
+  padding: 1rem;
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  background: rgba(255, 255, 255, 0.9);
+  text-decoration: none;
+  box-shadow: var(--shadow);
+}
+
+.business-card:hover {
+  color: inherit;
+  transform: translateY(-1px);
+}
+
+.business-logo {
+  width: 100%;
+  height: 100%;
+  max-height: 5rem;
+  object-fit: contain;
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.business-copy {
+  display: grid;
+  gap: 0.35rem;
+}
+
+.business-copy h3 {
+  margin: 0;
+  font-family: 'Manrope', system-ui, sans-serif;
+  font-weight: 800;
+  font-size: 1.1rem;
+}
+
+.business-copy p {
+  margin: 0;
   color: var(--muted);
-  font-size: 0.95rem;
+}
+
+.business-link {
+  color: var(--brand);
+  font-size: 0.92rem;
+  font-weight: 800;
 }
 
 .stats-grid {
@@ -339,7 +412,8 @@ section {
 
 .section-title {
   margin: 0;
-  font-family: 'Fraunces', Georgia, serif;
+  font-family: 'Manrope', system-ui, sans-serif;
+  font-weight: 800;
   font-size: clamp(1.4rem, 2.8vw, 2.2rem);
 }
 
@@ -418,6 +492,8 @@ section {
 .surface h4,
 .notice h3 {
   margin-top: 0;
+  font-family: 'Manrope', system-ui, sans-serif;
+  font-weight: 800;
 }
 
 .card p:last-child,
@@ -439,6 +515,13 @@ section {
   padding: 2rem 0;
 }
 
+.footer-logo {
+  display: block;
+  width: min(9rem, 34vw);
+  height: auto;
+  margin-bottom: 0.9rem;
+}
+
 .site-footer a {
   color: inherit;
 }
@@ -459,7 +542,8 @@ section {
 
 .prose h2,
 .prose h3 {
-  font-family: 'Fraunces', Georgia, serif;
+  font-family: 'Manrope', system-ui, sans-serif;
+  font-weight: 800;
 }
 
 .stack {
@@ -475,7 +559,16 @@ section {
   }
 
   .story-flow {
-    gap: 0.85rem;
+    grid-template-columns: 1fr;
+    gap: 0.9rem;
+  }
+
+  .business-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .business-card {
+    grid-template-columns: 5.5rem minmax(0, 1fr);
   }
 
   .topbar-inner,