brand: adopt Lightwell aperture as the Hope brand mark

- web/brand/hope-mark.svg: canonical adaptive mark (light/dark)
- web/brand/hope-logo-horizontal.svg: lockup with rounded wordmark
- web/brand/hope-icon.svg: forced-dark icon-grid-tuned source
- favicon.svg: small-size tuned aperture
- manifest + index.html: PNG icons (192/512), apple-touch-icon, theme #1C191F

web/brand/hope-logo-horizontal.svg

@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 240">
+  <!--
+    Hope horizontal lockup — Lightwell mark + wordmark.
+    Wordmark: system rounded design, semibold, ink color. Fonts resolve to
+    SF Pro Rounded on Apple platforms; falls back to the system UI face.
+  -->
+  <style>
+    :root { --ground:#F4F2F6; --surface:#FFFFFF; --quiet:#655D6C; --ink:#29232F; --core:#874761; }
+    @media (prefers-color-scheme: dark) {
+      :root { --ground:#1C191F; --surface:#28232E; --quiet:#BFB2C6; --ink:#F6EFF7; --core:#E3A2BC; }
+    }
+    text { font-family: ui-rounded, -apple-system, "SF Pro Rounded", "Helvetica Rounded", system-ui, sans-serif;
+           font-weight: 600; font-size: 120px; letter-spacing: -2px; }
+  </style>
+  <defs>
+    <linearGradient id="core" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0" stop-color="var(--core)" stop-opacity="0.35"/>
+      <stop offset="0.5" stop-color="var(--core)" stop-opacity="1"/>
+      <stop offset="1" stop-color="var(--core)" stop-opacity="0.55"/>
+    </linearGradient>
+    <radialGradient id="halo" cx="0.5" cy="0.5" r="0.5">
+      <stop offset="0" stop-color="var(--core)" stop-opacity="0.32"/>
+      <stop offset="0.55" stop-color="var(--core)" stop-opacity="0.10"/>
+      <stop offset="1" stop-color="var(--core)" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="hotspot" cx="0.5" cy="0.5" r="0.5">
+      <stop offset="0" stop-color="var(--core)" stop-opacity="0.55"/>
+      <stop offset="1" stop-color="var(--core)" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+  <rect width="720" height="240" fill="var(--ground)"/>
+  <!-- mark scaled 0.42 from the 512 canvas, placed at x=24, centered vertically -->
+  <g transform="translate(24 12) scale(0.42)">
+    <rect x="156" y="106" width="200" height="300" rx="100" fill="var(--surface)" stroke="var(--quiet)" stroke-width="14"/>
+    <ellipse cx="256" cy="256" rx="150" ry="180" fill="url(#halo)"/>
+    <rect x="231" y="193.5" width="50" height="125" rx="25" fill="url(#core)"/>
+    <ellipse cx="256" cy="256" rx="60" ry="75" fill="url(#hotspot)"/>
+  </g>
+  <text x="252" y="163" fill="var(--ink)">Hope</text>
+</svg>