And now with files

src/styles/global.css

@@ -89,6 +89,8 @@ img {
 }
 
 .navshell {
+  position: relative;
+  z-index: 30;
   border-bottom: 1px solid var(--line);
   background: rgba(255, 255, 255, 0.84);
 }
@@ -290,22 +292,6 @@ main {
   padding-block: 1.5rem 4rem;
 }
 
-.banner-image {
-  width: 100%;
-  display: block;
-  overflow: hidden;
-  margin: 0;
-  background: rgba(255, 255, 255, 0.4);
-}
-
-.banner-image img {
-  width: 100%;
-  height: auto;
-  display: block;
-  max-height: 12rem;
-  object-fit: cover;
-}
-
 section {
   padding-block: 1rem;
 }
@@ -439,30 +425,76 @@ section {
 }
 
 .business-card {
+  position: relative;
+  isolation: isolate;
   display: grid;
-  grid-template-columns: 6.5rem minmax(0, 1fr);
-  gap: 1rem;
+  grid-template-columns: minmax(8rem, 10rem) minmax(0, 1fr);
+  min-height: 9.25rem;
+  gap: 1.2rem;
   align-items: center;
-  padding: 1rem;
+  padding: 1.1rem;
   border: 1px solid var(--line);
   border-radius: var(--radius);
   background: rgba(255, 255, 255, 0.9);
   text-decoration: none;
   box-shadow: var(--shadow);
+  overflow: hidden;
+  transition:
+    border-color 180ms ease,
+    box-shadow 180ms ease,
+    transform 180ms ease;
+}
+
+.business-card::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  background:
+    linear-gradient(135deg, rgba(29, 118, 184, 0.15), transparent 38%),
+    linear-gradient(315deg, rgba(246, 181, 56, 0.2), transparent 34%);
+  opacity: 0;
+  transition: opacity 180ms ease;
 }
 
 .business-card:hover {
   color: inherit;
-  transform: translateY(-1px);
+  border-color: rgba(29, 118, 184, 0.28);
+  box-shadow: 0 22px 48px rgba(16, 34, 51, 0.16);
+  transform: translateY(-3px);
+}
+
+.business-card:hover::before {
+  opacity: 1;
+}
+
+.business-logo-frame {
+  display: grid;
+  place-items: center;
+  min-height: 7rem;
+  padding: 0.85rem;
+  border: 1px solid rgba(29, 118, 184, 0.14);
+  border-radius: 0.9rem;
+  background:
+    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.92), transparent 38%),
+    linear-gradient(145deg, #ffffff 0%, #f4f9fd 100%);
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.9),
+    0 12px 28px rgba(16, 34, 51, 0.1);
 }
 
 .business-logo {
   width: 100%;
-  height: 100%;
-  max-height: 5rem;
+  height: 6.4rem;
   object-fit: contain;
   border-radius: 0;
   box-shadow: none;
+  filter: drop-shadow(0 8px 12px rgba(16, 34, 51, 0.12));
+  transition: transform 180ms ease;
+}
+
+.business-card:hover .business-logo {
+  transform: scale(1.08);
 }
 
 .business-copy {
@@ -701,6 +733,11 @@ section {
   color: inherit;
 }
 
+.footer-link {
+  font-weight: 800;
+  text-decoration-color: rgba(245, 250, 255, 0.42);
+}
+
 .footer-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -799,7 +836,17 @@ section {
   }
 
   .business-card {
-    grid-template-columns: 5.5rem minmax(0, 1fr);
+    grid-template-columns: minmax(6.8rem, 8rem) minmax(0, 1fr);
+    min-height: 8.5rem;
+  }
+
+  .business-logo-frame {
+    min-height: 6rem;
+    padding: 0.7rem;
+  }
+
+  .business-logo {
+    height: 5.4rem;
   }
 
   .topbar-inner,