diff --git a/banner.svg b/banner.svg
new file mode 100644
index 0000000..fe8fab0
--- /dev/null
+++ b/banner.svg
@@ -0,0 +1,124 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 240" width="900" height="240" role="img" aria-label="Hi, I'm Quinta — developer and homelab tinkerer" xmlns:c2pa="http://c2pa.org/manifest"><metadata><c2pa:manifest>AAAWgmp1bWIAAAAeanVtZGMycGEAEQAQgAAAqgA4m3EDYzJwYQAAABZcanVtYgAAAEdqdW1kYzJtYQARABCAAACqADibcQN1cm46YzJwYTo5NGU2YzYxOC01OGIyLTRmNWQtOWI1OC1mOWE4MzY4YjYyMGUAAAADl2p1bWIAAAApanVtZGMyYXMAEQAQgAAAqgA4m3EDYzJwYS5hc3NlcnRpb25zAAAAALxqdW1iAAAARGp1bWRjYm9yABEAEIAAAKoAOJtxE2MycGEuaW5ncmVkaWVudC52MwAAAAAYYzJzaBTOzpdO3+DUEAZIfNQ+lvQAAABwY2JvcqNpZGM6Zm9ybWF0bWltYWdlL3N2Zyt4bWxqaW5zdGFuY2VJRHgseG1wOmlpZDo0ZTVhYzU5Zi1hYmJhLTQxMTMtYmUyMS0yY2QzOTIyZjVjODVscmVsYXRpb25zaGlwaHBhcmVudE9mAAAB4mp1bWIAAABBanVtZGNib3IAEQAQgAAAqgA4m3ETYzJwYS5hY3Rpb25zLnYyAAAAABhjMnNoV/GXgZczPyRDriQBXdz8YwAAAZljYm9yomdhY3Rpb25zgqJmYWN0aW9ua2MycGEub3BlbmVkanBhcmFtZXRlcnOha2luZ3JlZGllbnRzgaJjdXJseC1zZWxmI2p1bWJmPWMycGEuYXNzZXJ0aW9ucy9jMnBhLmluZ3JlZGllbnQudjNkaGFzaFggmIHWxs+QIAfx6gSY7cCnSJ5miApNjNr6quni1/bXlzukZmFjdGlvbngdY29tLmFudGhyb3BpYy5jbGF1ZGUucHJvdmlkZWRqcGFyYW1ldGVyc6F4H2NvbS5hbnRocm9waWMub3JpZ2luLWNvbmZpZGVuY2VndW5rbm93bmtkZXNjcmlwdGlvbnhmQ2xhdWRlIHByb3ZpZGVkIHRoaXMgZmlsZSBhdCB0aGUgcmVxdWVzdCBvZiBhIHVzZXIgYW5kIG1heSBoYXZlIGNyZWF0ZWQgb3IgbW9kaWZpZWQgdGhlIGZpbGUgY29udGVudHMubXNvZnR3YXJlQWdlbnShZG5hbWVmQ2xhdWRlcmFsbEFjdGlvbnNJbmNsdWRlZPUAAADIanVtYgAAAEBqdW1kY2JvcgARABCAAACqADibcRNjMnBhLmhhc2guZGF0YQAAAAAYYzJzaDlNQuP1bwWyBnOH3bNBD2YAAACAY2JvcqVjYWxnZnNoYTI1NmNwYWRNAAAAAAAAAAAAAAAAAGRoYXNoWCBIbcZdtO8Si/GjGhZLNQI2pQqOPqGKFXV0ibx4UMgrwGRuYW1lbmp1bWJmIG1hbmlmZXN0amV4Y2x1c2lvbnOBomVzdGFydBjgZmxlbmd0aBkeBAAAAj5qdW1iAAAAJ2p1bWRjMmNsABEAEIAAAKoAOJtxA2MycGEuY2xhaW0udjIAAAACD2Nib3KlY2FsZ2ZzaGEyNTZpc2lnbmF0dXJleE1zZWxmI2p1bWJmPS9jMnBhL3VybjpjMnBhOjk0ZTZjNjE4LTU4YjItNGY1ZC05YjU4LWY5YTgzNjhiNjIwZS9jMnBhLnNpZ25hdHVyZWppbnN0YW5jZUlEeCx4bXA6aWlkOjg2NGZiOGQ0LWU3ZTItNDhlYS1hOTcwLTgyODY4OWQ5NjE3NHJjcmVhdGVkX2Fzc2VydGlvbnODomN1cmx4LXNlbGYjanVtYmY9YzJwYS5hc3NlcnRpb25zL2MycGEuaW5ncmVkaWVudC52M2RoYXNoWCCYgdbGz5AgB/HqBJjtwKdInmaICk2M2vqq6eLX9teXO6JjdXJseCpzZWxmI2p1bWJmPWMycGEuYXNzZXJ0aW9ucy9jMnBhLmFjdGlvbnMudjJkaGFzaFggr0BKV+c3nnB7Lx/PiwN0pDgoCmM4NYQaEA5xXxkdEeWiY3VybHgpc2VsZiNqdW1iZj1jMnBhLmFzc2VydGlvbnMvYzJwYS5oYXNoLmRhdGFkaGFzaFggSXJ3LClWTWRicyhd90PLo1lsTedOyZ1sO3uDRrS6Lu50Y2xhaW1fZ2VuZXJhdG9yX2luZm+jZG5hbWVvQW50aHJvcGljIEZpbGVzZ3ZlcnNpb25lMS4wLjBrc3BlY1ZlcnNpb25lMi40LjAAABA4anVtYgAAAChqdW1kYzJjcwARABCAAACqADibcQNjMnBhLnNpZ25hdHVyZQAAABAIY2JvctKEWQISogEmGCFZAgowggIGMIIBjaADAgECAhRA5aAK7sI50L64g/oGQgU9Z1UTADAKBggqhkjOPQQDAzBJMRcwFQYDVQQKEw5BbnRocm9waWMsIFBCQzEuMCwGA1UEAxMlQW50aHJvcGljIENvbnRlbnQgQ3JlZGVudGlhbHMgUm9vdCBDQTAeFw0yNjA4MDcxODQzNTZaFw0yODA4MDYxOTQzNTZaMEQxFzAVBgNVBAoTDkFudGhyb3BpYywgUEJDMSkwJwYDVQQDEyBBbnRocm9waWMgQ2xhdWRlIENvbnRlbnQgU2lnbmluZzBZMBMGByqGSM49AgEGCCqGSM49AwEHA0IABJh6CmvLUBgFFNU0vUKlOVtE6djd17L5SuwX0LemFisBM3dkd/3cyjxFA3Qo5S46fX0/ihY0VZ7mfb9KF703t5OjWDBWMA4GA1UdDwEB/wQEAwIHgDAVBgNVHSUEDjAMBgorBgEEAYPoXgIBMAwGA1UdEwEB/wQCMAAwHwYDVR0jBBgwFoAUzlHiBIFOZFsj+OPEz5o+nMHXXMIwCgYIKoZIzj0EAwMDZwAwZAIwMXMdFJ4BetLLVY7ORuE9noqbbAZOZn/aArXyTwFAZfKrPzxF2vPoJNf1+UCdg1XGAjBwX1zd9WGqYkqmL5SFqw1QySjr1zJfpJM9+1rdDwSPLMOPOjKuiXjoU/pUUeG9RwmhY3BhZFkNngAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPZYQOWb3rlRaj65fHYDiOxeJj63glHBTZLC+GsIbMxtEj6pk/12NIAktEsdxDseHOMAY0lcvt3kkNqVyAMkOlGtbik=</c2pa:manifest></metadata>
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#231e1a"/>
+      <stop offset="1" stop-color="#15120f"/>
+    </linearGradient>
+    <linearGradient id="strip" x1="0" x2="1">
+      <stop offset="0" stop-color="#d98a5f"/>
+      <stop offset=".35" stop-color="#e3a26f"/>
+      <stop offset=".65" stop-color="#dcbb72"/>
+      <stop offset="1" stop-color="#a8bb7c"/>
+    </linearGradient>
+    <linearGradient id="tea" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0" stop-color="#d98a5f"/>
+      <stop offset="1" stop-color="#a8603f"/>
+    </linearGradient>
+    <radialGradient id="glow" cx=".5" cy=".5" r=".5">
+      <stop offset="0" stop-color="#d98a5f" stop-opacity=".35"/>
+      <stop offset="1" stop-color="#d98a5f" stop-opacity="0"/>
+    </radialGradient>
+    <clipPath id="card"><rect width="900" height="240" rx="18"/></clipPath>
+    <clipPath id="reveal"><rect class="reveal" x="250" y="40" width="0" height="80"/></clipPath>
+    <filter id="blur"><feGaussianBlur stdDeviation="2.2"/></filter>
+    <filter id="grain">
+      <feTurbulence type="fractalNoise" baseFrequency=".9" numOctaves="2" stitchTiles="stitch"/>
+      <feColorMatrix values="0 0 0 0 .9  0 0 0 0 .8  0 0 0 0 .7  0 0 0 .06 0"/>
+    </filter>
+  </defs>
+
+  <style>
+    text { font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
+    .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }
+
+    /* heading types itself out, then the caret keeps blinking */
+    .reveal { animation: type 1.6s steps(15, end) .4s forwards; }
+    @keyframes type { to { width: 372px; } }
+    .caret { animation: caretMove 1.6s steps(15, end) .4s forwards, blink 1s step-end infinite; }
+    @keyframes caretMove { from { transform: translateX(0); } to { transform: translateX(360px); } }
+    @keyframes blink { 50% { opacity: 0; } }
+
+    /* subtitle and chips fade up in sequence */
+    .up { opacity: 0; animation: up .7s cubic-bezier(.2,.7,.3,1) forwards; }
+    .d1 { animation-delay: 2.1s; } .d2 { animation-delay: 2.4s; } .d3 { animation-delay: 2.55s; }
+    .d4 { animation-delay: 2.7s; } .d5 { animation-delay: 2.85s; }
+    @keyframes up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
+
+    /* rising steam */
+    .steam { fill: none; stroke: #e8dccb; stroke-width: 4; stroke-linecap: round; opacity: 0;
+             filter: url(#blur); animation: steam 3.6s ease-in-out infinite; }
+    .s2 { animation-delay: 1.2s; } .s3 { animation-delay: 2.4s; }
+    @keyframes steam {
+      0%   { opacity: 0; transform: translateY(14px) scaleY(.8); }
+      30%  { opacity: .55; }
+      100% { opacity: 0; transform: translateY(-26px) scaleY(1.1); }
+    }
+
+    /* tea surface gently sways, glow breathes */
+    .surface { animation: sway 4s ease-in-out infinite; transform-origin: 140px 132px; }
+    @keyframes sway { 50% { transform: skewX(-4deg) translateX(2px); } }
+    .glow { animation: breathe 5s ease-in-out infinite; transform-origin: 140px 150px; }
+    @keyframes breathe { 50% { opacity: .55; transform: scale(1.08); } }
+
+    /* gradient strip slides along the top */
+    .strip { animation: slide 8s linear infinite; }
+    @keyframes slide { from { transform: translateX(0); } to { transform: translateX(-900px); } }
+
+    /* floating tea leaves */
+    .leaf { fill: #a8bb7c; opacity: .5; animation: float 7s ease-in-out infinite; }
+    .l2 { animation-delay: -2.5s; fill: #dcbb72; } .l3 { animation-delay: -5s; fill: #d98a5f; }
+    @keyframes float { 50% { transform: translateY(-10px) rotate(14deg); } }
+
+    @media (prefers-reduced-motion: reduce) {
+      *, .up, .steam, .caret, .reveal { animation: none !important; }
+      .up { opacity: 1; } .steam { opacity: .35; } .reveal { width: 372px; }
+      .caret { transform: translateX(360px); }
+    }
+  </style>
+
+  <g clip-path="url(#card)">
+    <rect width="900" height="240" fill="url(#bg)"/>
+    <rect width="900" height="240" filter="url(#grain)"/>
+
+    <!-- sliding gradient strip -->
+    <g class="strip">
+      <rect width="900" height="5" fill="url(#strip)"/>
+      <rect x="900" width="900" height="5" fill="url(#strip)"/>
+    </g>
+
+    <!-- floating leaves -->
+    <g class="leaf l1"><path d="M820 60c12-10 28-8 34 2-10 12-26 12-34-2z"/></g>
+    <g class="leaf l2"><path d="M760 190c10-8 22-6 27 2-8 9-20 9-27-2z"/></g>
+    <g class="leaf l3"><path d="M860 150c8-7 18-5 22 2-7 8-16 8-22-2z"/></g>
+
+    <!-- chai cup -->
+    <circle class="glow" cx="140" cy="150" r="90" fill="url(#glow)"/>
+    <path class="steam s1" d="M118 96c-10-14 10-22 0-38"/>
+    <path class="steam s2" d="M140 92c-10-14 10-22 0-38"/>
+    <path class="steam s3" d="M162 96c-10-14 10-22 0-38"/>
+    <path d="M200 142h10a22 22 0 0 1 0 44h-14" fill="none" stroke="#cdbfad" stroke-width="9" stroke-linecap="round"/>
+    <path d="M78 124h124l-10 70a24 24 0 0 1-24 20h-56a24 24 0 0 1-24-20z" fill="#e8dccb"/>
+    <g class="surface"><ellipse cx="140" cy="130" rx="58" ry="9" fill="url(#tea)"/></g>
+    <path d="M86 150h108" stroke="#d98a5f" stroke-width="5" opacity=".35"/>
+    <ellipse cx="140" cy="220" rx="80" ry="7" fill="#000" opacity=".35"/>
+
+    <!-- typed heading -->
+    <g clip-path="url(#reveal)">
+      <text x="250" y="102" font-size="46" font-weight="800" fill="#e8dccb" textLength="352" lengthAdjust="spacingAndGlyphs">Hi, I'm Quinta<tspan fill="#d98a5f">.</tspan></text>
+    </g>
+    <rect class="caret" x="252" y="62" width="4" height="48" rx="2" fill="#d98a5f"/>
+
+    <!-- subtitle -->
+    <text class="up d1 mono" x="252" y="144" font-size="17" fill="#b1a393" textLength="560" lengthAdjust="spacing">
+      <tspan fill="#a8bb7c">$</tspan> developer · homelab tinkerer · self-hosting enthusiast
+    </text>
+
+    <!-- chips -->
+    <g font-size="13" font-weight="600">
+      <g class="up d2"><rect x="252" y="170" width="78" height="28" rx="14" fill="#d98a5f" fill-opacity=".16" stroke="#d98a5f" stroke-opacity=".5"/><text x="291" y="189" text-anchor="middle" fill="#e3a26f">Unraid</text></g>
+      <g class="up d3"><rect x="340" y="170" width="78" height="28" rx="14" fill="#93adc9" fill-opacity=".14" stroke="#93adc9" stroke-opacity=".5"/><text x="379" y="189" text-anchor="middle" fill="#93adc9">Docker</text></g>
+      <g class="up d4"><rect x="428" y="170" width="70" height="28" rx="14" fill="#a8bb7c" fill-opacity=".14" stroke="#a8bb7c" stroke-opacity=".5"/><text x="463" y="189" text-anchor="middle" fill="#a8bb7c">Gitea</text></g>
+      <g class="up d5"><rect x="508" y="170" width="86" height="28" rx="14" fill="#dcbb72" fill-opacity=".14" stroke="#dcbb72" stroke-opacity=".5"/><text x="551" y="189" text-anchor="middle" fill="#dcbb72">Traefik</text></g>
+    </g>
+  </g>
+</svg>