Removed mailto

src/pages/contact.astro

@@ -21,7 +21,7 @@ const professional = [
   {
     icon: "email-outline",
     label: "Email",
-    href: "mailto:Kilmer.GM@Gmail.com",
+    href: "",
     hint: "Kilmer.GM@Gmail.com",
   },
   {

src/pages/professional/index.astro

@@ -39,16 +39,20 @@ const projects = (await getCollection("projects")).sort(
   title="Professional"
   description="Software developer and team lead: cloud and mobile development, SAP Business Technology Platform, AI/ML, full-stack work. Resume and portfolio for Greg Kilmer."
 >
-  {/* Page header + overlapping headshot.
+  {
+    /* Page header + overlapping headshot.
       The headshot is anchored to the HERO SECTION (not container-prose) so its
       straddle point is the true hero/next-section boundary. It's positioned on
       the right, aligned with the content column's right edge via the same
       container-prose centering math (a centered max-width column). translate-y-1/2
       puts its center on the boundary: half in the hero, half over the next
-      section, in front of both (z-50). */}
+      section, in front of both (z-50). */
+  }
   <section class="relative overflow-visible pt-28 pb-28 sm:pt-32 sm:pb-36">
-    {/* Background layer — clipped to the hero so the circuit canvas/astrolabe
-        don't bleed into the content below. */}
+    {
+      /* Background layer — clipped to the hero so the circuit canvas/astrolabe
+        don't bleed into the content below. */
+    }
     <div class="pointer-events-none absolute inset-0 overflow-hidden">
       <CircuitField client:idle className="vt-sky opacity-100" />
       <Astrolabe
@@ -57,12 +61,18 @@ const projects = (await getCollection("projects")).sort(
       />
     </div>
 
-    {/* Headshot — anchored to the hero section's bottom edge (the true boundary
+    {
+      /* Headshot — anchored to the hero section's bottom edge (the true boundary
         with the next section), aligned right with the content column. Wrapped in
         a centered max-width box that mirrors container-prose so the headshot's
-        right edge lines up with the content's right edge. */}
-    <div class="pointer-events-none absolute inset-x-0 bottom-0 z-50 mx-auto max-w-[72rem] px-5 lg:ml-56 lg:max-w-[calc(72rem+14rem)] sm:px-8">
-      <div class="pointer-events-auto ml-auto w-44 translate-y-1/2 sm:w-52 md:w-60">
+        right edge lines up with the content's right edge. */
+    }
+    <div
+      class="pointer-events-none absolute inset-x-0 bottom-0 z-50 mx-auto max-w-[72rem] px-5 lg:ml-56 lg:max-w-[calc(72rem+14rem)] sm:px-8"
+    >
+      <div
+        class="pointer-events-auto ml-auto w-44 translate-y-1/2 sm:w-52 md:w-60"
+      >
         <CelestialFrame rounded="2xl" emphasis="strong">
           <img
             src="/images/about-portrait.jpg"
@@ -74,7 +84,9 @@ const projects = (await getCollection("projects")).sort(
       </div>
     </div>
 
-    <div class="container-prose relative z-10 lg:ml-56 lg:max-w-[calc(72rem+14rem)]">
+    <div
+      class="container-prose relative z-10 lg:ml-56 lg:max-w-[calc(72rem+14rem)]"
+    >
       <Reveal class="max-w-2xl">
         <SectionHeader
           tone="hero"
@@ -217,7 +229,10 @@ const projects = (await getCollection("projects")).sort(
       </Reveal>
       <Reveal delay={60}>
         <div class="flex flex-col gap-3">
-          <h3 class="font-mono text-xs uppercase tracking-[0.22em]" style="color: var(--color-accent);">
+          <h3
+            class="font-mono text-xs uppercase tracking-[0.22em]"
+            style="color: var(--color-accent);"
+          >
             Education history
           </h3>
           <EducationHistory />
@@ -225,7 +240,10 @@ const projects = (await getCollection("projects")).sort(
       </Reveal>
       <Reveal delay={120}>
         <div class="flex flex-col gap-3">
-          <h3 class="font-mono text-xs uppercase tracking-[0.22em]" style="color: var(--color-accent);">
+          <h3
+            class="font-mono text-xs uppercase tracking-[0.22em]"
+            style="color: var(--color-accent);"
+          >
             Certifications
           </h3>
           <Certifications />
@@ -256,7 +274,7 @@ const projects = (await getCollection("projects")).sort(
                 class="font-mono text-xs uppercase tracking-[0.18em]"
                 style="color: var(--color-accent);"
               >
-                <a href="mailto:Kilmer.GM@Gmail.com">Kilmer.GM@Gmail.com</a>
+                Kilmer.GM@Gmail.com
               </span>
             </li>
             <li class="flex items-center gap-2">