fix(marketing): header logo iPhone clipping + use shared SVG asset

site/src/components/Logo.astro

@@ -1,5 +1,6 @@
 ---
 import { Link } from 'accessible-astro-components'
+import PywireMark from '../assets/img/pywire-mark.svg'
 
 /**
  * Logo Component — chip-framed pywire mark + monoface wordmark.
@@ -13,16 +14,7 @@ import { Link } from 'accessible-astro-components'
 
 <Link href="/" class="logo-lockup" aria-label="pywire — home">
   <span class="logo-chip" aria-hidden="true">
-    <svg class="logo-mark" viewBox="37 47 133 191">
-      <path
-        fill="currentColor"
-        d="M48.145 156.635C48.4156 151.867 48.2586 145.927 48.2582 141.09L48.2512 114.15C48.246 99.5043 46.9231 87.7763 54.0537 74.5334C56.6726 69.6359 60.1506 65.2492 64.3218 61.5825C84.6333 43.4437 115.103 44.3143 138.087 56.0872C140.548 56.9443 144.917 60.1913 147.19 60.8392C153.356 62.5968 158.239 61.8619 162.943 67.2652C168.551 73.7081 168.86 80.4995 166.434 88.2784C168.821 95.4176 170.306 100.424 170.663 107.98C171.729 130.575 157.306 148.263 136.342 155.214C129.515 157.438 122.362 158.497 115.184 158.348C106.596 158.211 98.7144 156.116 90.0379 157.143C78.4749 158.513 67.1004 166.181 66.4928 178.713C66.4375 180.126 66.4698 181.559 66.4993 182.985C74.1322 188.76 75.3362 200.076 70.1124 207.988C69.0826 209.547 66.9623 210.999 65.8088 212.592C65.7418 215.715 65.216 219.934 67.7185 222.225C70.1714 224.47 75.6706 222.918 75.8687 219.561C76.2997 212.259 76.3366 203.716 76.1833 196.46C76.0338 189.95 75.9636 183.438 75.9727 176.926C75.9631 174.402 75.3472 168.407 77.1729 166.844C81.095 163.485 87.0185 161.771 92.0777 161.234C92.4788 162.877 92.3917 219.829 92.0189 221.315C92.0202 221.489 92.0187 221.669 91.9968 221.842C89.8585 238.775 67.2173 243.33 55.4167 233.275C49.2643 228.032 47.7857 221.576 48.5511 213.83C44.5741 212.154 41.323 209.119 39.3795 205.266C37.1965 200.955 36.8214 195.952 38.337 191.363C40.1141 186.063 43.5938 183.105 48.4279 180.677C47.6409 169.563 51.685 158.601 60.235 151.3C70.2442 142.752 82.9938 138.893 96.0227 138.535C100.835 138.403 106.347 139.679 111.209 139.87C129.849 141.347 150.269 131.593 152.413 111.089C152.747 109.755 152.259 99.1596 151.162 99.0719C137.865 98.0092 129.461 91.7402 130.382 76.9516C130.536 75.7454 130.829 75.0094 131.225 73.8752C117.732 66.3803 103.301 62.8718 88.1762 66.9636C79.7466 69.7683 73.1369 74.7292 69.1258 82.7957C67.4989 86.0676 66.4084 89.8783 65.9449 93.5124C65.0826 100.272 66.5282 139.397 65.2044 141.61C64.2381 143.226 59.0699 145.647 57.3086 146.971C53.8086 149.604 50.7832 153.166 48.145 156.635ZM150.625 88.2101C155.119 87.344 158.062 82.9998 157.198 78.5049C156.335 74.0099 151.993 71.0647 147.497 71.9251C142.998 72.7862 140.05 77.1333 140.914 81.6323C141.778 86.1313 146.126 89.0769 150.625 88.2101ZM56.889 204.868C59.663 204.361 61.9453 202.392 62.8547 199.723C63.7641 197.054 63.1582 194.101 61.2711 192.006C59.3839 189.911 56.5108 189 53.7612 189.626C49.6342 190.566 47.0151 194.632 47.866 198.778C48.7168 202.924 52.7256 205.63 56.889 204.868Z"
-      ></path>
-      <path
-        fill="currentColor"
-        d="M91.4232 70.7811L91.872 70.9274C92.3166 72.4326 92.0099 83.6304 92.0134 86.102L92.0147 134.691C86.5918 134.769 81.2144 135.695 76.078 137.436L75.5566 137.32C75.0132 136.123 75.2628 121.089 75.2623 118.476L75.2441 96.323C75.2409 92.8021 74.7092 83.2416 76.238 80.3696C79.0774 75.0357 85.7411 72.2131 91.4232 70.7811Z"
-      ></path>
-    </svg>
+    <PywireMark class="logo-mark" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" />
   </span>
   <span class="logo-wordmark">pywire</span>
 </Link>
@@ -67,7 +59,7 @@ import { Link } from 'accessible-astro-components'
 
   .logo-mark {
     display: block;
-    width: auto;
+    width: 100%;
     height: 100%;
   }