diff --git a/CNAME b/CNAME
deleted file mode 100644
index 12acd8e..0000000
--- a/CNAME
+++ /dev/null
@@ -1 +0,0 @@
-letsenco.de
\ No newline at end of file
diff --git a/README.md b/README.md
index 88c9d95..3bfae07 100644
--- a/README.md
+++ b/README.md
@@ -4,10 +4,12 @@
 
 **Let's Encode!** is a citizen-science project for crowd-based encoding and
 validation of music scores in the [MEI](https://music-encoding.org) (Music
-Encoding Initiative) format. It builds infrastructure around
-[mei-friend](https://mei-friend.mdw.ac.at), a free, browser-based music encoding
-editor, so that anyone can help turn sheet music into rich, machine-readable
-encodings — no specialist training required.
+Encoding Initiative) format. It builds infrastructure spanning a range of free,
+browser-based tools pitched at different levels of technical expertise — from the
+[mei-friend](https://mei-friend.mdw.ac.at) music encoding editor to graphical
+interfaces that need no MEI knowledge at all — so the right person can use the
+right tool for the right task. Anyone can help turn sheet music into rich,
+machine-readable encodings, no specialist training required.
 
 This repository contains the project's landing page, served at
 **[letsenco.de](https://letsenco.de)**.
@@ -15,7 +17,7 @@ This repository contains the project's landing page, served at
 ## About the project
 
 Digital scores are essential to both performance and musicology, but standard
-PDFs and scans can't easily be processed by computers: the musical *semantics*
+PDFs and scans can't easily be processed by computers: the music *semantics*
 stay hidden from machines. Let's Encode! lowers the barrier to encoding that
 meaning by hand, as a crowd:
 
@@ -25,7 +27,7 @@ meaning by hand, as a crowd:
 - **Nothing to install** — the tools run entirely in the browser, on whatever
   device you already have.
 - **User-directed campaigns** — contributors can *start and manage* their own
-  encoding campaigns from the browser, not just take part in someone else's.
+  encoding campaigns from the browser as well as taking part in someone else's.
 
 ### Goals
 
@@ -42,7 +44,7 @@ diverse communities:
 
 - **David M. Weigl** (P.I.) — Department of Music Acoustics – Wiener Klangstil, mdw
 - **Julia Jaklin** (Research Associate) — Department of Music Acoustics – Wiener Klangstil, mdw
-- PhD researcher — starting September 2026
+- PhD researcher — starting Autumn 2026
 - PhD researcher — starting April 2027
 
 **Project partners:** Dagmar Abfalter (Cultural Management & Gender Studies,
diff --git a/assets/hands/measure-blue-dark.svg b/assets/hands/measure-blue-dark.svg
new file mode 100644
index 0000000..42329b5
--- /dev/null
+++ b/assets/hands/measure-blue-dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 296.65646 353.7536" fill-rule="evenodd"><g transform="matrix(0.1,0,0,-0.1,-94.243704,407.97565)"><path fill="#6dc3ff" stroke="#1f2433" stroke-width="70" stroke-linejoin="round" stroke-linecap="round" d="m 1607,4057 c -71,-27 -133,-79 -180,-149 -50,-76 -66,-204 -48,-380 7,-68 19,-133 27,-145 8,-12 14,-32 14,-43 0,-12 5,-31 12,-43 6,-12 15,-35 19,-52 13,-49 38,-116 69,-183 17,-35 30,-71 30,-81 0,-10 7,-24 15,-31 8,-7 15,-19 15,-28 0,-8 6,-23 13,-31 7,-9 24,-41 37,-71 13,-30 39,-89 58,-130 19,-41 38,-84 43,-95 31,-77 51,-122 59,-136 5,-9 21,-52 35,-95 15,-44 31,-83 35,-89 8,-11 40,-104 40,-117 0,-4 -25,5 -56,22 -31,16 -72,32 -92,36 -21,4 -45,11 -56,16 -10,6 -69,17 -130,24 -222,29 -410,-22 -516,-137 -45,-49 -85,-113 -93,-149 -30,-132 -13,-250 45,-312 39,-40 133,-108 151,-108 11,0 59,-13 217,-57 177,-50 306,-107 390,-173 19,-15 43,-31 52,-36 9,-5 50,-41 90,-80 74,-71 195,-164 239,-184 13,-6 52,-26 86,-44 34,-19 100,-46 147,-62 65,-21 87,-32 91,-48 57,-209 116,-271 297,-312 126,-29 345,-3 521,62 20,8 56,21 80,30 181,67 389,223 480,359 63,95 85,219 48,279 -10,17 -22,60 -26,96 -6,54 -13,73 -43,108 l -35,44 17,76 c 25,121 36,213 36,314 0,95 -21,300 -40,397 -5,29 -10,67 -10,83 0,17 -6,44 -13,61 -19,44 -37,95 -48,137 -12,42 -32,94 -69,175 -15,33 -32,72 -38,86 -35,87 -184,279 -251,324 -106,72 -118,76 -246,82 -70,3 -145,0 -180,-6 -33,-7 -64,-12 -70,-12 -5,-1 -55,16 -110,36 -145,53 -238,58 -359,17 l -88,-29 -34,75 c -19,41 -44,102 -55,136 -11,33 -31,85 -45,114 -13,29 -24,55 -24,57 0,7 -38,93 -57,130 -8,17 -27,52 -41,79 -43,81 -133,170 -198,195 -75,28 -178,28 -257,-2 z"/><path fill="#1f2433" d="m 1627,4037 c -70,-27 -133,-79 -179,-149 -50,-75 -66,-191 -48,-350 7,-62 19,-123 26,-135 8,-12 14,-32 14,-43 0,-12 5,-31 12,-43 6,-12 15,-35 19,-52 13,-49 38,-116 69,-183 17,-35 30,-71 30,-81 0,-10 7,-24 15,-31 8,-7 15,-19 15,-28 0,-8 6,-23 13,-31 7,-9 24,-41 37,-71 13,-30 39,-89 58,-130 19,-41 38,-84 43,-95 31,-77 51,-122 59,-136 5,-9 21,-52 35,-95 15,-44 31,-83 35,-89 15,-20 52,-146 46,-160 -6,-17 -40,-8 -109,28 -27,15 -65,29 -85,33 -21,4 -46,11 -56,16 -38,20 -224,36 -299,26 -177,-23 -270,-78 -362,-209 -72,-104 -69,-270 7,-351 39,-40 133,-108 151,-108 11,0 59,-13 217,-57 177,-50 306,-107 390,-173 19,-15 43,-31 52,-36 9,-5 50,-41 90,-80 74,-71 195,-164 239,-184 13,-6 52,-26 86,-44 34,-19 100,-46 147,-62 65,-21 87,-32 91,-48 57,-209 116,-271 297,-312 115,-26 312,0 483,63 22,9 58,22 80,30 180,66 390,225 480,363 28,43 47,86 55,129 12,57 12,67 -5,97 -10,19 -21,34 -24,34 -3,0 -7,30 -8,67 -3,59 -7,70 -38,109 -38,46 -44,80 -25,144 17,58 40,239 40,314 0,77 -23,288 -40,375 -5,29 -10,67 -10,83 0,17 -6,44 -13,61 -19,44 -37,95 -48,137 -12,42 -32,94 -69,175 -15,33 -32,72 -38,86 -35,87 -184,279 -251,324 -117,80 -113,79 -271,79 -121,1 -151,-2 -178,-17 -25,-13 -37,-15 -46,-7 -28,22 -214,81 -276,87 -57,5 -78,1 -168,-30 l -103,-35 -14,22 c -18,28 -95,210 -95,226 0,6 -13,41 -30,77 -16,35 -30,66 -30,69 0,6 -38,94 -57,129 -8,17 -27,52 -41,79 -14,27 -52,77 -84,111 -95,102 -206,129 -331,82 z m 163,-117 c 20,-5 50,-24 66,-42 34,-36 74,-99 74,-116 0,-6 11,-27 25,-47 13,-20 38,-71 54,-113 16,-42 41,-101 55,-129 14,-29 26,-58 26,-64 0,-6 23,-58 50,-116 28,-58 50,-112 50,-121 0,-8 7,-23 15,-32 9,-10 33,-55 53,-101 85,-189 235,-396 281,-387 10,2 17,16 19,40 3,35 -30,110 -101,230 -64,107 -97,175 -95,192 5,30 90,56 185,56 130,0 232,-39 311,-119 54,-54 122,-143 122,-159 0,-13 66,-82 78,-82 21,0 32,39 26,82 -8,48 -35,107 -71,155 -14,18 -23,42 -21,55 3,21 8,23 77,26 84,3 113,-5 188,-56 51,-34 153,-144 153,-164 0,-6 12,-27 28,-47 25,-34 46,-73 77,-146 6,-16 21,-50 32,-75 11,-25 28,-70 38,-100 9,-30 21,-68 27,-85 5,-16 13,-46 17,-66 4,-19 11,-41 15,-47 10,-16 44,-257 52,-361 3,-47 1,-117 -5,-156 -6,-38 -16,-106 -22,-150 -6,-44 -15,-89 -20,-100 -6,-11 -10,-29 -11,-40 -3,-59 96,-191 134,-179 10,3 27,2 38,-1 23,-7 27,-35 5,-35 -8,0 -15,5 -15,10 0,6 -4,10 -8,10 -13,0 -32,-71 -32,-116 -1,-116 -152,-274 -383,-398 -36,-20 -71,-36 -78,-36 -6,0 -33,-10 -58,-21 -72,-34 -80,-36 -179,-58 -163,-36 -290,-24 -370,37 -43,33 -60,67 -86,176 l -21,90 -55,17 c -30,9 -77,22 -105,28 -27,7 -66,20 -85,30 -156,82 -201,113 -325,227 -49,46 -112,98 -139,116 -28,18 -61,41 -75,50 -14,10 -46,29 -71,43 -25,14 -52,29 -60,34 -13,8 -45,18 -215,68 -27,8 -63,20 -80,25 -16,6 -53,14 -80,19 -28,5 -74,20 -102,34 -62,29 -103,90 -103,151 0,55 62,160 117,196 49,34 175,68 247,68 88,0 261,-45 370,-96 41,-19 78,-34 83,-34 12,0 93,-78 119,-115 19,-27 23,-29 47,-18 26,12 27,16 27,87 0,42 -6,95 -14,118 -14,43 -37,123 -55,188 -5,19 -19,60 -31,90 -12,30 -26,69 -32,85 -6,17 -14,35 -18,40 -4,6 -10,24 -14,40 -4,17 -20,57 -35,90 -16,33 -36,80 -46,105 -18,48 -23,58 -115,254 -34,71 -64,142 -67,158 -3,15 -12,33 -19,39 -8,6 -14,19 -14,28 0,9 -6,25 -13,36 -7,11 -24,54 -37,95 -12,41 -29,91 -36,110 -29,81 -39,140 -38,230 1,109 13,144 71,208 55,62 126,84 203,62 z"/></g></svg>
\ No newline at end of file
diff --git a/assets/hands/palm-gold-dark.svg b/assets/hands/palm-gold-dark.svg
new file mode 100644
index 0000000..60cd3f8
--- /dev/null
+++ b/assets/hands/palm-gold-dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 385.10001 198.97023" fill-rule="evenodd"><g transform="matrix(0.1,0,0,-0.1,-135,293.98486)"><path fill="#f1cd6a" stroke="#1f2433" stroke-width="70" stroke-linejoin="round" stroke-linecap="round" d="m 4170,2923 c -19,-9 -51,-23 -70,-32 -39,-18 -104,-66 -167,-125 -23,-21 -55,-49 -70,-62 -16,-12 -44,-37 -63,-54 -19,-17 -59,-47 -88,-67 l -54,-35 -196,5 c -122,3 -218,11 -252,20 -68,17 -203,71 -250,99 -83,48 -269,88 -416,88 -304,0 -567,-119 -725,-329 -27,-35 -49,-70 -49,-77 0,-19 -25,-29 -100,-43 -54,-11 -77,-22 -139,-69 -121,-92 -181,-210 -181,-355 0,-88 17,-162 61,-255 16,-35 29,-67 29,-72 0,-10 74,-119 138,-205 60,-79 150,-169 237,-236 39,-29 72,-56 75,-60 10,-12 152,-79 169,-79 9,0 22,-5 29,-12 7,-7 57,-14 130,-16 116,-4 120,-4 180,26 92,46 130,79 179,155 l 44,69 42,-8 c 59,-11 516,-7 607,5 41,5 109,17 150,26 41,9 93,20 115,24 77,16 180,44 212,58 17,7 38,13 46,13 9,0 18,4 21,9 3,4 20,11 38,15 18,3 47,12 63,20 111,52 165,76 171,76 8,0 229,112 284,144 25,14 54,30 65,36 50,27 248,162 371,254 220,166 286,231 359,354 l 36,60 -3,162 -3,162 -45,40 c -25,21 -64,47 -87,58 -32,14 -48,30 -66,67 -48,94 -124,141 -240,150 -76,6 -185,-9 -241,-32 -30,-13 -44,-9 -128,36 -29,15 -179,10 -218,-8 z"/><path fill="#1f2433" d="m 4190,2903 c -19,-9 -51,-23 -70,-32 -39,-18 -104,-66 -167,-125 -23,-21 -55,-49 -70,-62 -16,-12 -44,-37 -63,-54 -19,-17 -59,-47 -88,-67 l -54,-35 -216,5 c -142,3 -236,10 -272,20 -68,18 -203,71 -250,99 -42,25 -96,42 -215,68 -190,42 -414,14 -602,-77 -82,-40 -107,-57 -201,-138 -42,-35 -132,-153 -132,-171 0,-19 -25,-29 -100,-43 -124,-24 -254,-150 -303,-295 -33,-95 -18,-212 44,-344 16,-35 29,-67 29,-72 0,-10 74,-119 138,-205 60,-79 150,-169 237,-236 39,-29 72,-56 75,-60 10,-12 152,-79 169,-79 9,0 22,-5 28,-11 7,-7 56,-14 111,-17 94,-4 101,-3 160,26 92,46 130,79 179,155 l 44,69 82,-8 c 107,-10 471,-7 567,5 41,5 109,17 150,26 41,9 93,20 115,24 77,16 180,44 212,58 17,7 38,13 46,13 9,0 18,4 21,9 3,4 20,11 38,15 18,3 47,12 63,20 111,52 165,76 171,76 8,0 229,112 284,144 25,14 54,30 65,36 50,27 248,162 371,254 229,172 292,236 370,374 43,75 44,78 44,169 0,74 -4,100 -21,133 -23,44 -83,96 -141,122 -27,12 -44,30 -62,65 -75,147 -236,189 -448,115 -45,-16 -48,-15 -95,7 -26,12 -56,26 -65,32 -27,14 -139,9 -178,-8 z m 149,-112 c 19,-12 5,-33 -54,-78 -28,-21 -63,-49 -79,-63 -159,-136 -260,-210 -286,-210 -21,0 -69,43 -62,55 7,12 179,166 251,225 23,19 54,40 69,45 15,6 36,16 47,22 23,14 94,17 114,4 z m 426,-11 c 3,-5 15,-10 26,-10 19,0 59,-33 59,-49 0,-9 -82,-41 -105,-41 -30,0 -213,-112 -350,-214 -179,-134 -187,-139 -292,-192 -90,-46 -96,-45 -108,17 -7,36 7,79 24,79 18,0 181,119 275,201 115,100 212,163 301,195 63,23 160,31 170,14 z M 2745,2593 c 39,-8 95,-28 125,-44 30,-16 58,-29 63,-29 4,0 31,-12 60,-26 122,-60 189,-71 508,-83 119,-5 225,-14 235,-20 11,-5 36,-18 58,-27 21,-10 51,-35 67,-57 24,-33 29,-50 29,-99 0,-71 -18,-114 -68,-159 -96,-87 -210,-105 -543,-85 -213,13 -339,-8 -406,-68 -25,-21 -30,-50 -10,-63 14,-9 47,-5 62,7 21,17 187,22 395,11 235,-13 371,-5 450,26 86,34 146,75 181,125 19,26 42,59 52,72 9,13 63,47 120,76 108,54 117,59 185,103 24,15 47,27 52,27 5,0 13,6 17,14 8,14 208,166 219,166 3,0 20,11 37,24 18,13 65,41 106,61 65,33 87,38 163,43 l 88,5 45,-45 c 42,-43 45,-49 45,-99 -1,-56 -22,-112 -70,-179 -33,-46 -177,-183 -254,-242 -34,-25 -68,-53 -75,-62 -7,-9 -19,-16 -26,-16 -7,0 -18,-6 -24,-14 -10,-12 -145,-106 -202,-141 -241,-146 -472,-262 -634,-315 -38,-13 -79,-27 -90,-31 -64,-27 -150,-48 -370,-93 -238,-49 -574,-50 -765,-1 -30,8 -95,24 -145,35 -49,12 -99,25 -110,29 -53,23 -113,41 -133,41 -16,0 -22,-6 -22,-22 1,-48 92,-115 201,-147 41,-13 80,-24 87,-26 23,-8 12,-52 -22,-87 -57,-59 -109,-80 -195,-79 -170,0 -345,119 -549,371 -111,138 -175,271 -188,392 -10,87 16,148 96,229 70,70 124,99 134,72 3,-8 1,-23 -5,-34 -33,-62 11,-250 71,-304 38,-34 45,-9 41,148 -2,124 0,152 19,209 28,89 66,143 159,230 116,108 261,177 426,202 52,8 237,-5 310,-21 z"/></g></svg>
\ No newline at end of file
diff --git a/assets/hands/wave-pink-dark.svg b/assets/hands/wave-pink-dark.svg
new file mode 100644
index 0000000..067d63f
--- /dev/null
+++ b/assets/hands/wave-pink-dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 354.5 355.85086" fill-rule="evenodd"><g transform="matrix(0.1,0,0,-0.1,-171.5,368)"><path fill="#f4cdde" stroke="#1f2433" stroke-width="70" stroke-linejoin="round" stroke-linecap="round" d="m 3040,3644 c -71,-46 -80,-57 -124,-139 -35,-67 -36,-70 -36,-181 0,-103 3,-124 34,-217 19,-57 55,-146 80,-198 24,-52 47,-101 50,-109 3,-8 13,-26 22,-40 21,-31 -69,60 -161,164 -152,171 -331,309 -437,335 -61,15 -172,14 -224,-2 -55,-16 -137,-81 -164,-129 -12,-22 -28,-65 -36,-96 -44,-185 33,-384 233,-603 43,-47 112,-123 153,-169 41,-46 82,-91 90,-100 45,-48 43,-53 -10,-22 -30,18 -84,46 -120,63 -36,17 -72,35 -80,40 -8,5 -19,11 -25,13 -5,1 -26,9 -45,15 -73,27 -126,33 -234,29 -119,-4 -153,-17 -219,-77 -64,-59 -72,-83 -72,-231 v -135 l 37,-60 c 56,-91 206,-240 287,-286 23,-12 41,-26 41,-30 0,-4 21,-20 48,-35 26,-15 49,-31 52,-34 3,-4 37,-25 75,-45 39,-21 77,-43 85,-51 8,-7 26,-17 40,-23 14,-6 34,-17 45,-23 11,-7 51,-33 90,-57 137,-87 191,-138 293,-274 106,-142 185,-227 272,-298 30,-24 61,-50 68,-56 7,-7 18,-13 23,-13 5,0 45,-21 88,-46 74,-43 135,-64 244,-84 79,-15 82,-17 120,-99 27,-56 52,-92 88,-125 28,-25 55,-46 61,-46 7,0 19,-6 27,-13 43,-37 283,-48 396,-19 71,18 209,75 253,104 24,16 62,38 83,49 101,51 304,232 406,361 17,20 43,65 60,100 66,134 68,144 67,273 0,146 -17,189 -107,279 l -59,60 8,45 c 5,25 9,132 10,236 1,251 11,311 63,412 23,45 60,105 81,134 21,30 52,72 69,95 16,23 46,74 67,115 20,41 43,86 50,101 9,16 14,60 14,116 0,98 -23,168 -74,230 -57,67 -163,102 -308,102 -172,0 -276,-46 -394,-173 -54,-58 -124,-156 -124,-174 0,-4 -16,-48 -36,-98 -20,-49 -40,-102 -46,-117 -6,-16 -14,-28 -17,-28 -21,0 -221,250 -221,276 0,4 -9,17 -19,28 -20,22 -56,86 -159,286 -33,63 -74,142 -92,175 -18,33 -47,87 -64,120 -17,33 -45,82 -63,110 -18,27 -33,54 -33,60 0,6 -38,52 -84,101 -67,72 -100,98 -158,127 -70,35 -78,37 -173,37 -98,0 -102,-1 -155,-36 z"/><path fill="#1f2433" d="m 3060,3624 c -71,-46 -80,-57 -124,-139 -34,-64 -36,-73 -36,-161 0,-80 5,-109 34,-197 28,-86 102,-254 137,-317 5,-8 26,-47 46,-87 36,-70 39,-94 11,-76 -16,9 -144,145 -243,257 -96,109 -240,235 -322,283 -145,85 -278,85 -390,-1 -90,-68 -138,-201 -114,-314 34,-159 92,-259 261,-447 144,-161 140,-156 230,-255 118,-130 119,-144 2,-84 -42,22 -115,60 -162,84 -47,24 -92,47 -100,52 -8,4 -19,10 -25,12 -5,1 -26,9 -45,15 -74,27 -118,33 -210,29 -101,-5 -140,-20 -203,-77 -62,-57 -72,-86 -72,-211 v -115 l 37,-60 c 56,-91 206,-240 287,-286 23,-12 41,-26 41,-30 0,-4 21,-20 48,-35 26,-15 49,-31 52,-34 3,-4 37,-25 75,-45 39,-21 77,-43 85,-51 8,-7 26,-17 40,-23 14,-6 34,-17 45,-23 11,-7 51,-33 90,-57 137,-87 191,-138 293,-274 106,-142 185,-227 272,-298 30,-24 61,-50 68,-56 7,-7 18,-13 23,-13 5,0 45,-21 88,-46 74,-43 135,-64 244,-84 79,-15 82,-17 120,-99 27,-56 52,-92 88,-125 28,-25 55,-46 61,-46 7,0 19,-6 27,-13 43,-37 244,-47 356,-19 70,18 208,74 253,104 24,16 62,38 83,49 101,51 304,232 406,361 17,20 43,65 60,100 64,131 68,146 67,253 -1,124 -21,173 -107,259 l -59,60 8,66 c 4,36 9,151 9,255 2,248 11,311 64,412 23,45 60,105 81,134 21,30 52,72 69,95 16,23 46,74 67,115 20,41 43,86 50,101 8,14 14,57 14,96 0,108 -57,218 -133,257 -77,40 -140,55 -229,55 -151,0 -261,-51 -374,-173 -54,-58 -124,-156 -124,-174 0,-7 -51,-139 -87,-225 -9,-21 -20,-38 -25,-38 -27,0 -248,263 -248,296 0,4 -9,17 -19,28 -20,22 -56,86 -159,286 -33,63 -74,142 -92,175 -18,33 -47,87 -64,120 -17,33 -45,82 -63,110 -18,27 -33,54 -33,60 0,6 -38,52 -84,101 -67,72 -100,98 -158,127 -66,33 -81,37 -153,37 -75,0 -84,-2 -135,-36 z m 252,-133 c 57,-39 117,-103 165,-176 88,-133 104,-161 110,-185 3,-14 16,-38 28,-55 12,-16 34,-57 49,-90 15,-33 31,-67 36,-75 6,-8 23,-42 40,-75 81,-161 211,-372 240,-390 5,-3 25,-29 45,-58 19,-29 60,-77 90,-107 30,-30 55,-60 55,-67 0,-7 -25,-28 -56,-48 -136,-88 -237,-221 -273,-364 -45,-181 -14,-445 49,-411 15,8 19,29 25,137 7,132 27,220 68,298 37,72 98,154 140,191 36,30 184,109 238,127 18,6 45,76 58,153 26,143 107,299 203,390 83,79 145,107 250,112 75,4 93,1 133,-18 25,-12 58,-38 73,-58 23,-30 27,-45 27,-97 0,-79 -32,-141 -184,-355 -63,-89 -102,-169 -129,-265 -24,-85 -25,-102 -24,-305 2,-261 -10,-335 -81,-490 -11,-25 -23,-47 -27,-50 -4,-3 -15,-23 -25,-44 -10,-21 -36,-62 -57,-90 -43,-57 -43,-56 -24,-81 12,-16 17,-17 43,-6 42,17 131,106 180,179 23,35 43,68 45,74 7,21 43,-9 66,-55 25,-49 30,-162 12,-229 -36,-128 -291,-393 -485,-503 -86,-49 -139,-75 -153,-75 -8,0 -26,-6 -40,-14 -92,-46 -244,-61 -317,-30 -79,33 -144,94 -145,135 0,24 5,26 68,37 131,23 178,38 229,72 103,70 81,127 -33,86 -22,-7 -61,-16 -89,-20 -27,-4 -89,-14 -138,-23 -73,-13 -98,-14 -155,-4 -37,7 -91,17 -119,22 -68,12 -119,33 -228,94 -69,38 -113,73 -189,150 -54,54 -110,117 -125,140 -14,22 -31,45 -38,50 -6,6 -22,26 -35,45 -43,65 -103,131 -157,173 -54,42 -82,60 -207,131 -38,21 -91,53 -119,71 -43,27 -78,49 -163,100 -40,24 -78,51 -97,68 -11,11 -36,29 -55,42 -63,40 -188,170 -224,232 -29,50 -36,71 -36,116 0,50 3,57 42,95 69,68 176,78 293,27 120,-53 278,-134 365,-187 19,-12 60,-35 90,-50 30,-16 69,-37 85,-48 17,-10 47,-24 68,-30 31,-9 37,-15 37,-38 0,-15 -6,-36 -13,-47 -8,-11 -19,-42 -26,-69 -10,-42 -10,-51 4,-67 10,-10 23,-15 31,-12 14,5 74,87 74,101 0,13 75,118 144,202 81,97 222,237 281,278 22,15 42,29 45,32 4,5 73,49 135,87 11,7 53,29 93,49 83,42 95,54 90,86 -2,19 -10,24 -41,26 -24,2 -45,-2 -55,-11 -24,-21 -107,-57 -130,-57 -13,0 -31,20 -56,61 -20,33 -36,62 -36,65 0,2 -27,61 -61,132 -33,70 -81,170 -106,222 -25,52 -49,102 -53,110 -45,78 -72,138 -84,182 -8,29 -19,66 -25,81 -6,16 -11,55 -11,88 0,96 44,174 120,211 31,16 118,-1 162,-31 z m -855,-393 c 118,-66 250,-188 503,-468 52,-57 148,-158 212,-224 136,-138 135,-124 16,-202 -67,-45 -201,-179 -221,-221 -15,-32 -47,-40 -66,-16 -9,11 -43,53 -75,94 -33,41 -108,124 -168,184 -59,61 -118,125 -130,141 -13,17 -51,62 -84,100 -166,186 -222,267 -248,356 -35,122 -11,196 83,260 38,26 127,24 178,-4 z"/></g></svg>
\ No newline at end of file
diff --git a/assets/logo-dark.svg b/assets/logo-dark.svg
new file mode 100644
index 0000000..7a3152b
--- /dev/null
+++ b/assets/logo-dark.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="141.11163mm" height="40.581127mm" viewBox="0 0 141.11163 40.581127" version="1.1" id="logo-dark" inkscape:version="1.4 (e7c3feb1, 2024-10-09)" sodipodi:docname="lets-encode.svg">
+  <style type="text/css"><![CDATA[
+    /* Dark-mode wordmark: the letters, apostrophe and note are black ink in the
+       source; recolour them to cream so they read on a dark bar. The coloured
+       gloves (and their outlines) are left as-is. This file is only ever shown
+       in dark mode, so the recolour is unconditional. */
+    [id^="text"] { fill: #e9e2d3 !important; stroke: #e9e2d3 !important; }
+    #note path, #note circle { fill: #e9e2d3 !important; stroke: #e9e2d3 !important; }
+  ]]></style>
+
+  <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" transform="translate(-73.818741,-93.662498)">
+    <g class="blue-hand" id="blue-hand"><g id="g31" transform="matrix(0.49406185,0.48471606,-0.48471606,0.49406185,301.88844,151.90373)">
+      <path style="fill:#6dc3ff;fill-opacity:1;stroke:#0000ff;stroke-width:0.329372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:fill markers stroke" d="m -617.54269,222.38588 c -4.28784,0.25411 -7.18007,3.96084 -10.3468,6.39653 -8.60674,7.58765 -20.51045,9.76613 -29.28604,17.07396 -5.32159,4.75696 -8.95052,11.13235 -11.7936,17.6044 -0.48805,1.70716 -0.51818,0.65441 -0.3916,-0.48285 0.12762,-2.94514 1.51344,-5.75934 2.00735,-8.70989 -0.18897,-2.44295 -3.3562,-2.23168 -4.93091,-1.29755 -6.2653,2.93112 -9.55507,9.87912 -9.98558,16.52953 -0.68964,8.75181 -0.26574,18.35777 5.01248,25.75301 2.22445,3.05257 6.3245,5.13626 10.07933,4.04741 1.68932,-1.23407 0.11813,-3.49118 -0.16157,-5.06715 -0.64618,-1.89207 -1.38539,-4.13019 -1.41682,-6.08032 2.8819,5.76458 5.92774,11.99025 11.78971,15.28294 6.36848,3.65268 13.34732,7.06016 20.87988,6.82754 6.00132,-0.0657 12.13749,0.13071 17.99837,-1.34004 6.28708,-1.89967 12.52492,-6.57516 13.83277,-13.34031 0.37704,-1.86029 0.32746,-4.93853 -2.17808,-5.13857 -0.57106,-0.1536 -1.93147,0.36945 -1.98009,-0.0738 2.39035,-1.9681 5.57023,-2.93903 7.47325,-5.53118 3.05192,-3.67616 3.74673,-8.97825 2.57638,-13.50427 -0.7482,-2.58326 -3.30926,-4.09439 -5.91018,-4.08612 -1.03701,-0.11171 -2.09839,-0.27579 -3.04047,-0.74835 12.05731,-1.4497 24.2711,-0.88068 36.2945,-2.64673 4.0563,-0.57551 8.36862,-2.48485 9.96338,-6.54391 1.87779,-4.19658 -1.35414,-8.86887 -5.29686,-10.39571 -4.58395,-1.84977 -9.68841,-1.03204 -14.50329,-1.20462 -15.07836,0.16239 -30.20292,0.69007 -45.24638,-0.0339 -1.10827,-0.0932 -2.20899,-0.32225 -3.25891,-0.68991 4.19071,-0.54497 8.51719,-0.0387 12.64983,-0.97982 3.8182,-1.89226 4.96507,-6.62259 5.38991,-10.51543 0.41177,-3.63193 -0.15357,-7.78254 -3.25664,-10.14891 -0.7804,-0.78377 -1.8896,-1.03644 -2.96332,-0.956 z" id="path31" transform="matrix(0.26458333,0,0,0.26458333,-28.491819,30.034714)"/>
+      <path d="m -199.1306,112.5733 c -1.68676,-0.47376 -3.4261,-1.32464 -4.24799,-2.07811 -0.44998,-0.41253 -0.97568,-0.565 -2.00586,-0.58178 -1.7565,-0.0286 -2.80071,-0.72567 -3.58429,-2.39266 -1.16438,-2.4771 -1.14402,-7.05153 0.0408,-9.17174 0.82277,-1.47229 1.82001,-2.15327 3.23576,-2.20959 0.98414,-0.0392 1.30026,-0.19843 2.01947,-1.01757 0.56158,-0.6396 1.71955,-1.37727 3.39184,-2.16074 3.70503,-1.7358 4.00935,-1.91615 5.31728,-3.15125 2.07075,-1.95545 3.16387,-2.18996 4.52774,-0.97135 1.04221,0.93122 1.32328,2.80154 0.65967,4.38977 -0.2337,0.55932 -0.42491,1.07711 -0.42491,1.15064 0,0.0735 2.48607,0.0471 5.5246,-0.0587 5.23203,-0.18219 5.58981,-0.16353 6.75581,0.35225 1.55832,0.68931 2.16944,1.89137 1.75122,3.44454 -0.52668,1.95593 -1.51799,2.39314 -6.18562,2.72807 -2.05973,0.1478 -3.7727,0.29423 -3.80659,0.32538 -0.0339,0.0312 0.0447,0.42723 0.17456,0.88015 0.30827,1.07489 -0.0852,2.79873 -0.88235,3.86531 -0.39905,0.53395 -0.66663,1.32642 -0.74633,2.2103 -0.16398,1.81881 -1.07736,2.99956 -3.04646,3.93823 -1.30229,0.62081 -1.92614,0.73866 -4.30134,0.81253 -1.88418,0.0586 -3.22504,-0.0391 -4.16702,-0.30368 z m 8.03416,-1.48053 c 1.45346,-0.7206 2.48286,-2.05131 2.48286,-3.20959 0,-0.63916 -0.0977,-0.75708 -0.57072,-0.68848 -0.95878,0.13907 -0.86682,-0.55778 0.1285,-0.97365 1.2852,-0.537 2.07368,-1.73132 2.09549,-3.1741 0.0208,-1.37659 -0.39361,-1.98563 -1.35494,-1.99123 -0.83716,-0.005 -1.48331,-0.37072 -1.26853,-0.71824 0.0858,-0.13875 2.35443,-0.3254 5.04151,-0.41477 5.28518,-0.17578 6.40189,-0.42633 7.17778,-1.61048 0.61669,-0.9412 0.22924,-2.01149 -0.94609,-2.61349 -0.82675,-0.42346 -1.51734,-0.4502 -7.52487,-0.29141 -7.14214,0.18879 -9.65729,0.0366 -9.65729,-0.5843 0,-0.29329 0.43725,-0.37784 1.95394,-0.37784 1.83462,0 1.98276,-0.044 2.42572,-0.72001 0.67794,-1.03468 0.82292,-3.07378 0.27769,-3.9059 -0.69687,-1.06355 -1.60824,-0.87369 -3.24735,0.67651 -0.89272,0.8443 -2.17826,1.68493 -3.46516,2.26591 -3.2222,1.45469 -3.7526,1.75392 -4.91895,2.77507 -0.96901,0.84837 -2.50134,3.36949 -2.95482,4.86155 -0.14858,0.48884 -0.18049,0.49415 -0.41878,0.0697 -0.23474,-0.41812 -0.0379,-1.67621 0.46878,-2.99667 0.24101,-0.62805 -0.84504,-0.45047 -1.71333,0.28015 -1.1606,0.97658 -1.69927,2.55329 -1.71778,5.02807 -0.0266,3.56174 1.3163,6.2177 3.14387,6.2177 0.35264,0 0.63936,-0.0298 0.63717,-0.0661 -0.002,-0.0364 -0.17556,-0.5424 -0.38526,-1.12448 -0.42775,-1.18732 -0.51573,-2.24896 -0.18638,-2.24896 0.11997,0 0.54707,0.71253 0.94913,1.58341 0.85111,1.84356 1.79367,2.72276 3.99301,3.72458 2.09622,0.95484 2.44672,1.01348 5.58644,0.93462 2.21233,-0.0556 2.90103,-0.17836 3.96836,-0.70753 z" style="fill:#000000" id="path1"/>
+    </g>
+    </g><path d="m 88.23657,127.20017 q 0.13709,0.27418 0.13709,0.61691 0,0.57121 -0.36558,1.09672 -0.34273,0.52552 -0.82254,0.7083 -0.45697,0.15995 -1.32522,0.15995 -0.86824,0 -1.25666,0.11424 -0.38843,0.11424 -0.89109,0.7083 -0.43412,0.47981 -1.508,0.63975 -0.6626,0.0914 -1.34805,-0.45697 -0.68545,-0.54836 -0.93678,-1.34805 -0.0457,-0.15994 -0.0457,-0.29703 0,-0.29703 0.31989,-0.66261 0.34273,-0.36557 0.31988,-0.63975 l -0.95964,-13.84616 q 0,-0.0914 -0.25133,-0.41127 -0.22848,-0.34273 -0.22848,-0.57121 0,-0.31988 0.34272,-0.61691 0.47982,-0.43412 1.37091,-0.43412 0.754,0 1.43945,0.31988 0.7083,0.31988 0.89109,0.754 0.11424,0.25133 0.11424,0.43412 0,0.20563 -0.20564,0.41127 -0.20563,0.20563 -0.18278,0.38842 l 0.82254,12.61234 1.37091,-0.54836 q 0.43412,-0.20563 0.86824,-0.38842 0.45696,-0.20564 0.75399,-0.20564 0.82255,0 1.57655,1.4623 z" id="text17-6-0-7" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="L"/>
+    <path d="m 97.47875,128.31974 q -0.18279,0.86824 -1.23381,1.85073 -0.15994,0.25133 -1.25666,0.6626 -1.25666,0.47982 -2.1706,0.41127 -1.71363,-0.11424 -2.69612,-1.96496 -0.89108,-1.71363 -0.89108,-4.20411 0,-2.69612 1.00532,-4.72963 1.11959,-2.23915 2.99315,-2.51333 0.36557,-0.0457 0.7083,-0.0457 2.71896,0 2.99314,3.33588 0.13709,1.53085 -1.21096,3.33587 -1.46229,1.98781 -3.74714,2.78751 0.25133,0.91394 0.38842,1.18812 0.31988,0.57121 0.86824,0.57121 0.52551,0 1.11957,-0.41128 0.50267,-0.34272 0.68546,-0.6626 0.0914,-0.0457 0.18279,-0.50266 0.0914,-0.47982 0.47981,-0.68546 0.13709,-0.0685 0.31988,-0.0685 0.54836,0 1.05102,0.54836 0.52551,0.52551 0.41127,1.09672 z m -3.5872,-8.04265 q -0.91393,0 -1.48514,1.30237 -0.75399,1.73648 -0.6169,3.42726 1.07387,-0.34272 1.9878,-1.59939 0.91395,-1.25666 0.91395,-2.23914 0,-0.8911 -0.79971,-0.8911 z" id="text16-4-1-6" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="e"/>
+    <path d="m 106.43532,120.34564 q -0.1828,0 -0.57122,-0.1371 -0.38841,-0.15994 -0.59406,-0.15994 -0.15994,0 -0.31988,0.0685 l -0.84539,0.43413 v 7.81416 q 0,0.43412 0.45697,1.11957 0.47982,0.68546 0.38842,1.09673 -0.11424,0.50266 -0.68545,0.79969 -0.54836,0.29703 -1.18812,0.29703 -1.21096,0 -1.66793,-1.07387 -0.13709,-0.31988 -0.15994,-2.03351 -0.0228,-1.14242 0.0228,-3.56436 0.0457,-2.74181 0.0457,-3.47296 -0.13709,0.0457 -0.45697,0.31988 -0.31988,0.25133 -0.63975,0.25133 -0.25134,0 -0.63976,-0.13709 -1.59938,-0.54836 -1.59938,-1.11957 0,-0.13709 0.0685,-0.29703 0.15994,-0.36559 0.59405,-0.41128 0.66261,-0.0914 0.7997,-0.15994 0.52551,-0.20564 1.91927,-0.98248 v -1.98782 q 0,-0.22848 -0.1371,-0.59405 -0.11424,-0.38843 -0.11424,-0.57122 0,-0.20563 0.11424,-0.38842 0.59406,-0.91394 1.59939,-0.91394 1.16527,0 1.64509,0.91394 0.18279,0.36558 0.18279,0.59406 0,0.27418 -0.27418,0.57121 -0.27418,0.29703 -0.27418,0.54836 v 1.11958 q 0.41127,-0.18279 0.91393,-0.61691 0.38843,-0.31988 0.66261,-0.31988 0.11424,0 0.25133,0.0457 1.43945,0.38842 1.43945,1.73648 0,0.43412 -0.27418,0.82254 -0.25133,0.38843 -0.6626,0.38843 z" id="text15-7-4-1" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="t"/>
+    <g class="apostrophe" id="apostrophe"><path d="m 108.95576,112.48794 -0.10732,1.60969 q -0.0179,0.16097 0.0358,0.41136 0.0537,0.2504 0.0537,0.33983 0,0.60811 -0.69754,0.60811 -0.37559,0 -0.75119,-0.23252 -0.37559,-0.25039 -0.46502,-0.59022 -0.0358,-0.17885 0.0358,-0.44713 0.0715,-0.26828 0.0715,-0.41136 v -1.39507 l -0.21462,-0.8585 q 0.26828,-0.48291 0.96581,-0.48291 0.84062,0 1.07313,0.59022 0.0537,0.1252 0,0.8585 z" id="text14-7-4-2" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.324768;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="'"/>
+    </g><path d="m 117.12158,127.65714 q 0,1.59939 -1.14243,2.74181 -1.14241,1.11958 -2.6961,1.11958 -0.9825,0 -2.03352,-0.93679 -0.82254,-0.754 -1.48514,-1.85072 -0.57122,-0.95964 -0.50268,-1.21097 0.25133,-0.57121 1.57655,-0.57121 0.54836,0 0.86823,0.15994 0.54837,0.29703 0.61691,0.754 0.0686,0.52551 0.22848,0.6626 0.47982,0.73115 0.86825,0.73115 0.29702,0 0.54836,-0.38842 0.27418,-0.41128 0.27418,-0.95964 0,-0.34272 -0.11424,-0.68545 -0.11425,-0.34273 -1.23382,-1.05103 -1.34806,-0.84539 -1.91927,-1.48515 -0.98248,-1.09672 -0.98248,-2.55902 0,-1.71363 1.00533,-2.99315 1.00533,-1.30236 2.55903,-1.30236 1.59939,0 2.44478,1.21096 0.68545,0.98249 0.57121,1.98783 0.25133,0.27418 0.25133,0.91393 0,0.68546 -0.50267,1.16527 -0.50266,0.47982 -1.02817,0.47982 -0.77685,0 -1.34806,-1.02818 -0.15994,-0.27418 -0.15994,-0.73115 0,-0.20563 0.0228,-0.57121 0.0457,-0.38842 0.0457,-0.54836 0,-0.59407 -0.43412,-0.59407 -0.66261,0 -0.66261,1.30237 0,1.32521 0.86825,2.1249 0.34272,0.31988 1.48514,0.91394 0.98248,0.50267 1.39375,1.02818 0.61691,0.79969 0.61691,2.1706 z" id="text13-6-8-6" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="s"/>
+    <path d="m 131.25165,114.67923 q -0.52551,0.43411 -1.34805,0.43411 -0.34272,0 -0.79969,-0.0685 -0.6626,0.20564 -1.18813,0.41127 -1.2795,0.47982 -1.69077,0.82254 -0.13709,2.37624 0,5.43794 0.13709,-0.0914 0.68545,-0.18279 0.27418,-0.47981 0.93678,-0.47981 0.6626,0 1.53085,0.63975 0.89109,0.63976 0.89109,1.25666 0,0.15994 -0.0686,0.31988 -0.27418,0.68546 -0.84539,0.86824 -0.34274,0.11425 -1.00534,0.0685 -0.6626,-0.0685 -0.84539,0.0228 -0.52551,0.25133 -1.27952,0.59406 0,2.05636 0.13711,2.65041 0.95963,-0.22848 1.59938,-0.54836 0.11424,-0.15994 0.22848,-0.29703 0.22848,-0.25133 0.82254,-0.20563 0.63977,0.0457 1.32522,0.73115 0.68545,0.68545 0.68545,1.39375 0,0.61691 -0.52551,0.91394 -0.52551,0.29703 -1.75934,0.20563 l -2.14774,1.07388 q -0.13709,0.0685 -0.59406,0.45697 -0.34274,0.29703 -0.61692,0.29703 -0.0914,0 -0.20562,-0.0228 -1.21098,-0.36558 -2.19346,-1.89642 -0.0686,-0.11424 -0.0686,-0.27418 0,-0.0686 0.25133,-0.91394 -0.25133,-6.64889 -0.0914,-14.16603 -0.15994,-0.22849 -0.15994,-0.45697 0,-0.754 1.39375,-0.95964 0.29704,-0.0457 0.754,0.15994 0.29703,0.15994 0.57122,0.29703 l 2.74181,-0.86824 q 0.0914,-0.0228 0.52551,-0.27418 0.29703,-0.18279 0.68545,-0.18279 0.18279,0 0.43412,0.0457 0.50267,0.0914 0.98248,0.79969 0.50267,0.68546 0.50267,1.30236 0,0.38843 -0.25133,0.59407 z" id="text12-7-7-9" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="E"/>
+    <path d="m 142.67588,129.25653 q -0.0457,0.50266 -0.6626,0.86824 -0.6169,0.34273 -1.3709,0.34273 -1.11959,0 -1.53085,-0.70831 0.18279,-7.03731 -0.41127,-7.1287 -0.57121,-0.0914 -2.78751,6.30616 0,0.68545 0,1.37091 -0.0228,0.82254 -0.45697,1.16527 -0.41127,0.34272 -0.89108,0.34272 -0.82256,0 -1.75934,-0.89108 -0.27418,-0.22849 -0.29703,-3.47297 0.0228,1.98782 0.0228,-7.38005 0,-0.20563 -0.0457,-0.54836 -0.0457,-0.36558 -0.0457,-0.52551 0,-0.43412 0.22848,-0.754 0.27418,-0.41127 0.86824,-0.41127 0.61691,0 1.27951,0.38842 0.68546,0.36557 0.82255,0.7083 0.0914,0.22848 0.0914,0.45697 0,0.22848 -0.18279,0.63976 -0.18279,0.41128 -0.18279,0.68546 v 3.15308 q 1.43945,-3.06169 2.17061,-4.04418 1.30235,-1.69078 2.94744,-1.57654 0.98248,0.0685 1.39376,1.82787 0.31987,1.32522 0.34272,3.92994 0,2.05636 0,4.11272 0.0457,0.15994 0.31988,0.57121 0.15994,0.22848 0.13709,0.57121 z" id="text11-0-1-2" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="n"/>
+    <path d="m 151.72386,126.92599 q -0.0228,0.50267 -0.43411,1.02818 -0.63976,0.754 -0.82255,1.14242 -1.43945,2.19345 -2.97031,2.19345 -1.80502,0 -2.81035,-1.82787 -0.89108,-1.66794 -0.89108,-4.20412 0,-2.90175 1.09672,-5.04951 1.21096,-2.37623 3.13023,-2.37623 1.508,0 2.44479,1.66793 0.77685,1.41662 0.77685,3.08455 0,0.45697 -0.0686,0.79969 -0.15994,0.77685 -1.30235,0.77685 -0.89109,0 -1.37092,-0.50266 -0.22847,-0.25134 -0.22847,-1.16528 0,-0.22848 0.0228,-0.6626 0,-0.45697 0,-0.6626 0,-1.02819 -0.36558,-1.02819 -0.38842,0 -0.82254,2.262 -0.43412,2.23915 -0.43412,4.20411 0,2.28485 0.68545,2.28485 0.89109,0 1.32521,-1.43946 0.1828,-0.20563 0.20564,-0.82254 0,-0.54836 0.27418,-0.7083 0.27418,-0.18279 0.79969,-0.18279 0.68545,0 1.18812,0.29703 0.59406,0.34273 0.57121,0.89109 z" id="text10-8-0-2" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="c"/>
+    <path d="m 160.44053,118.92903 q 1.53084,1.5537 1.53084,5.2323 0,2.85606 -1.07388,4.86672 -1.21096,2.26199 -3.33587,2.26199 -2.10205,0 -3.24447,-2.03351 -1.00534,-1.78218 -1.00534,-4.52399 0,-2.42193 0.77685,-4.3412 0.82254,-2.05637 2.10206,-2.42194 0.6626,-0.18279 1.3709,-0.18279 1.75934,0 2.87891,1.14242 z m -2.60472,1.09673 q -0.754,-0.0685 -1.30236,1.41661 -0.47981,1.34806 -0.47981,2.8332 0,2.14775 0.18278,3.03884 0.31988,1.59939 1.32521,1.75933 0.63976,0.0914 1.18812,-1.75933 0.52551,-1.78217 0.52551,-3.81568 0,-3.33588 -1.43945,-3.47297 z" id="text9-1-2-8" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="o"/>
+    <path d="m 184.86869,128.31974 q -0.18279,0.86824 -1.23382,1.85073 -0.15994,0.25133 -1.25667,0.6626 -1.25666,0.47982 -2.1706,0.41127 -1.71363,-0.11424 -2.69611,-1.96496 -0.89109,-1.71363 -0.89109,-4.20411 0,-2.69612 1.00533,-4.72963 1.11957,-2.23915 2.99315,-2.51333 0.36557,-0.0457 0.7083,-0.0457 2.71896,0 2.99315,3.33588 0.13709,1.53085 -1.21098,3.33587 -1.46228,1.98781 -3.74714,2.78751 0.25134,0.91394 0.38843,1.18812 0.31988,0.57121 0.86824,0.57121 0.52551,0 1.11957,-0.41128 0.50267,-0.34272 0.68545,-0.6626 0.0914,-0.0457 0.1828,-0.50266 0.0914,-0.47982 0.47981,-0.68546 0.13709,-0.0685 0.31988,-0.0685 0.54837,0 1.05103,0.54836 0.5255,0.52551 0.41127,1.09672 z m -3.5872,-8.04265 q -0.91394,0 -1.48515,1.30237 -0.754,1.73648 -0.61691,3.42726 1.07388,-0.34272 1.98782,-1.59939 0.91393,-1.25666 0.91393,-2.23914 0,-0.8911 -0.79969,-0.8911 z" id="text7-2-4-7" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="e"/>
+    <path d="m 189.26698,113.30832 q 0.0457,0.15994 0.0457,0.31988 0,0.22848 -0.15993,0.68545 -0.15995,0.43412 -0.15995,0.73115 v 7.58569 q 0,0.34272 0.15995,0.93678 0.18278,0.59406 0.18278,0.84539 0,0.43412 -0.36557,0.7083 -0.34273,0.25134 -0.89109,0.25134 -1.18812,0 -1.82787,-0.82255 -0.20564,-0.27418 -0.20564,-0.6169 0,-0.11424 0.0457,-0.41128 0.0457,-0.31987 0.0228,-0.52551 -0.20564,-2.85606 -0.20564,-5.8949 0,-3.95278 0.34273,-4.3412 0.25133,-0.29703 1.14242,-0.29703 1.64509,0 1.87357,0.84539 z m 0,14.39452 q 0.11425,0.25133 0.11425,0.54836 0,0.20563 -0.0914,0.6626 -0.0686,0.45697 -0.0686,0.7083 0,-0.0457 0.0686,0.68546 0.0228,0.38842 -0.15994,0.6626 -0.25134,0.41127 -0.93679,0.41127 -1.18812,0 -1.80503,-0.79969 -0.15994,-0.22848 -0.15994,-0.7083 0,-0.18279 0.0457,-0.82255 0.0457,-0.57121 0.0228,-0.93678 0,-0.0686 -0.0685,-0.47982 -0.0686,-0.27418 0.0228,-0.47981 0.18278,-0.43413 1.02817,-0.43413 1.5537,0 1.98782,0.98249 z" id="text6-2-5-1" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="!"/>
+    <g class="note" id="note"><g id="g21-0-4-5" transform="matrix(2.9706677,0,0,2.9706677,65.75444,498.39952)" style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+      <path d="m 32.279156,-127.55052 h 4.892002" stroke-width="0.32031" id="path131-6-1-9" style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1"/>
+      <circle cx="37.782658" cy="-128.86089" id="ellipse132-2-7-4" r="0.5241431" style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.0145595;stroke-opacity:1"/>
+      <g id="y198t3iu-4-7-9" class="stem" transform="matrix(0.01455953,0,0,0.00695652,-68.429113,-181.50041)" style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:29.8093;stroke-dasharray:none;stroke-opacity:1">
+        <path d="M 7191,7763 V 6613" stroke-width="18" id="path134-0-0-0" style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:29.8093;stroke-dasharray:none;stroke-opacity:1"/>
+      </g>
+      <g id="num8rai-1-9-6" class="note" transform="matrix(0.01455953,0,0,0.01455953,-68.429113,-241.30413)" style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+        <g class="notehead" id="g134-7-2-7" style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+          <g id="use134-0-2-1" transform="matrix(0.72,0,0,0.72,6965,7813)" style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+            <path transform="scale(1,-1)" d="m 333,39 c 1,5 1,10 1,15 0,64 -74,121 -123,121 -5,0 -10,-1 -14,-2 C 88,139 0,66 0,-47 c 0,-16 2,-33 6,-51 8,-35 24,-61 59,-70 17,-4 34,-6 51,-6 114,0 216,94 217,213 z M 148,-71 c -19,1 -27,1 -36,3 -23,5 -59,0 -64,25 -5,23 20,49 42,62 36,19 70,47 113,47 5,0 9,0 13,-1 29,-4 43,-28 61,-46 1,-1 2,-4 2,-7 0,-3 -1,-7 -2,-8 -40,-37 -87,-60 -129,-75 z" id="path11-8-3-4" style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1"/>
+          </g>
+        </g>
+      </g>
+    </g>
+    </g><g class="green-hand" id="green-hand"><g id="g83" transform="matrix(-0.71301495,0,0,0.71301495,60.51157,42.85462)">
+      <path style="fill:#76de76;fill-opacity:1;stroke:#0000ff;stroke-width:0.465802;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:fill markers stroke" d="m -636.60869,250.57901 c -3.06222,-0.15553 -5.27039,2.50889 -5.5267,5.38628 -1.88118,9.13346 -0.38216,19.51488 -6.62754,27.22509 -6.95093,8.74983 -16.86066,16.01847 -19.53361,27.44815 -0.33335,1.23154 -0.5772,2.79695 -0.99253,3.81766 -0.55564,-4.01061 1.8148,-7.87675 1.14017,-11.8357 -1.55753,-2.53538 -4.80592,-0.25538 -6.38979,1.08882 -6.85304,5.27426 -7.83259,14.79932 -7.02578,22.80645 0.9921,8.03105 4.01915,17.00312 11.45619,21.19611 2.09699,0.59256 5.36369,1.6344 6.83776,-0.53999 -0.0335,-3.71561 -2.96528,-6.92964 -3.46141,-10.55433 5.87595,10.63746 17.67485,18.00313 29.92747,17.82617 3.50677,-0.0596 7.35417,0.58697 10.56154,-1.0182 0.50821,-2.50414 -2.55685,-4.12408 -3.0193,-6.56255 -1.84006,-4.44841 1.55371,-8.33546 2.70558,-12.3757 0.32701,-2.73729 -1.58465,-5.20097 -1.14719,-8.00198 -0.29349,-3.90688 2.91886,-7.00893 3.34166,-10.71001 -3.13437,-3.74272 -3.2222,-9.64205 -0.77268,-13.7662 3.50384,-4.58691 10.06536,-4.20029 15.23912,-4.01654 2.25115,0.1451 -1.72969,0.50211 -2.47908,0.62414 -4.99222,0.52519 -11.38112,1.77395 -13.10827,7.26462 -1.64568,5.91638 4.16334,11.1863 9.63161,11.96249 8.50898,1.07465 18.36294,0.0166 24.57488,-6.51361 4.32966,-4.39862 3.45257,-11.81496 -0.78632,-15.94784 -5.36424,-5.41938 -13.49782,-5.45021 -20.59273,-5.40989 -4.44558,-0.25783 -9.25225,0.56411 -13.4252,-1.26499 -1.75349,-2.32468 -0.056,-5.43167 0.45173,-7.96349 2.46931,-7.68359 4.4389,-17.07835 -0.73095,-24.13357 -2.38486,-3.23261 -6.05613,-6.07805 -10.24863,-6.03139 z" id="path81" transform="matrix(0.26458333,0,0,0.26458333,-28.491819,30.034714)"/>
+      <path style="fill:#76de76;fill-opacity:1;stroke:#0000ff;stroke-width:0.465802;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:fill markers stroke" d="m -592.27072,316.33614 c -7.08298,1.24047 -13.95035,4.9762 -21.33733,3.70693 -3.44468,-0.42685 -7.77404,-2.42528 -10.63617,0.69645 -3.59285,4.38735 -1.58186,11.39954 3.14479,14.13629 6.08743,4.25201 13.91848,3.33055 20.87244,2.5746 8.20402,-1.20074 14.69578,-10.73102 11.45378,-18.66064 -0.64818,-1.33211 -1.94537,-2.48142 -3.49751,-2.45363 z" id="path82" transform="matrix(0.26458333,0,0,0.26458333,-28.491819,30.034714)"/>
+      <path style="fill:#76de76;fill-opacity:1;stroke:#0000ff;stroke-width:0.465802;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:fill markers stroke" d="m -622.95963,336.80049 c -3.82086,0.91225 -6.37262,5.77656 -4.5438,9.41176 2.72038,6.09979 9.89117,8.85046 16.2431,8.18815 5.82138,0.087 12.76572,-1.60908 15.34686,-7.45318 0.72541,-2.2868 1.99487,-5.5854 0.009,-7.54225 -2.8797,-1.22261 -6.17533,0.46279 -9.13334,0.19979 -5.68741,0.24497 -11.45858,-0.43456 -16.73736,-2.62935 -0.38686,-0.0953 -0.78296,-0.18949 -1.18429,-0.17492 z" id="path83" transform="matrix(0.26458333,0,0,0.26458333,-28.491819,30.034714)"/>
+      <path d="m -199.07057,124.34059 c -0.60746,-0.11657 -1.79517,-0.53868 -2.63933,-0.93804 -1.14144,-0.53998 -1.86551,-0.70855 -2.82484,-0.65763 -1.68761,0.0896 -2.52928,-0.29338 -3.42878,-1.56003 -1.05037,-1.47911 -1.51161,-3.23682 -1.52772,-5.82191 -0.0147,-2.3522 0.44088,-4.17385 1.27952,-5.11661 0.52921,-0.5949 1.92201,-1.23339 2.69055,-1.23339 0.64388,0 4.68422,-4.11614 5.41349,-5.51505 0.34045,-0.65305 0.5649,-1.82668 0.69099,-3.613072 0.10272,-1.45521 0.27197,-2.845 0.37612,-3.08842 0.29349,-0.6859 1.93716,-1.35603 2.86896,-1.16967 2.00883,0.40177 3.62866,2.69518 3.63032,5.139922 4.6e-4,0.67916 -0.25649,2.10303 -0.571,3.16415 -0.3401,1.14747 -0.47447,2.02227 -0.33156,2.1587 0.13576,0.12961 0.93078,0.11541 1.82777,-0.0326 3.92276,-0.64752 7.40778,0.76217 8.08295,3.26956 0.22856,0.84882 0.19717,1.3385 -0.15825,2.46847 -0.40845,1.29857 -0.40977,1.45755 -0.0169,2.01853 0.91005,1.29928 0.23946,4.59816 -1.03404,5.08685 -0.2752,0.1056 -0.39152,0.55329 -0.39152,1.50679 0,1.62848 -0.57102,2.71013 -1.84813,3.50085 -0.85349,0.52843 -1.2964,0.57365 -5.95313,0.60775 -2.76707,0.0203 -5.52805,-0.0585 -6.13552,-0.1751 z m 4.67636,-0.93223 c 0,-0.0862 -0.23812,-0.45943 -0.52917,-0.82943 -0.6807,-0.86538 -0.67178,-2.08396 0.0236,-3.22463 0.44654,-0.73247 0.49643,-1.02278 0.26359,-1.5338 -0.42785,-0.93903 -0.34973,-1.95839 0.2385,-3.11217 0.46726,-0.91651 0.48197,-1.07946 0.1323,-1.46584 -0.23242,-0.25682 -0.39341,-0.95119 -0.39341,-1.69679 0,-2.11987 1.63656,-3.22004 4.48331,-3.01389 1.82026,0.13181 1.61374,0.65114 -0.32069,0.80641 -1.83852,0.14758 -2.6346,0.51694 -3.13685,1.45539 -0.42823,0.80017 -0.0717,1.82569 0.88148,2.53529 1.46929,1.09385 5.42836,0.75097 7.17281,-0.62121 1.82369,-1.43452 1.37915,-4.08413 -0.85893,-5.11948 -1.03968,-0.48096 -1.63572,-0.55156 -4.24139,-0.50236 -4.15923,0.0785 -4.53339,-0.2863 -3.45058,-3.36453 0.60427,-1.71782 0.67117,-3.64589 0.16827,-4.849502 -0.7668,-1.83521 -3.03048,-2.91139 -3.90618,-1.85705 -0.22168,0.26691 -0.42441,1.42635 -0.52044,2.97656 -0.2158,3.483252 -0.79926,4.740182 -3.32147,7.155322 -2.04774,1.9608 -3.11654,3.71432 -3.43562,5.63665 -0.0906,0.5457 -0.26051,0.99218 -0.37762,0.99218 -0.43615,0 -0.50188,-0.9866 -0.15486,-2.3244 0.341,-1.31457 0.33349,-1.37976 -0.15896,-1.37976 -0.28427,0 -0.90791,0.39104 -1.38584,0.86898 -2.82383,2.82382 -1.02578,11.03727 2.41623,11.03727 0.75764,0 0.76628,-0.13493 0.0932,-1.45521 -0.55019,-1.07916 -0.69026,-1.98438 -0.30705,-1.98438 0.12216,0 0.35764,0.29744 0.52327,0.66098 0.84099,1.84577 3.31836,3.65425 5.73691,4.18795 0.81739,0.18038 4.36562,0.19781 4.36562,0.0215 z m 6.51761,-0.27466 c 1.15721,-0.54913 1.68447,-1.30588 1.68447,-2.41762 0,-0.87628 -0.003,-0.87848 -0.99218,-0.67243 -1.54327,0.32156 -4.20916,0.14952 -5.23636,-0.33792 -0.8777,-0.41649 -0.96077,-0.41478 -1.45224,0.03 -1.04829,0.94869 -0.48061,2.57 1.19849,3.42289 1.05215,0.53444 3.64747,0.52096 4.79782,-0.0249 z m 1.64377,-4.44237 c 1.62537,-0.84052 2.47467,-3.26144 1.56206,-4.45265 -0.30304,-0.39556 -0.48578,-0.37821 -2.18281,0.20718 -2.0251,0.69856 -3.42174,0.80148 -4.98513,0.36737 -1.32685,-0.36844 -2.02633,0.1849 -2.02633,1.60297 0,1.14344 0.74202,1.96867 2.29002,2.54683 1.2504,0.46701 4.20418,0.31678 5.34219,-0.2717 z" style="fill:#000000" id="path1-8"/>
+    </g>
+    </g><g class="orange-hand" id="orange-hand"><g id="g93" transform="matrix(-0.50078215,0.52192496,0.52192496,0.50078215,94.60816,313.82454)">
+      <path style="fill:#ffa76d;fill-opacity:1;stroke:#0000ff;stroke-width:0.329372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:fill markers stroke" d="m -709.2375,-838.54875 c -9.33301,0.61995 -18.41937,3.15339 -27.42998,5.52156 -9.05545,2.64712 -18.59035,5.1895 -25.85803,11.55128 -11.47816,9.27207 -18.69404,22.68306 -23.61895,36.35881 -0.7993,2.39658 -1.53865,4.82585 -1.9593,7.32112 -0.49385,-2.65434 0.25285,-5.8214 -1.47173,-8.09565 -1.90567,-1.62264 -4.10271,0.45476 -5.38785,1.87045 -3.32358,2.67005 -4.4063,7.16713 -3.87625,11.24927 1.25552,9.35014 5.60347,18.28972 12.03906,25.17132 2.76876,2.86672 6.49592,5.50823 10.70265,4.84468 2.40534,-0.3501 5.61862,-0.5969 6.86391,-3.02005 0.39732,-2.09208 -2.12818,-3.08175 -3.39054,-4.27732 -1.23094,-0.96757 -2.40117,-2.01494 -3.47961,-3.15054 5.9241,2.62517 11.96936,5.61197 18.61277,5.56919 6.7349,0.40711 13.73356,-0.41747 19.6516,-3.87222 7.987,-4.3302 14.50839,-11.08914 23.08526,-14.38467 4.65008,-2.06242 9.59446,-3.46828 14.20155,-5.58239 2.74343,-2.78808 1.79802,-7.7486 -0.82382,-10.3146 -3.69003,-3.25758 -9.07061,-3.10683 -13.6828,-2.66644 -5.35593,0.53466 -10.00306,3.49374 -15.1912,4.51889 -3.20745,0.36568 -7.05371,0.11633 -9.06185,-2.80162 -2.99446,-3.03189 -2.65331,-8.0255 -0.35523,-11.35576 3.21504,-5.44073 8.08851,-9.62374 12.38949,-14.17314 0.85643,-0.51109 1.58674,-2.40658 2.67508,-1.39057 5.38097,3.45019 11.0237,7.20493 17.62978,7.50052 4.37749,0.29026 9.68685,0.35945 12.66717,-3.47284 1.63977,-2.09364 1.8374,-5.42498 0.33588,-7.61735 -3.19737,-2.96031 -7.53408,-4.2653 -11.3693,-6.18989 -6.164,-2.5541 -12.16054,-5.74138 -18.70355,-7.22418 -5.46988,-0.90764 -10.62686,1.91659 -15.55899,3.85044 -4.62847,1.92661 -9.05399,4.42815 -13.78423,5.96771 5.68407,-4.11323 11.92556,-7.40906 18.52766,-9.71262 6.45373,-2.30353 13.66869,-1.79919 19.88837,0.99301 2.3922,0.7861 4.57515,2.59036 7.12245,2.69709 2.64806,-1.53485 4.69911,-4.0095 6.64433,-6.34534 1.51962,-1.86508 1.76703,-4.86957 -0.27573,-6.46448 -2.04814,-2.02623 -4.86366,-3.16116 -7.75807,-2.87367 z" id="path93" transform="matrix(0.26458333,0,0,0.26458333,-28.491819,30.034714)"/>
+      <path d="m -235.55018,-166.02215 c -1.25101,-0.5495 -2.8782,-2.50425 -3.9643,-4.76236 -0.8189,-1.70256 -0.99225,-2.35491 -1.01117,-3.80523 -0.0156,-1.19412 0.12328,-2.02226 0.43691,-2.60582 0.48288,-0.89849 1.64689,-1.65813 2.54079,-1.65813 0.38799,0 0.73916,-0.44032 1.31884,-1.65364 1.83106,-3.83254 4.43139,-7.0007 6.9517,-8.46971 2.17032,-1.26501 6.83165,-2.6004 12.19517,-3.49371 3.67778,-0.61254 5.49005,2.41997 2.76686,4.62984 -0.48116,0.39046 -0.47183,0.41862 0.25189,0.75984 2.64004,1.24473 2.97986,1.58003 2.99211,2.95236 0.006,0.71332 -0.1891,1.13176 -0.80339,1.71979 -0.77068,0.73774 -0.92816,0.77711 -3.10885,0.77711 -2.0078,0 -2.48688,-0.0962 -3.80454,-0.76385 l -1.50749,-0.76386 -1.34933,1.12973 c -2.34456,1.96298 -2.92913,3.95534 -1.4457,4.92732 0.63256,0.41447 0.76281,0.3959 2.76054,-0.39353 2.35247,-0.92961 4.54603,-1.09437 5.81737,-0.43693 1.15797,0.59881 1.86231,1.65774 1.86231,2.79989 0,1.26594 -0.68932,1.8496 -3.1068,2.63061 -2.3363,0.75478 -3.00466,1.1156 -5.40825,2.91964 -2.8634,2.14916 -4.47437,2.70358 -7.53066,2.59171 -1.94326,-0.0711 -2.51628,-0.004 -2.91041,0.34042 -1.23367,1.07837 -2.47059,1.27551 -3.9436,0.62851 z m 3.15415,-1.19639 c 0.22404,-0.23468 0.16901,-0.38868 -0.22023,-0.6162 -0.78547,-0.45913 -2.07865,-1.76269 -1.91299,-1.92835 0.0803,-0.0803 0.93965,0.2446 1.90956,0.72209 1.44467,0.7112 2.15357,0.8879 3.92105,0.97734 2.66963,0.1351 4.46191,-0.4636 6.87147,-2.29538 2.25783,-1.71643 3.19666,-2.24713 5.34025,-3.01874 1.01864,-0.36668 2.06044,-0.74947 2.3151,-0.85065 0.65496,-0.26021 0.61262,-1.76203 -0.067,-2.37708 -1.09369,-0.98978 -3.60268,-0.93728 -5.93261,0.12412 -1.67947,0.76509 -3.0822,0.7107 -3.94589,-0.15299 -1.61084,-1.61084 -1.09241,-3.34333 1.87546,-6.2674 l 1.82608,-1.79914 1.36726,0.9201 c 2.90838,1.95719 6.92723,1.74685 6.92723,-0.36257 0,-0.93337 -0.15559,-1.0505 -3.175,-2.39028 -4.5094,-2.00093 -5.01549,-2.13581 -6.50333,-1.73328 -0.71603,0.19372 -2.30761,0.84314 -3.53684,1.44316 -2.27683,1.11137 -2.92441,1.2951 -2.92441,0.82967 0,-0.33136 1.46394,-1.248 3.83646,-2.40218 2.47173,-1.20244 4.79143,-1.26686 7.07537,-0.19648 l 1.51912,0.71194 0.92828,-0.87548 c 0.51055,-0.48151 0.92827,-1.12255 0.92827,-1.42454 0,-0.70873 -0.95666,-1.37283 -1.97762,-1.37283 -2.22478,0 -9.19128,1.75822 -11.88118,2.99859 -1.59004,0.7332 -3.72258,2.58931 -5.04547,4.39144 -1.78698,2.43435 -3.83949,7.07898 -3.84703,8.70546 -0.002,0.37746 -0.13138,0.57308 -0.33359,0.50341 -0.20917,-0.0721 -0.32658,-0.61503 -0.31944,-1.47726 0.0129,-1.55943 -0.32002,-1.74009 -1.33548,-0.72463 -0.86446,0.86447 -1.06646,1.85245 -0.7182,3.51279 0.53404,2.54603 2.10372,5.1953 3.76218,6.3497 0.71732,0.4993 1.15689,0.61573 1.95026,0.51655 0.56333,-0.0704 1.15864,-0.26883 1.32292,-0.4409 z" style="fill:#000000" id="path1-2"/>
+    </g>
+  </g></g>
+</svg>
diff --git a/assets/logo.svg b/assets/logo.svg
new file mode 100644
index 0000000..70d7a96
--- /dev/null
+++ b/assets/logo.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="141.11163mm" height="40.581127mm" viewBox="0 0 141.11163 40.581127" version="1.1" id="logo-static" inkscape:version="1.4 (e7c3feb1, 2024-10-09)" sodipodi:docname="lets-encode.svg">
+  <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" transform="translate(-73.818741,-93.662498)">
+    <g class="blue-hand" id="blue-hand"><g id="g31" transform="matrix(0.49406185,0.48471606,-0.48471606,0.49406185,301.88844,151.90373)">
+      <path style="fill:#6dc3ff;fill-opacity:1;stroke:#0000ff;stroke-width:0.329372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:fill markers stroke" d="m -617.54269,222.38588 c -4.28784,0.25411 -7.18007,3.96084 -10.3468,6.39653 -8.60674,7.58765 -20.51045,9.76613 -29.28604,17.07396 -5.32159,4.75696 -8.95052,11.13235 -11.7936,17.6044 -0.48805,1.70716 -0.51818,0.65441 -0.3916,-0.48285 0.12762,-2.94514 1.51344,-5.75934 2.00735,-8.70989 -0.18897,-2.44295 -3.3562,-2.23168 -4.93091,-1.29755 -6.2653,2.93112 -9.55507,9.87912 -9.98558,16.52953 -0.68964,8.75181 -0.26574,18.35777 5.01248,25.75301 2.22445,3.05257 6.3245,5.13626 10.07933,4.04741 1.68932,-1.23407 0.11813,-3.49118 -0.16157,-5.06715 -0.64618,-1.89207 -1.38539,-4.13019 -1.41682,-6.08032 2.8819,5.76458 5.92774,11.99025 11.78971,15.28294 6.36848,3.65268 13.34732,7.06016 20.87988,6.82754 6.00132,-0.0657 12.13749,0.13071 17.99837,-1.34004 6.28708,-1.89967 12.52492,-6.57516 13.83277,-13.34031 0.37704,-1.86029 0.32746,-4.93853 -2.17808,-5.13857 -0.57106,-0.1536 -1.93147,0.36945 -1.98009,-0.0738 2.39035,-1.9681 5.57023,-2.93903 7.47325,-5.53118 3.05192,-3.67616 3.74673,-8.97825 2.57638,-13.50427 -0.7482,-2.58326 -3.30926,-4.09439 -5.91018,-4.08612 -1.03701,-0.11171 -2.09839,-0.27579 -3.04047,-0.74835 12.05731,-1.4497 24.2711,-0.88068 36.2945,-2.64673 4.0563,-0.57551 8.36862,-2.48485 9.96338,-6.54391 1.87779,-4.19658 -1.35414,-8.86887 -5.29686,-10.39571 -4.58395,-1.84977 -9.68841,-1.03204 -14.50329,-1.20462 -15.07836,0.16239 -30.20292,0.69007 -45.24638,-0.0339 -1.10827,-0.0932 -2.20899,-0.32225 -3.25891,-0.68991 4.19071,-0.54497 8.51719,-0.0387 12.64983,-0.97982 3.8182,-1.89226 4.96507,-6.62259 5.38991,-10.51543 0.41177,-3.63193 -0.15357,-7.78254 -3.25664,-10.14891 -0.7804,-0.78377 -1.8896,-1.03644 -2.96332,-0.956 z" id="path31" transform="matrix(0.26458333,0,0,0.26458333,-28.491819,30.034714)"/>
+      <path d="m -199.1306,112.5733 c -1.68676,-0.47376 -3.4261,-1.32464 -4.24799,-2.07811 -0.44998,-0.41253 -0.97568,-0.565 -2.00586,-0.58178 -1.7565,-0.0286 -2.80071,-0.72567 -3.58429,-2.39266 -1.16438,-2.4771 -1.14402,-7.05153 0.0408,-9.17174 0.82277,-1.47229 1.82001,-2.15327 3.23576,-2.20959 0.98414,-0.0392 1.30026,-0.19843 2.01947,-1.01757 0.56158,-0.6396 1.71955,-1.37727 3.39184,-2.16074 3.70503,-1.7358 4.00935,-1.91615 5.31728,-3.15125 2.07075,-1.95545 3.16387,-2.18996 4.52774,-0.97135 1.04221,0.93122 1.32328,2.80154 0.65967,4.38977 -0.2337,0.55932 -0.42491,1.07711 -0.42491,1.15064 0,0.0735 2.48607,0.0471 5.5246,-0.0587 5.23203,-0.18219 5.58981,-0.16353 6.75581,0.35225 1.55832,0.68931 2.16944,1.89137 1.75122,3.44454 -0.52668,1.95593 -1.51799,2.39314 -6.18562,2.72807 -2.05973,0.1478 -3.7727,0.29423 -3.80659,0.32538 -0.0339,0.0312 0.0447,0.42723 0.17456,0.88015 0.30827,1.07489 -0.0852,2.79873 -0.88235,3.86531 -0.39905,0.53395 -0.66663,1.32642 -0.74633,2.2103 -0.16398,1.81881 -1.07736,2.99956 -3.04646,3.93823 -1.30229,0.62081 -1.92614,0.73866 -4.30134,0.81253 -1.88418,0.0586 -3.22504,-0.0391 -4.16702,-0.30368 z m 8.03416,-1.48053 c 1.45346,-0.7206 2.48286,-2.05131 2.48286,-3.20959 0,-0.63916 -0.0977,-0.75708 -0.57072,-0.68848 -0.95878,0.13907 -0.86682,-0.55778 0.1285,-0.97365 1.2852,-0.537 2.07368,-1.73132 2.09549,-3.1741 0.0208,-1.37659 -0.39361,-1.98563 -1.35494,-1.99123 -0.83716,-0.005 -1.48331,-0.37072 -1.26853,-0.71824 0.0858,-0.13875 2.35443,-0.3254 5.04151,-0.41477 5.28518,-0.17578 6.40189,-0.42633 7.17778,-1.61048 0.61669,-0.9412 0.22924,-2.01149 -0.94609,-2.61349 -0.82675,-0.42346 -1.51734,-0.4502 -7.52487,-0.29141 -7.14214,0.18879 -9.65729,0.0366 -9.65729,-0.5843 0,-0.29329 0.43725,-0.37784 1.95394,-0.37784 1.83462,0 1.98276,-0.044 2.42572,-0.72001 0.67794,-1.03468 0.82292,-3.07378 0.27769,-3.9059 -0.69687,-1.06355 -1.60824,-0.87369 -3.24735,0.67651 -0.89272,0.8443 -2.17826,1.68493 -3.46516,2.26591 -3.2222,1.45469 -3.7526,1.75392 -4.91895,2.77507 -0.96901,0.84837 -2.50134,3.36949 -2.95482,4.86155 -0.14858,0.48884 -0.18049,0.49415 -0.41878,0.0697 -0.23474,-0.41812 -0.0379,-1.67621 0.46878,-2.99667 0.24101,-0.62805 -0.84504,-0.45047 -1.71333,0.28015 -1.1606,0.97658 -1.69927,2.55329 -1.71778,5.02807 -0.0266,3.56174 1.3163,6.2177 3.14387,6.2177 0.35264,0 0.63936,-0.0298 0.63717,-0.0661 -0.002,-0.0364 -0.17556,-0.5424 -0.38526,-1.12448 -0.42775,-1.18732 -0.51573,-2.24896 -0.18638,-2.24896 0.11997,0 0.54707,0.71253 0.94913,1.58341 0.85111,1.84356 1.79367,2.72276 3.99301,3.72458 2.09622,0.95484 2.44672,1.01348 5.58644,0.93462 2.21233,-0.0556 2.90103,-0.17836 3.96836,-0.70753 z" style="fill:#000000" id="path1"/>
+    </g>
+    </g><path d="m 88.23657,127.20017 q 0.13709,0.27418 0.13709,0.61691 0,0.57121 -0.36558,1.09672 -0.34273,0.52552 -0.82254,0.7083 -0.45697,0.15995 -1.32522,0.15995 -0.86824,0 -1.25666,0.11424 -0.38843,0.11424 -0.89109,0.7083 -0.43412,0.47981 -1.508,0.63975 -0.6626,0.0914 -1.34805,-0.45697 -0.68545,-0.54836 -0.93678,-1.34805 -0.0457,-0.15994 -0.0457,-0.29703 0,-0.29703 0.31989,-0.66261 0.34273,-0.36557 0.31988,-0.63975 l -0.95964,-13.84616 q 0,-0.0914 -0.25133,-0.41127 -0.22848,-0.34273 -0.22848,-0.57121 0,-0.31988 0.34272,-0.61691 0.47982,-0.43412 1.37091,-0.43412 0.754,0 1.43945,0.31988 0.7083,0.31988 0.89109,0.754 0.11424,0.25133 0.11424,0.43412 0,0.20563 -0.20564,0.41127 -0.20563,0.20563 -0.18278,0.38842 l 0.82254,12.61234 1.37091,-0.54836 q 0.43412,-0.20563 0.86824,-0.38842 0.45696,-0.20564 0.75399,-0.20564 0.82255,0 1.57655,1.4623 z" id="text17-6-0-7" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="L"/>
+    <path d="m 97.47875,128.31974 q -0.18279,0.86824 -1.23381,1.85073 -0.15994,0.25133 -1.25666,0.6626 -1.25666,0.47982 -2.1706,0.41127 -1.71363,-0.11424 -2.69612,-1.96496 -0.89108,-1.71363 -0.89108,-4.20411 0,-2.69612 1.00532,-4.72963 1.11959,-2.23915 2.99315,-2.51333 0.36557,-0.0457 0.7083,-0.0457 2.71896,0 2.99314,3.33588 0.13709,1.53085 -1.21096,3.33587 -1.46229,1.98781 -3.74714,2.78751 0.25133,0.91394 0.38842,1.18812 0.31988,0.57121 0.86824,0.57121 0.52551,0 1.11957,-0.41128 0.50267,-0.34272 0.68546,-0.6626 0.0914,-0.0457 0.18279,-0.50266 0.0914,-0.47982 0.47981,-0.68546 0.13709,-0.0685 0.31988,-0.0685 0.54836,0 1.05102,0.54836 0.52551,0.52551 0.41127,1.09672 z m -3.5872,-8.04265 q -0.91393,0 -1.48514,1.30237 -0.75399,1.73648 -0.6169,3.42726 1.07387,-0.34272 1.9878,-1.59939 0.91395,-1.25666 0.91395,-2.23914 0,-0.8911 -0.79971,-0.8911 z" id="text16-4-1-6" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="e"/>
+    <path d="m 106.43532,120.34564 q -0.1828,0 -0.57122,-0.1371 -0.38841,-0.15994 -0.59406,-0.15994 -0.15994,0 -0.31988,0.0685 l -0.84539,0.43413 v 7.81416 q 0,0.43412 0.45697,1.11957 0.47982,0.68546 0.38842,1.09673 -0.11424,0.50266 -0.68545,0.79969 -0.54836,0.29703 -1.18812,0.29703 -1.21096,0 -1.66793,-1.07387 -0.13709,-0.31988 -0.15994,-2.03351 -0.0228,-1.14242 0.0228,-3.56436 0.0457,-2.74181 0.0457,-3.47296 -0.13709,0.0457 -0.45697,0.31988 -0.31988,0.25133 -0.63975,0.25133 -0.25134,0 -0.63976,-0.13709 -1.59938,-0.54836 -1.59938,-1.11957 0,-0.13709 0.0685,-0.29703 0.15994,-0.36559 0.59405,-0.41128 0.66261,-0.0914 0.7997,-0.15994 0.52551,-0.20564 1.91927,-0.98248 v -1.98782 q 0,-0.22848 -0.1371,-0.59405 -0.11424,-0.38843 -0.11424,-0.57122 0,-0.20563 0.11424,-0.38842 0.59406,-0.91394 1.59939,-0.91394 1.16527,0 1.64509,0.91394 0.18279,0.36558 0.18279,0.59406 0,0.27418 -0.27418,0.57121 -0.27418,0.29703 -0.27418,0.54836 v 1.11958 q 0.41127,-0.18279 0.91393,-0.61691 0.38843,-0.31988 0.66261,-0.31988 0.11424,0 0.25133,0.0457 1.43945,0.38842 1.43945,1.73648 0,0.43412 -0.27418,0.82254 -0.25133,0.38843 -0.6626,0.38843 z" id="text15-7-4-1" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="t"/>
+    <g class="apostrophe" id="apostrophe"><path d="m 108.95576,112.48794 -0.10732,1.60969 q -0.0179,0.16097 0.0358,0.41136 0.0537,0.2504 0.0537,0.33983 0,0.60811 -0.69754,0.60811 -0.37559,0 -0.75119,-0.23252 -0.37559,-0.25039 -0.46502,-0.59022 -0.0358,-0.17885 0.0358,-0.44713 0.0715,-0.26828 0.0715,-0.41136 v -1.39507 l -0.21462,-0.8585 q 0.26828,-0.48291 0.96581,-0.48291 0.84062,0 1.07313,0.59022 0.0537,0.1252 0,0.8585 z" id="text14-7-4-2" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.324768;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="'"/>
+    </g><path d="m 117.12158,127.65714 q 0,1.59939 -1.14243,2.74181 -1.14241,1.11958 -2.6961,1.11958 -0.9825,0 -2.03352,-0.93679 -0.82254,-0.754 -1.48514,-1.85072 -0.57122,-0.95964 -0.50268,-1.21097 0.25133,-0.57121 1.57655,-0.57121 0.54836,0 0.86823,0.15994 0.54837,0.29703 0.61691,0.754 0.0686,0.52551 0.22848,0.6626 0.47982,0.73115 0.86825,0.73115 0.29702,0 0.54836,-0.38842 0.27418,-0.41128 0.27418,-0.95964 0,-0.34272 -0.11424,-0.68545 -0.11425,-0.34273 -1.23382,-1.05103 -1.34806,-0.84539 -1.91927,-1.48515 -0.98248,-1.09672 -0.98248,-2.55902 0,-1.71363 1.00533,-2.99315 1.00533,-1.30236 2.55903,-1.30236 1.59939,0 2.44478,1.21096 0.68545,0.98249 0.57121,1.98783 0.25133,0.27418 0.25133,0.91393 0,0.68546 -0.50267,1.16527 -0.50266,0.47982 -1.02817,0.47982 -0.77685,0 -1.34806,-1.02818 -0.15994,-0.27418 -0.15994,-0.73115 0,-0.20563 0.0228,-0.57121 0.0457,-0.38842 0.0457,-0.54836 0,-0.59407 -0.43412,-0.59407 -0.66261,0 -0.66261,1.30237 0,1.32521 0.86825,2.1249 0.34272,0.31988 1.48514,0.91394 0.98248,0.50267 1.39375,1.02818 0.61691,0.79969 0.61691,2.1706 z" id="text13-6-8-6" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="s"/>
+    <path d="m 131.25165,114.67923 q -0.52551,0.43411 -1.34805,0.43411 -0.34272,0 -0.79969,-0.0685 -0.6626,0.20564 -1.18813,0.41127 -1.2795,0.47982 -1.69077,0.82254 -0.13709,2.37624 0,5.43794 0.13709,-0.0914 0.68545,-0.18279 0.27418,-0.47981 0.93678,-0.47981 0.6626,0 1.53085,0.63975 0.89109,0.63976 0.89109,1.25666 0,0.15994 -0.0686,0.31988 -0.27418,0.68546 -0.84539,0.86824 -0.34274,0.11425 -1.00534,0.0685 -0.6626,-0.0685 -0.84539,0.0228 -0.52551,0.25133 -1.27952,0.59406 0,2.05636 0.13711,2.65041 0.95963,-0.22848 1.59938,-0.54836 0.11424,-0.15994 0.22848,-0.29703 0.22848,-0.25133 0.82254,-0.20563 0.63977,0.0457 1.32522,0.73115 0.68545,0.68545 0.68545,1.39375 0,0.61691 -0.52551,0.91394 -0.52551,0.29703 -1.75934,0.20563 l -2.14774,1.07388 q -0.13709,0.0685 -0.59406,0.45697 -0.34274,0.29703 -0.61692,0.29703 -0.0914,0 -0.20562,-0.0228 -1.21098,-0.36558 -2.19346,-1.89642 -0.0686,-0.11424 -0.0686,-0.27418 0,-0.0686 0.25133,-0.91394 -0.25133,-6.64889 -0.0914,-14.16603 -0.15994,-0.22849 -0.15994,-0.45697 0,-0.754 1.39375,-0.95964 0.29704,-0.0457 0.754,0.15994 0.29703,0.15994 0.57122,0.29703 l 2.74181,-0.86824 q 0.0914,-0.0228 0.52551,-0.27418 0.29703,-0.18279 0.68545,-0.18279 0.18279,0 0.43412,0.0457 0.50267,0.0914 0.98248,0.79969 0.50267,0.68546 0.50267,1.30236 0,0.38843 -0.25133,0.59407 z" id="text12-7-7-9" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="E"/>
+    <path d="m 142.67588,129.25653 q -0.0457,0.50266 -0.6626,0.86824 -0.6169,0.34273 -1.3709,0.34273 -1.11959,0 -1.53085,-0.70831 0.18279,-7.03731 -0.41127,-7.1287 -0.57121,-0.0914 -2.78751,6.30616 0,0.68545 0,1.37091 -0.0228,0.82254 -0.45697,1.16527 -0.41127,0.34272 -0.89108,0.34272 -0.82256,0 -1.75934,-0.89108 -0.27418,-0.22849 -0.29703,-3.47297 0.0228,1.98782 0.0228,-7.38005 0,-0.20563 -0.0457,-0.54836 -0.0457,-0.36558 -0.0457,-0.52551 0,-0.43412 0.22848,-0.754 0.27418,-0.41127 0.86824,-0.41127 0.61691,0 1.27951,0.38842 0.68546,0.36557 0.82255,0.7083 0.0914,0.22848 0.0914,0.45697 0,0.22848 -0.18279,0.63976 -0.18279,0.41128 -0.18279,0.68546 v 3.15308 q 1.43945,-3.06169 2.17061,-4.04418 1.30235,-1.69078 2.94744,-1.57654 0.98248,0.0685 1.39376,1.82787 0.31987,1.32522 0.34272,3.92994 0,2.05636 0,4.11272 0.0457,0.15994 0.31988,0.57121 0.15994,0.22848 0.13709,0.57121 z" id="text11-0-1-2" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="n"/>
+    <path d="m 151.72386,126.92599 q -0.0228,0.50267 -0.43411,1.02818 -0.63976,0.754 -0.82255,1.14242 -1.43945,2.19345 -2.97031,2.19345 -1.80502,0 -2.81035,-1.82787 -0.89108,-1.66794 -0.89108,-4.20412 0,-2.90175 1.09672,-5.04951 1.21096,-2.37623 3.13023,-2.37623 1.508,0 2.44479,1.66793 0.77685,1.41662 0.77685,3.08455 0,0.45697 -0.0686,0.79969 -0.15994,0.77685 -1.30235,0.77685 -0.89109,0 -1.37092,-0.50266 -0.22847,-0.25134 -0.22847,-1.16528 0,-0.22848 0.0228,-0.6626 0,-0.45697 0,-0.6626 0,-1.02819 -0.36558,-1.02819 -0.38842,0 -0.82254,2.262 -0.43412,2.23915 -0.43412,4.20411 0,2.28485 0.68545,2.28485 0.89109,0 1.32521,-1.43946 0.1828,-0.20563 0.20564,-0.82254 0,-0.54836 0.27418,-0.7083 0.27418,-0.18279 0.79969,-0.18279 0.68545,0 1.18812,0.29703 0.59406,0.34273 0.57121,0.89109 z" id="text10-8-0-2" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="c"/>
+    <path d="m 160.44053,118.92903 q 1.53084,1.5537 1.53084,5.2323 0,2.85606 -1.07388,4.86672 -1.21096,2.26199 -3.33587,2.26199 -2.10205,0 -3.24447,-2.03351 -1.00534,-1.78218 -1.00534,-4.52399 0,-2.42193 0.77685,-4.3412 0.82254,-2.05637 2.10206,-2.42194 0.6626,-0.18279 1.3709,-0.18279 1.75934,0 2.87891,1.14242 z m -2.60472,1.09673 q -0.754,-0.0685 -1.30236,1.41661 -0.47981,1.34806 -0.47981,2.8332 0,2.14775 0.18278,3.03884 0.31988,1.59939 1.32521,1.75933 0.63976,0.0914 1.18812,-1.75933 0.52551,-1.78217 0.52551,-3.81568 0,-3.33588 -1.43945,-3.47297 z" id="text9-1-2-8" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="o"/>
+    <path d="m 184.86869,128.31974 q -0.18279,0.86824 -1.23382,1.85073 -0.15994,0.25133 -1.25667,0.6626 -1.25666,0.47982 -2.1706,0.41127 -1.71363,-0.11424 -2.69611,-1.96496 -0.89109,-1.71363 -0.89109,-4.20411 0,-2.69612 1.00533,-4.72963 1.11957,-2.23915 2.99315,-2.51333 0.36557,-0.0457 0.7083,-0.0457 2.71896,0 2.99315,3.33588 0.13709,1.53085 -1.21098,3.33587 -1.46228,1.98781 -3.74714,2.78751 0.25134,0.91394 0.38843,1.18812 0.31988,0.57121 0.86824,0.57121 0.52551,0 1.11957,-0.41128 0.50267,-0.34272 0.68545,-0.6626 0.0914,-0.0457 0.1828,-0.50266 0.0914,-0.47982 0.47981,-0.68546 0.13709,-0.0685 0.31988,-0.0685 0.54837,0 1.05103,0.54836 0.5255,0.52551 0.41127,1.09672 z m -3.5872,-8.04265 q -0.91394,0 -1.48515,1.30237 -0.754,1.73648 -0.61691,3.42726 1.07388,-0.34272 1.98782,-1.59939 0.91393,-1.25666 0.91393,-2.23914 0,-0.8911 -0.79969,-0.8911 z" id="text7-2-4-7" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="e"/>
+    <path d="m 189.26698,113.30832 q 0.0457,0.15994 0.0457,0.31988 0,0.22848 -0.15993,0.68545 -0.15995,0.43412 -0.15995,0.73115 v 7.58569 q 0,0.34272 0.15995,0.93678 0.18278,0.59406 0.18278,0.84539 0,0.43412 -0.36557,0.7083 -0.34273,0.25134 -0.89109,0.25134 -1.18812,0 -1.82787,-0.82255 -0.20564,-0.27418 -0.20564,-0.6169 0,-0.11424 0.0457,-0.41128 0.0457,-0.31987 0.0228,-0.52551 -0.20564,-2.85606 -0.20564,-5.8949 0,-3.95278 0.34273,-4.3412 0.25133,-0.29703 1.14242,-0.29703 1.64509,0 1.87357,0.84539 z m 0,14.39452 q 0.11425,0.25133 0.11425,0.54836 0,0.20563 -0.0914,0.6626 -0.0686,0.45697 -0.0686,0.7083 0,-0.0457 0.0686,0.68546 0.0228,0.38842 -0.15994,0.6626 -0.25134,0.41127 -0.93679,0.41127 -1.18812,0 -1.80503,-0.79969 -0.15994,-0.22848 -0.15994,-0.7083 0,-0.18279 0.0457,-0.82255 0.0457,-0.57121 0.0228,-0.93678 0,-0.0686 -0.0685,-0.47982 -0.0686,-0.27418 0.0228,-0.47981 0.18278,-0.43413 1.02817,-0.43413 1.5537,0 1.98782,0.98249 z" id="text6-2-5-1" style="font-size:85.3333px;line-height:0;font-family:'Marker Felt';-inkscape-font-specification:'Marker Felt';text-align:justify;letter-spacing:0px;word-spacing:0.05px;white-space:pre;stroke:#000000;stroke-width:0.414887;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0.74891;stroke-opacity:0.838663;paint-order:fill markers stroke" aria-label="!"/>
+    <g class="note" id="note"><g id="g21-0-4-5" transform="matrix(2.9706677,0,0,2.9706677,65.75444,498.39952)" style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+      <path d="m 32.279156,-127.55052 h 4.892002" stroke-width="0.32031" id="path131-6-1-9" style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1"/>
+      <circle cx="37.782658" cy="-128.86089" id="ellipse132-2-7-4" r="0.5241431" style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.0145595;stroke-opacity:1"/>
+      <g id="y198t3iu-4-7-9" class="stem" transform="matrix(0.01455953,0,0,0.00695652,-68.429113,-181.50041)" style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:29.8093;stroke-dasharray:none;stroke-opacity:1">
+        <path d="M 7191,7763 V 6613" stroke-width="18" id="path134-0-0-0" style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:29.8093;stroke-dasharray:none;stroke-opacity:1"/>
+      </g>
+      <g id="num8rai-1-9-6" class="note" transform="matrix(0.01455953,0,0,0.01455953,-68.429113,-241.30413)" style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+        <g class="notehead" id="g134-7-2-7" style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+          <g id="use134-0-2-1" transform="matrix(0.72,0,0,0.72,6965,7813)" style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+            <path transform="scale(1,-1)" d="m 333,39 c 1,5 1,10 1,15 0,64 -74,121 -123,121 -5,0 -10,-1 -14,-2 C 88,139 0,66 0,-47 c 0,-16 2,-33 6,-51 8,-35 24,-61 59,-70 17,-4 34,-6 51,-6 114,0 216,94 217,213 z M 148,-71 c -19,1 -27,1 -36,3 -23,5 -59,0 -64,25 -5,23 20,49 42,62 36,19 70,47 113,47 5,0 9,0 13,-1 29,-4 43,-28 61,-46 1,-1 2,-4 2,-7 0,-3 -1,-7 -2,-8 -40,-37 -87,-60 -129,-75 z" id="path11-8-3-4" style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1"/>
+          </g>
+        </g>
+      </g>
+    </g>
+    </g><g class="green-hand" id="green-hand"><g id="g83" transform="matrix(-0.71301495,0,0,0.71301495,60.51157,42.85462)">
+      <path style="fill:#76de76;fill-opacity:1;stroke:#0000ff;stroke-width:0.465802;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:fill markers stroke" d="m -636.60869,250.57901 c -3.06222,-0.15553 -5.27039,2.50889 -5.5267,5.38628 -1.88118,9.13346 -0.38216,19.51488 -6.62754,27.22509 -6.95093,8.74983 -16.86066,16.01847 -19.53361,27.44815 -0.33335,1.23154 -0.5772,2.79695 -0.99253,3.81766 -0.55564,-4.01061 1.8148,-7.87675 1.14017,-11.8357 -1.55753,-2.53538 -4.80592,-0.25538 -6.38979,1.08882 -6.85304,5.27426 -7.83259,14.79932 -7.02578,22.80645 0.9921,8.03105 4.01915,17.00312 11.45619,21.19611 2.09699,0.59256 5.36369,1.6344 6.83776,-0.53999 -0.0335,-3.71561 -2.96528,-6.92964 -3.46141,-10.55433 5.87595,10.63746 17.67485,18.00313 29.92747,17.82617 3.50677,-0.0596 7.35417,0.58697 10.56154,-1.0182 0.50821,-2.50414 -2.55685,-4.12408 -3.0193,-6.56255 -1.84006,-4.44841 1.55371,-8.33546 2.70558,-12.3757 0.32701,-2.73729 -1.58465,-5.20097 -1.14719,-8.00198 -0.29349,-3.90688 2.91886,-7.00893 3.34166,-10.71001 -3.13437,-3.74272 -3.2222,-9.64205 -0.77268,-13.7662 3.50384,-4.58691 10.06536,-4.20029 15.23912,-4.01654 2.25115,0.1451 -1.72969,0.50211 -2.47908,0.62414 -4.99222,0.52519 -11.38112,1.77395 -13.10827,7.26462 -1.64568,5.91638 4.16334,11.1863 9.63161,11.96249 8.50898,1.07465 18.36294,0.0166 24.57488,-6.51361 4.32966,-4.39862 3.45257,-11.81496 -0.78632,-15.94784 -5.36424,-5.41938 -13.49782,-5.45021 -20.59273,-5.40989 -4.44558,-0.25783 -9.25225,0.56411 -13.4252,-1.26499 -1.75349,-2.32468 -0.056,-5.43167 0.45173,-7.96349 2.46931,-7.68359 4.4389,-17.07835 -0.73095,-24.13357 -2.38486,-3.23261 -6.05613,-6.07805 -10.24863,-6.03139 z" id="path81" transform="matrix(0.26458333,0,0,0.26458333,-28.491819,30.034714)"/>
+      <path style="fill:#76de76;fill-opacity:1;stroke:#0000ff;stroke-width:0.465802;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:fill markers stroke" d="m -592.27072,316.33614 c -7.08298,1.24047 -13.95035,4.9762 -21.33733,3.70693 -3.44468,-0.42685 -7.77404,-2.42528 -10.63617,0.69645 -3.59285,4.38735 -1.58186,11.39954 3.14479,14.13629 6.08743,4.25201 13.91848,3.33055 20.87244,2.5746 8.20402,-1.20074 14.69578,-10.73102 11.45378,-18.66064 -0.64818,-1.33211 -1.94537,-2.48142 -3.49751,-2.45363 z" id="path82" transform="matrix(0.26458333,0,0,0.26458333,-28.491819,30.034714)"/>
+      <path style="fill:#76de76;fill-opacity:1;stroke:#0000ff;stroke-width:0.465802;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:fill markers stroke" d="m -622.95963,336.80049 c -3.82086,0.91225 -6.37262,5.77656 -4.5438,9.41176 2.72038,6.09979 9.89117,8.85046 16.2431,8.18815 5.82138,0.087 12.76572,-1.60908 15.34686,-7.45318 0.72541,-2.2868 1.99487,-5.5854 0.009,-7.54225 -2.8797,-1.22261 -6.17533,0.46279 -9.13334,0.19979 -5.68741,0.24497 -11.45858,-0.43456 -16.73736,-2.62935 -0.38686,-0.0953 -0.78296,-0.18949 -1.18429,-0.17492 z" id="path83" transform="matrix(0.26458333,0,0,0.26458333,-28.491819,30.034714)"/>
+      <path d="m -199.07057,124.34059 c -0.60746,-0.11657 -1.79517,-0.53868 -2.63933,-0.93804 -1.14144,-0.53998 -1.86551,-0.70855 -2.82484,-0.65763 -1.68761,0.0896 -2.52928,-0.29338 -3.42878,-1.56003 -1.05037,-1.47911 -1.51161,-3.23682 -1.52772,-5.82191 -0.0147,-2.3522 0.44088,-4.17385 1.27952,-5.11661 0.52921,-0.5949 1.92201,-1.23339 2.69055,-1.23339 0.64388,0 4.68422,-4.11614 5.41349,-5.51505 0.34045,-0.65305 0.5649,-1.82668 0.69099,-3.613072 0.10272,-1.45521 0.27197,-2.845 0.37612,-3.08842 0.29349,-0.6859 1.93716,-1.35603 2.86896,-1.16967 2.00883,0.40177 3.62866,2.69518 3.63032,5.139922 4.6e-4,0.67916 -0.25649,2.10303 -0.571,3.16415 -0.3401,1.14747 -0.47447,2.02227 -0.33156,2.1587 0.13576,0.12961 0.93078,0.11541 1.82777,-0.0326 3.92276,-0.64752 7.40778,0.76217 8.08295,3.26956 0.22856,0.84882 0.19717,1.3385 -0.15825,2.46847 -0.40845,1.29857 -0.40977,1.45755 -0.0169,2.01853 0.91005,1.29928 0.23946,4.59816 -1.03404,5.08685 -0.2752,0.1056 -0.39152,0.55329 -0.39152,1.50679 0,1.62848 -0.57102,2.71013 -1.84813,3.50085 -0.85349,0.52843 -1.2964,0.57365 -5.95313,0.60775 -2.76707,0.0203 -5.52805,-0.0585 -6.13552,-0.1751 z m 4.67636,-0.93223 c 0,-0.0862 -0.23812,-0.45943 -0.52917,-0.82943 -0.6807,-0.86538 -0.67178,-2.08396 0.0236,-3.22463 0.44654,-0.73247 0.49643,-1.02278 0.26359,-1.5338 -0.42785,-0.93903 -0.34973,-1.95839 0.2385,-3.11217 0.46726,-0.91651 0.48197,-1.07946 0.1323,-1.46584 -0.23242,-0.25682 -0.39341,-0.95119 -0.39341,-1.69679 0,-2.11987 1.63656,-3.22004 4.48331,-3.01389 1.82026,0.13181 1.61374,0.65114 -0.32069,0.80641 -1.83852,0.14758 -2.6346,0.51694 -3.13685,1.45539 -0.42823,0.80017 -0.0717,1.82569 0.88148,2.53529 1.46929,1.09385 5.42836,0.75097 7.17281,-0.62121 1.82369,-1.43452 1.37915,-4.08413 -0.85893,-5.11948 -1.03968,-0.48096 -1.63572,-0.55156 -4.24139,-0.50236 -4.15923,0.0785 -4.53339,-0.2863 -3.45058,-3.36453 0.60427,-1.71782 0.67117,-3.64589 0.16827,-4.849502 -0.7668,-1.83521 -3.03048,-2.91139 -3.90618,-1.85705 -0.22168,0.26691 -0.42441,1.42635 -0.52044,2.97656 -0.2158,3.483252 -0.79926,4.740182 -3.32147,7.155322 -2.04774,1.9608 -3.11654,3.71432 -3.43562,5.63665 -0.0906,0.5457 -0.26051,0.99218 -0.37762,0.99218 -0.43615,0 -0.50188,-0.9866 -0.15486,-2.3244 0.341,-1.31457 0.33349,-1.37976 -0.15896,-1.37976 -0.28427,0 -0.90791,0.39104 -1.38584,0.86898 -2.82383,2.82382 -1.02578,11.03727 2.41623,11.03727 0.75764,0 0.76628,-0.13493 0.0932,-1.45521 -0.55019,-1.07916 -0.69026,-1.98438 -0.30705,-1.98438 0.12216,0 0.35764,0.29744 0.52327,0.66098 0.84099,1.84577 3.31836,3.65425 5.73691,4.18795 0.81739,0.18038 4.36562,0.19781 4.36562,0.0215 z m 6.51761,-0.27466 c 1.15721,-0.54913 1.68447,-1.30588 1.68447,-2.41762 0,-0.87628 -0.003,-0.87848 -0.99218,-0.67243 -1.54327,0.32156 -4.20916,0.14952 -5.23636,-0.33792 -0.8777,-0.41649 -0.96077,-0.41478 -1.45224,0.03 -1.04829,0.94869 -0.48061,2.57 1.19849,3.42289 1.05215,0.53444 3.64747,0.52096 4.79782,-0.0249 z m 1.64377,-4.44237 c 1.62537,-0.84052 2.47467,-3.26144 1.56206,-4.45265 -0.30304,-0.39556 -0.48578,-0.37821 -2.18281,0.20718 -2.0251,0.69856 -3.42174,0.80148 -4.98513,0.36737 -1.32685,-0.36844 -2.02633,0.1849 -2.02633,1.60297 0,1.14344 0.74202,1.96867 2.29002,2.54683 1.2504,0.46701 4.20418,0.31678 5.34219,-0.2717 z" style="fill:#000000" id="path1-8"/>
+    </g>
+    </g><g class="orange-hand" id="orange-hand"><g id="g93" transform="matrix(-0.50078215,0.52192496,0.52192496,0.50078215,94.60816,313.82454)">
+      <path style="fill:#ffa76d;fill-opacity:1;stroke:#0000ff;stroke-width:0.329372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:fill markers stroke" d="m -709.2375,-838.54875 c -9.33301,0.61995 -18.41937,3.15339 -27.42998,5.52156 -9.05545,2.64712 -18.59035,5.1895 -25.85803,11.55128 -11.47816,9.27207 -18.69404,22.68306 -23.61895,36.35881 -0.7993,2.39658 -1.53865,4.82585 -1.9593,7.32112 -0.49385,-2.65434 0.25285,-5.8214 -1.47173,-8.09565 -1.90567,-1.62264 -4.10271,0.45476 -5.38785,1.87045 -3.32358,2.67005 -4.4063,7.16713 -3.87625,11.24927 1.25552,9.35014 5.60347,18.28972 12.03906,25.17132 2.76876,2.86672 6.49592,5.50823 10.70265,4.84468 2.40534,-0.3501 5.61862,-0.5969 6.86391,-3.02005 0.39732,-2.09208 -2.12818,-3.08175 -3.39054,-4.27732 -1.23094,-0.96757 -2.40117,-2.01494 -3.47961,-3.15054 5.9241,2.62517 11.96936,5.61197 18.61277,5.56919 6.7349,0.40711 13.73356,-0.41747 19.6516,-3.87222 7.987,-4.3302 14.50839,-11.08914 23.08526,-14.38467 4.65008,-2.06242 9.59446,-3.46828 14.20155,-5.58239 2.74343,-2.78808 1.79802,-7.7486 -0.82382,-10.3146 -3.69003,-3.25758 -9.07061,-3.10683 -13.6828,-2.66644 -5.35593,0.53466 -10.00306,3.49374 -15.1912,4.51889 -3.20745,0.36568 -7.05371,0.11633 -9.06185,-2.80162 -2.99446,-3.03189 -2.65331,-8.0255 -0.35523,-11.35576 3.21504,-5.44073 8.08851,-9.62374 12.38949,-14.17314 0.85643,-0.51109 1.58674,-2.40658 2.67508,-1.39057 5.38097,3.45019 11.0237,7.20493 17.62978,7.50052 4.37749,0.29026 9.68685,0.35945 12.66717,-3.47284 1.63977,-2.09364 1.8374,-5.42498 0.33588,-7.61735 -3.19737,-2.96031 -7.53408,-4.2653 -11.3693,-6.18989 -6.164,-2.5541 -12.16054,-5.74138 -18.70355,-7.22418 -5.46988,-0.90764 -10.62686,1.91659 -15.55899,3.85044 -4.62847,1.92661 -9.05399,4.42815 -13.78423,5.96771 5.68407,-4.11323 11.92556,-7.40906 18.52766,-9.71262 6.45373,-2.30353 13.66869,-1.79919 19.88837,0.99301 2.3922,0.7861 4.57515,2.59036 7.12245,2.69709 2.64806,-1.53485 4.69911,-4.0095 6.64433,-6.34534 1.51962,-1.86508 1.76703,-4.86957 -0.27573,-6.46448 -2.04814,-2.02623 -4.86366,-3.16116 -7.75807,-2.87367 z" id="path93" transform="matrix(0.26458333,0,0,0.26458333,-28.491819,30.034714)"/>
+      <path d="m -235.55018,-166.02215 c -1.25101,-0.5495 -2.8782,-2.50425 -3.9643,-4.76236 -0.8189,-1.70256 -0.99225,-2.35491 -1.01117,-3.80523 -0.0156,-1.19412 0.12328,-2.02226 0.43691,-2.60582 0.48288,-0.89849 1.64689,-1.65813 2.54079,-1.65813 0.38799,0 0.73916,-0.44032 1.31884,-1.65364 1.83106,-3.83254 4.43139,-7.0007 6.9517,-8.46971 2.17032,-1.26501 6.83165,-2.6004 12.19517,-3.49371 3.67778,-0.61254 5.49005,2.41997 2.76686,4.62984 -0.48116,0.39046 -0.47183,0.41862 0.25189,0.75984 2.64004,1.24473 2.97986,1.58003 2.99211,2.95236 0.006,0.71332 -0.1891,1.13176 -0.80339,1.71979 -0.77068,0.73774 -0.92816,0.77711 -3.10885,0.77711 -2.0078,0 -2.48688,-0.0962 -3.80454,-0.76385 l -1.50749,-0.76386 -1.34933,1.12973 c -2.34456,1.96298 -2.92913,3.95534 -1.4457,4.92732 0.63256,0.41447 0.76281,0.3959 2.76054,-0.39353 2.35247,-0.92961 4.54603,-1.09437 5.81737,-0.43693 1.15797,0.59881 1.86231,1.65774 1.86231,2.79989 0,1.26594 -0.68932,1.8496 -3.1068,2.63061 -2.3363,0.75478 -3.00466,1.1156 -5.40825,2.91964 -2.8634,2.14916 -4.47437,2.70358 -7.53066,2.59171 -1.94326,-0.0711 -2.51628,-0.004 -2.91041,0.34042 -1.23367,1.07837 -2.47059,1.27551 -3.9436,0.62851 z m 3.15415,-1.19639 c 0.22404,-0.23468 0.16901,-0.38868 -0.22023,-0.6162 -0.78547,-0.45913 -2.07865,-1.76269 -1.91299,-1.92835 0.0803,-0.0803 0.93965,0.2446 1.90956,0.72209 1.44467,0.7112 2.15357,0.8879 3.92105,0.97734 2.66963,0.1351 4.46191,-0.4636 6.87147,-2.29538 2.25783,-1.71643 3.19666,-2.24713 5.34025,-3.01874 1.01864,-0.36668 2.06044,-0.74947 2.3151,-0.85065 0.65496,-0.26021 0.61262,-1.76203 -0.067,-2.37708 -1.09369,-0.98978 -3.60268,-0.93728 -5.93261,0.12412 -1.67947,0.76509 -3.0822,0.7107 -3.94589,-0.15299 -1.61084,-1.61084 -1.09241,-3.34333 1.87546,-6.2674 l 1.82608,-1.79914 1.36726,0.9201 c 2.90838,1.95719 6.92723,1.74685 6.92723,-0.36257 0,-0.93337 -0.15559,-1.0505 -3.175,-2.39028 -4.5094,-2.00093 -5.01549,-2.13581 -6.50333,-1.73328 -0.71603,0.19372 -2.30761,0.84314 -3.53684,1.44316 -2.27683,1.11137 -2.92441,1.2951 -2.92441,0.82967 0,-0.33136 1.46394,-1.248 3.83646,-2.40218 2.47173,-1.20244 4.79143,-1.26686 7.07537,-0.19648 l 1.51912,0.71194 0.92828,-0.87548 c 0.51055,-0.48151 0.92827,-1.12255 0.92827,-1.42454 0,-0.70873 -0.95666,-1.37283 -1.97762,-1.37283 -2.22478,0 -9.19128,1.75822 -11.88118,2.99859 -1.59004,0.7332 -3.72258,2.58931 -5.04547,4.39144 -1.78698,2.43435 -3.83949,7.07898 -3.84703,8.70546 -0.002,0.37746 -0.13138,0.57308 -0.33359,0.50341 -0.20917,-0.0721 -0.32658,-0.61503 -0.31944,-1.47726 0.0129,-1.55943 -0.32002,-1.74009 -1.33548,-0.72463 -0.86446,0.86447 -1.06646,1.85245 -0.7182,3.51279 0.53404,2.54603 2.10372,5.1953 3.76218,6.3497 0.71732,0.4993 1.15689,0.61573 1.95026,0.51655 0.56333,-0.0704 1.15864,-0.26883 1.32292,-0.4409 z" style="fill:#000000" id="path1-2"/>
+    </g>
+  </g></g>
+</svg>
diff --git a/assets/logos/lets-encode-cream.png b/assets/logos/lets-encode-cream.png
new file mode 100644
index 0000000..91dbe9a
Binary files /dev/null and b/assets/logos/lets-encode-cream.png differ
diff --git a/assets/logos/lets-encode-nav.png b/assets/logos/lets-encode-nav.png
new file mode 100644
index 0000000..85aa71e
Binary files /dev/null and b/assets/logos/lets-encode-nav.png differ
diff --git a/index.html b/index.html
index 7cc3b77..6bd9881 100644
--- a/index.html
+++ b/index.html
@@ -3,14 +3,32 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Let's Encode! — citizen science for music encoding</title>
-<meta name="description" content="Let's Encode! is a citizen-science project for crowd-based encoding and validation of music scores in the MEI format, built around the free mei-friend editor.">
+<title>Let's Encode! Crowd-encoding and validation of music scores</title>
+<meta name="description" content="Let's Encode! is a citizen-science project for crowd-based encoding and validation of music scores in the MEI format, with a family of free, browser-based tools for different levels of expertise — from the mei-friend MEI-XML editor to graphical interfaces that need no MEI knowledge.">
 
 <!-- Open Graph / social preview -->
 <meta property="og:title" content="Let's Encode!">
 <meta property="og:description" content="Crowd-based encoding and validation of music scores in the MEI format.">
 <meta property="og:type" content="website">
 
+<meta name="color-scheme" content="light dark">
+<script>
+  // Theme: a saved choice (from the bulb toggle) wins; otherwise follow the
+  // machine's colour-scheme setting. Runs before first paint so there's no
+  // wrong-theme flash. Only the user's explicit pick is stored, under a single
+  // localStorage key — a functional preference, no tracking.
+  (function () {
+    var stored = null;
+    try { stored = localStorage.getItem("theme"); } catch (e) {}
+    var dark = stored
+      ? stored === "dark"
+      : (window.matchMedia && matchMedia("(prefers-color-scheme: dark)").matches);
+    var theme = dark ? "dark" : "light";
+    document.documentElement.dataset.theme = theme;
+    document.documentElement.style.colorScheme = theme;
+  })();
+</script>
+
 <!-- Favicons (blue hand + note, isolated from the project logo) -->
 <link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
 <link rel="icon" href="assets/favicon-32.png" sizes="32x32" type="image/png">
@@ -26,18 +44,37 @@
 <!-- ====================== TOP BAR ====================== -->
 <header class="topbar">
   <div class="wrap">
-    <a class="brand" href="#top" aria-label="Let's Encode! — back to top">Let's Encode!</a>
-    <nav class="nav" id="primary-nav" aria-label="Primary">
-      <a href="#about">About</a>
-      <a href="#goals">Goals</a>
-      <a href="#get-involved">Get involved</a>
-      <a href="#team">Team</a>
-      <a href="#advisory">Advisory board</a>
-      <a href="#funding">Funding</a>
-    </nav>
-    <button class="nav-toggle" type="button" aria-label="Open menu" aria-expanded="false" aria-controls="primary-nav">
-      <span class="nav-toggle-bars" aria-hidden="true"></span>
-    </button>
+    <a class="brand" href="#top" aria-label="Let's Encode! — back to top"><span class="brand-logo" title="Let's Encode! Crowd-encoding and validation of music scores"><img class="brand-logo-img brand-logo-rest" src="assets/logos/lets-encode-nav.png" alt="" width="1120" height="400"><img class="brand-logo-img brand-logo-rest-dark" src="assets/logos/lets-encode-cream.png" alt="" width="1120" height="400"><img class="brand-logo-img brand-logo-hover" src="assets/logo.svg" alt="" width="1391" height="400"><img class="brand-logo-img brand-logo-hover-dark" src="assets/logo-dark.svg" alt="" width="1391" height="400"></span><span class="brand-text" aria-hidden="true">Let's Encode!</span></a>
+    <div class="topbar-right">
+      <nav class="nav" id="primary-nav" aria-label="Primary">
+        <a href="#about">About</a>
+        <a href="#goals">Goals</a>
+        <a href="#get-involved">Get involved</a>
+        <a href="#team">Team</a>
+        <a href="#advisory">Advisory board</a>
+        <a href="#funding">Funding</a>
+      </nav>
+      <button class="theme-toggle" type="button" aria-label="Switch to dark theme" aria-pressed="false" title="Toggle light / dark theme">
+        <svg class="bulb" viewBox="-2 -2 28 28" width="22" height="22" aria-hidden="true" focusable="false">
+          <g class="bulb-rays" stroke="currentColor" stroke-width="1.8" stroke-linecap="round">
+            <line x1="12" y1="-1.8" x2="12" y2="2"/>
+            <line x1="21.8" y1="2.2" x2="18.9" y2="5.1"/>
+            <line x1="2.2" y1="2.2" x2="5.1" y2="5.1"/>
+            <line x1="24.6" y1="11" x2="20.8" y2="11"/>
+            <line x1="-0.6" y1="11" x2="3.2" y2="11"/>
+          </g>
+          <path class="bulb-glass" d="M12 2.6a6.2 6.2 0 0 0-3.8 11.1c.75.58 1.25 1.4 1.35 2.35h4.9c.1-.95.6-1.77 1.35-2.35A6.2 6.2 0 0 0 12 2.6Z"/>
+          <path class="bulb-filament" d="M10 12.7 12 10l2 2.7"/>
+          <g class="bulb-base" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none">
+            <path d="M9.6 16.2v1.6h4.8v-1.6"/>
+            <line x1="10.4" y1="20" x2="13.6" y2="20"/>
+          </g>
+        </svg>
+      </button>
+      <button class="nav-toggle" type="button" aria-label="Open menu" aria-expanded="false" aria-controls="primary-nav">
+        <span class="nav-toggle-bars" aria-hidden="true"></span>
+      </button>
+    </div>
   </div>
 </header>
 
@@ -45,6 +82,12 @@
 
   <!-- ====================== HERO ====================== -->
   <section class="hero" aria-labelledby="hero-heading">
+    <a class="hero-corner hero-corner-left" href="https://iwk.mdw.ac.at" target="_blank" rel="noopener" title="Department of Music Acoustics – Wiener Klangstil">
+      <img src="assets/logos/IWK-logo2018-P281-short.svg" alt="IWK – Department of Music Acoustics – Wiener Klangstil" title="Department of Music Acoustics – Wiener Klangstil">
+    </a>
+    <a class="hero-corner hero-corner-right" href="https://mdw.ac.at" target="_blank" rel="noopener" title="mdw – University of Music and Performing Arts Vienna">
+      <img src="assets/logos/MDW_Logo_englisch281.svg" alt="mdw – University of Music and Performing Arts Vienna" title="mdw – University of Music and Performing Arts Vienna">
+    </a>
     <div class="wrap">
       <h1 id="hero-heading" class="visually-hidden" style="position:absolute;left:-9999px;">Let's Encode!</h1>
       <!--
@@ -53,7 +96,7 @@ <h1 id="hero-heading" class="visually-hidden" style="position:absolute;left:-999
         Do NOT replace this with <img src="lets-encode-logo.svg"> — that shows the
         static logo only. The static logo also renders fine with JS disabled.
       -->
-      <div class="logo" role="img" aria-label="Let's Encode! logo: three cartoon hands interacting with the words, a musical note, and a thumbs-up.">
+      <div class="logo" role="img" aria-label="Let's Encode! logo: three cartoon hands interacting with the words, a musical note, and a thumbs-up." title="Let's Encode! Crowd-encoding and validation of music scores">
 <svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="141.11163mm" height="40.581127mm" viewBox="0 0 141.11163 40.581127" version="1.1" id="svg1" inkscape:version="1.4 (e7c3feb1, 2024-10-09)" sodipodi:docname="lets-encode.svg">
   <sodipodi:namedview id="namedview1" pagecolor="#ffffff" bordercolor="#000000" borderopacity="0.25" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" inkscape:document-units="mm" inkscape:zoom="0.82136644" inkscape:cx="118.09589" inkscape:cy="206.97218" inkscape:current-layer="layer1"/>
   <defs id="defs1"><style type="text/css"><![CDATA[
@@ -184,8 +227,8 @@ <h1 id="hero-heading" class="visually-hidden" style="position:absolute;left:-999
       <p class="tagline">Crowd-encoding the world's music scores, one note at a time.</p>
       <p class="lede">
         Let's Encode! is a citizen-science project that helps anyone turn sheet music
-        into rich, machine-readable encodings in the <abbr title="Music Encoding Initiative">MEI</abbr>
-        format — no specialist training required.
+        into rich, machine-readable encodings in the <a href="https://music-encoding.org" target="_blank" rel="noopener"><abbr title="Music Encoding Initiative">MEI</abbr>
+        format</a> — no specialist training required.
       </p>
       <div class="cta-row">
         <a class="btn btn-primary" href="#get-involved">Get involved</a>
@@ -199,28 +242,30 @@ <h1 id="hero-heading" class="visually-hidden" style="position:absolute;left:-999
     <div class="wrap">
       <div class="section-head">
         <p class="kicker">About the project</p>
-        <h2 id="about-heading" aria-label="Making music readable by machines">Making music readable by machine<span class="gx side r hold" style="--s:1.5em;--r:28deg;--hb:-.4em;--ovl:.5em;--lift:.16em"><span class="gly">s</span><span class="hand"><img class="hpic" src="assets/hands/measure-blue.svg" alt="" aria-hidden="true"></span></span></h2>
+        <h2 id="about-heading" aria-label="Making music readable by machines">Making music readable by <span class="gw">machine<span class="gx side r hold" style="--s:1.5em;--r:28deg;--hb:-.4em;--ovl:.5em;--lift:.16em"><span class="gly">s</span><span class="hand"><img class="hpic hpic-day" src="assets/hands/measure-blue.svg" alt="" aria-hidden="true"><img class="hpic hpic-night" src="assets/hands/measure-blue-dark.svg" alt="" aria-hidden="true"></span></span></span></h2>
       </div>
       <div class="prose">
         <p>
-          Digital musical scores are essential tools in both performance and musicology.
+          Digital music scores are essential tools in both performance and musicology.
           But standard PDFs and scanned sheet music can't easily be processed by computers:
-          musicians instantly grasp their meaning, yet the musical <em>semantics</em> stay
+          musicians instantly grasp their meaning, yet the music <em>semantics</em> stay
           hidden from machines.
         </p>
         <p>
-          Let's Encode! builds infrastructure around
-          <a href="https://mei-friend.mdw.ac.at" target="_blank" rel="noopener">mei-friend</a>,
-          a free, browser-based music encoding editor, to enable crowd-based encoding and
-          validation of musical scores. This lets interested people take part in digitising
-          music — without extensive technical knowledge or administrative barriers — and
-          helps build a shared, openly reusable library of encoded music.
+          Let's Encode! builds infrastructure for crowd-based encoding and validation of
+          music scores — a range of free, browser-based tools pitched at different levels
+          of technical expertise, from the
+          <a href="https://mei-friend.mdw.ac.at" target="_blank" rel="noopener">mei-friend</a>
+          MEI-XML editor to graphical interfaces that need no MEI knowledge at all, so the right person can
+          use the right tool for the right task. This lets interested people take part in
+          digitising music — without extensive technical knowledge or administrative
+          barriers — and helps build a shared, openly reusable library of encoded music.
         </p>
         <p>We've tried to remove every obstacle between you and the music you want to encode:</p>
         <ul>
           <li><strong>Free and open source</strong> — no fees; our software is openly licensed, and you choose how your encodings are shared, with open, reuse-friendly licences recommended.</li>
           <li><strong>Nothing to install</strong> — our tools run entirely in your browser, on whatever device you already have.</li>
-          <li><strong>You're in charge</strong> — campaigns are user-directed, so you can <em>start and manage</em> your own campaign, not just take part in someone else's — all from your browser.</li>
+          <li><strong>You're in charge</strong> — campaigns are user-directed, so you can <em>start and manage</em> your own campaign as well as taking part in someone else's — all from your browser.</li>
         </ul>
       </div>
     </div>
@@ -231,7 +276,7 @@ <h2 id="about-heading" aria-label="Making music readable by machines">Making mus
     <div class="wrap">
       <div class="section-head">
         <p class="kicker">What we're working towards</p>
-        <h2 id="goals-heading" aria-label="Project goals">Project goa<span class="gx above twiddle" style="--s:1.2em;--hx:0%;--dx:.58em;--r:-15deg;--dip:.5em;--ox:50%;--oy:32%;--spin:-1"><span class="gly">l</span><span class="hand"><img class="hpic" src="assets/hands/pinch-orange.svg" alt="" aria-hidden="true"></span></span>s</h2>
+        <h2 id="goals-heading" aria-label="Project goals">Project <span class="gw">goa<span class="gx above twiddle" style="--s:1.2em;--hx:0%;--dx:.58em;--r:-15deg;--dip:.5em;--ox:50%;--oy:32%;--spin:-1"><span class="gly">l</span><span class="hand"><img class="hpic" src="assets/hands/pinch-orange.svg" alt="" aria-hidden="true"></span></span>s</span></h2>
         <p>We investigate ways to make semantic music-encoding technologies accessible to diverse communities. Early collaborations include:</p>
       </div>
       <ul class="goals">
@@ -256,7 +301,7 @@ <h2 id="goals-heading" aria-label="Project goals">Project goa<span class="gx abo
     <div class="wrap">
       <div class="callout">
         <span class="badge">Coming soon</span>
-        <h2 id="involved-heading" aria-label="Start or join a campaign">Start or join a cam<span class="gx below nudge" style="--s:1.4em;--hx:60%;--dip:.20em;--ox:50%;--oy:100%;--hr:-8deg;--gr:6deg"><span class="gly">p</span><span class="hand"><img class="hpic" src="assets/hands/thumb-green.svg" alt="" aria-hidden="true"></span></span>aign</h2>
+        <h2 id="involved-heading" aria-label="Start or join a campaign">Start or join a <span class="gw">cam<span class="gx below nudge" style="--s:1.4em;--hx:60%;--dip:.20em;--ox:50%;--oy:100%;--hr:-8deg;--gr:6deg"><span class="gly">p</span><span class="hand"><img class="hpic" src="assets/hands/thumb-green.svg" alt="" aria-hidden="true"></span></span>aign</span></h2>
         <p>
           Soon you'll be able to launch your own encoding campaign or join one already under
           way — contributing encodings, validating others' work, and watching a collection
@@ -272,7 +317,7 @@ <h2 id="involved-heading" aria-label="Start or join a campaign">Start or join a
     <div class="wrap">
       <div class="section-head">
         <p class="kicker">Who we are</p>
-        <h2 id="team-heading" aria-label="Team">Tea<span class="gx side r wave" style="--s:1.4em;--r:5deg;--hb:0em;--ovl:-.06em;--ox:110%;--oy:90%"><span class="gly">m</span><span class="hand"><img class="hpic" src="assets/hands/wave-pink.svg" alt="" aria-hidden="true"></span></span></h2>
+        <h2 id="team-heading" aria-label="Team"><span class="gw">Tea<span class="gx side r wave" style="--s:1.4em;--r:5deg;--hb:0em;--ovl:-.06em;--ox:110%;--oy:90%"><span class="gly">m</span><span class="hand"><img class="hpic hpic-day" src="assets/hands/wave-pink.svg" alt="" aria-hidden="true"><img class="hpic hpic-night" src="assets/hands/wave-pink-dark.svg" alt="" aria-hidden="true"></span></span></span></h2>
       </div>
       <ul class="people">
         <li>
@@ -285,7 +330,7 @@ <h2 id="team-heading" aria-label="Team">Tea<span class="gx side r wave" style="-
         </li>
         <li>
           <span class="name">PhD researcher</span>
-          <span class="role">Starting September 2026</span>
+          <span class="role">Starting Autumn 2026</span>
         </li>
         <li>
           <span class="name">PhD researcher</span>
@@ -332,7 +377,7 @@ <h2 id="advisory-heading" aria-label="Advisory board"><span class="gx under shak
         </li>
         <li>
           <span class="name"><a href="https://eng.ox.ac.uk/people/david-lewis" target="_blank" rel="noopener">David Lewis</a></span>
-          <span class="role"><a href="https://oerc.ox.ac.uk" target="_blank" rel="noopener">Oxford e-Research Centre</a> &amp; <a href="https://gold.ac.uk" target="_blank" rel="noopener">Goldsmiths, University of London</a> (UK) · Lute Society</span>
+          <span class="role"><a href="https://oerc.ox.ac.uk" target="_blank" rel="noopener">Oxford e-Research Centre</a> &amp; <a href="https://gold.ac.uk" target="_blank" rel="noopener">Goldsmiths, University of London</a> (UK) · <a href="https://igor.gold.ac.uk/isms/ecolm/" target="_blank" rel="noopener"><abbr title="Electronic Corpus of Lute Music">ECOLM</abbr></a></span>
         </li>
         <li>
           <span class="name">Laurent Pugin</span>
@@ -347,21 +392,20 @@ <h2 id="advisory-heading" aria-label="Advisory board"><span class="gx under shak
     <div class="wrap">
       <div class="section-head">
         <p class="kicker">Funding &amp; acknowledgements</p>
-        <h2 id="funding-heading" aria-label="Supported by the Austrian Science Fund">Supported by the Austrian Science <span class="gx below lift" style="--s:.95em;--hx:50%;--dx:-.06em;--dip:.35em;--r:10deg"><span class="gly">Fun</span><span class="hand"><img class="hpic" src="assets/hands/palm-gold.svg" alt="" aria-hidden="true"></span></span>d</h2>
+        <h2 id="funding-heading" aria-label="Supported by the Austrian Science Fund">Supported by the Austrian Science <span class="gw"><span class="gx below lift" style="--s:.95em;--hx:50%;--dx:-.06em;--dip:.35em;--r:10deg"><span class="gly">Fun</span><span class="hand"><img class="hpic hpic-day" src="assets/hands/palm-gold.svg" alt="" aria-hidden="true"><img class="hpic hpic-night" src="assets/hands/palm-gold-dark.svg" alt="" aria-hidden="true"></span></span>d</span></h2>
         <p>
-          Let's Encode! is funded by the Austrian Science Fund (FWF), project number
-          <strong>PAT 2277625</strong>.
+          We gratefully acknowledge funding by the <a href="https://www.fwf.ac.at" target="_blank" rel="noopener">Austrian Science Fund (FWF)</a>.<br>
         </p>
       </div>
 
       <dl class="fund-meta">
         <div>
           <dt>Funder</dt>
-          <dd>Austrian Science Fund (FWF) — PAT 2277625</dd>
+          <dd><a href="https://www.fwf.ac.at" target="_blank" rel="noopener">Austrian Science Fund (FWF)</a><br/><a href="https://doi.org/10.55776/PAT2277625" target="_blank" rel="noopener">PAT 2277625</a></dd>
         </div>
         <div>
           <dt>Duration</dt>
-          <dd>May 2026 – 2030</dd>
+          <dd>May 2026 – April 2030</dd>
         </div>
         <div>
           <dt>Research areas</dt>
@@ -371,18 +415,18 @@ <h2 id="funding-heading" aria-label="Supported by the Austrian Science Fund">Sup
 
       <ul class="logos" style="margin-top:2.5rem;">
         <li>
-          <a href="https://iwk.mdw.ac.at" target="_blank" rel="noopener">
-            <img src="assets/logos/IWK-logo2018-P281-short.svg" alt="IWK – Department of Music Acoustics – Wiener Klangstil">
+          <a href="https://iwk.mdw.ac.at" target="_blank" rel="noopener" title="Department of Music Acoustics – Wiener Klangstil">
+            <img src="assets/logos/IWK-logo2018-P281-short.svg" alt="IWK – Department of Music Acoustics – Wiener Klangstil" title="Department of Music Acoustics – Wiener Klangstil">
           </a>
         </li>
         <li>
-          <a href="https://mdw.ac.at" target="_blank" rel="noopener">
-            <img src="assets/logos/MDW_Logo_englisch281.svg" alt="mdw – University of Music and Performing Arts Vienna">
+          <a href="https://mdw.ac.at" target="_blank" rel="noopener" title="mdw – University of Music and Performing Arts Vienna">
+            <img src="assets/logos/MDW_Logo_englisch281.svg" alt="mdw – University of Music and Performing Arts Vienna" title="mdw – University of Music and Performing Arts Vienna">
           </a>
         </li>
         <li>
-          <a href="https://www.fwf.ac.at" target="_blank" rel="noopener">
-            <img src="assets/logos/FWF_Logo_Zusatz_Dunkelblau_RGB_EN.svg" alt="FWF – Austrian Science Fund">
+          <a href="https://www.fwf.ac.at" target="_blank" rel="noopener" title="FWF – Austrian Science Fund">
+            <img src="assets/logos/FWF_Logo_Zusatz_Dunkelblau_RGB_EN.svg" alt="FWF – Austrian Science Fund" title="FWF – Austrian Science Fund">
           </a>
         </li>
       </ul>
@@ -394,7 +438,10 @@ <h2 id="funding-heading" aria-label="Supported by the Austrian Science Fund">Sup
 <!-- ====================== FOOTER ====================== -->
 <footer class="footer">
   <div class="wrap">
-    <span>© <span id="year">2026</span> <a href="#top">Let's Encode!</a> · <a href="https://mdw.ac.at" target="_blank" rel="noopener">mdw — University of Music and Performing Arts Vienna</a></span>
+    <div class="footer-left">
+      <span>© <span id="year">2026</span> <a href="#top">Let's Encode!</a> · <a href="https://mdw.ac.at" target="_blank" rel="noopener">mdw — University of Music and Performing Arts Vienna</a></span>
+      <span class="footer-updated">Last updated: <time id="last-updated" datetime="2026-08-21">21 August 2026</time></span>
+    </div>
     <span>
       <a href="https://iwk.mdw.ac.at/lets-encode" target="_blank" rel="noopener">Project page</a>
       &nbsp;·&nbsp;
@@ -410,6 +457,57 @@ <h2 id="funding-heading" aria-label="Supported by the Austrian Science Fund">Sup
 <script>
   document.getElementById("year").textContent = new Date().getFullYear();
 
+  // "Last updated" reflects the deployed file's Last-Modified time (≈ deploy date
+  // on GitHub Pages), so it stays current with no manual upkeep. Falls back to the
+  // date baked into the markup if the timestamp is missing/unparseable.
+  (function () {
+    var el = document.getElementById("last-updated");
+    if (!el) return;
+    var d = new Date(document.lastModified);
+    if (isNaN(d)) return;
+    el.dateTime = d.toISOString().slice(0, 10);
+    el.textContent = d.toLocaleDateString("en-GB", { day: "numeric", month: "long", year: "numeric" });
+  })();
+
+  // Theme bulb toggle. Tapping it flips light/dark and saves the choice to
+  // localStorage so it's restored on the next visit. Until the user makes a
+  // choice we keep tracking the machine's colour-scheme setting live; once a
+  // choice is saved, that pick wins over the system setting.
+  (function () {
+    var btn = document.querySelector(".theme-toggle");
+    if (!btn) return;
+    var root = document.documentElement;
+
+    function stored() {
+      try { return localStorage.getItem("theme"); } catch (e) { return null; }
+    }
+
+    function apply(theme) {
+      root.dataset.theme = theme;
+      root.style.colorScheme = theme;
+      var dark = theme === "dark";
+      btn.setAttribute("aria-pressed", dark ? "true" : "false");
+      btn.setAttribute("aria-label", dark ? "Switch to light theme" : "Switch to dark theme");
+    }
+
+    apply(root.dataset.theme || "light");
+
+    btn.addEventListener("click", function () {
+      var next = root.dataset.theme === "dark" ? "light" : "dark";
+      apply(next);
+      try { localStorage.setItem("theme", next); } catch (e) {}
+    });
+
+    if (window.matchMedia) {
+      var mq = matchMedia("(prefers-color-scheme: dark)");
+      var onChange = function (e) {
+        if (!stored()) apply(e.matches ? "dark" : "light"); // system change only matters pre-choice
+      };
+      if (mq.addEventListener) mq.addEventListener("change", onChange);
+      else if (mq.addListener) mq.addListener(onChange);
+    }
+  })();
+
   // Mobile burger menu: toggles the primary nav dropdown.
   (function () {
     var btn = document.querySelector(".nav-toggle");
diff --git a/lets-encode-logo.js b/lets-encode-logo.js
index 6d18666..975681d 100644
--- a/lets-encode-logo.js
+++ b/lets-encode-logo.js
@@ -93,10 +93,66 @@
       }, ZONE_MS);
     }
 
+    // Desktop: hovering a single hand (mouse or pen) replays just that hand's
+    // gesture. We discriminate by pointerType so a finger tap never triggers an
+    // individual hand — on touch the whole logo plays the combo instead (below).
     Object.keys(ZONES).forEach(function (zone) {
       ZONES[zone].forEach(function (id) {
         var el = svg.querySelector("#" + id);
-        if (el) el.addEventListener("mouseenter", function () { playZone(zone); });
+        if (el) el.addEventListener("pointerenter", function (e) {
+          if (e.pointerType === "touch") return;
+          playZone(zone);
+        });
+      });
+    });
+
+    // Mobile/touch: a tap anywhere on the logo plays the full staggered
+    // orange -> blue -> green sequence, rather than any one hand.
+    svg.addEventListener("touchstart", function () { playCombo(); }, { passive: true });
+
+    // On touch, a tap leaves :hover "stuck" on the brand, so the navbar logo
+    // stays colourful indefinitely. Track whether the current brand interaction
+    // is touch (and clear the settle-to-mono override on every fresh press so
+    // hover/tap can re-colour it).
+    // We only ever set brandTouched *true* — never reset it from a pointer
+    // event. Browsers fire a compatibility mouse-type pointerdown after a touch
+    // tap, and deriving the flag from pointerType let that stray event flip it
+    // back to false, so the settle-to-mono step below never ran. touchstart is
+    // the reliable touch signal (it never fires for a real mouse).
+    var brand = document.querySelector(".brand");
+    var brandTouched = false;
+    if (brand) {
+      brand.addEventListener("pointerdown", function (e) {
+        brand.classList.remove("is-mono"); // fresh press: allow re-colour
+        if (e.pointerType === "touch") brandTouched = true;
+      });
+      brand.addEventListener("touchstart", function () {
+        brand.classList.remove("is-mono");
+        brandTouched = true;
+      }, { passive: true });
+    }
+
+    // "Back to top" links (navbar brand, footer wordmark) replay the full combo
+    // once the scroll-to-top has settled. The target is the document top, so we
+    // just wait for scrollY to reach 0 — covers smooth scrolling, instant jumps,
+    // and the already-at-top case — then play. Bound here (after the reduced-
+    // motion early-return) so it stays silent when motion is reduced.
+    Array.prototype.forEach.call(document.querySelectorAll('a[href="#top"]'), function (link) {
+      link.addEventListener("click", function () {
+        var tries = 0;
+        var iv = window.setInterval(function () {
+          if (window.scrollY < 1) {
+            window.clearInterval(iv);
+            // Touch only: settle the navbar logo back to monochrome as soon as
+            // the scroll-to-top completes (the class outranks the stuck :hover).
+            // Skipped on mouse/pen, where :hover correctly keeps colour while
+            // hovering. Done before playing so the hero gets the colour, not it.
+            if (brandTouched && link.closest(".brand")) {
+              brand.classList.add("is-mono");
+            }
+            playCombo();
+          } else if (++tries > 60) { window.clearInterval(iv); }
+        }, 40);
       });
     });
 
@@ -156,11 +212,29 @@
       window.setTimeout(function () { play(); schedule(); }, 800 + idx * 850);
     });
 
+    // One trigger per input type, discriminated by pointerType rather than a
+    // (hover: hover) media query — devices with a hovering stylus (e.g. the
+    // Galaxy S24 Ultra's S Pen) report hover:hover even though the user taps
+    // with a finger, which would otherwise trap touch in the hover path (plays
+    // once, then needs a mouseleave elsewhere before it can replay).
+    //   - mouse / pen hover: replay on enter, restore the loop on leave.
+    //   - finger touch: replay on every tap, then restart the loop clock.
+    // We never bind "click", so a tap doesn't double-fire and a desktop click
+    // stays inert.
     Array.prototype.forEach.call(document.querySelectorAll("h2"), function (h2) {
       var gx = h2.querySelector(".gx");
       if (!gx) return;
-      h2.addEventListener("mouseenter", function () { gx._pause(); gx._play(); });
-      h2.addEventListener("mouseleave", function () { gx._pause(); gx._resume(); });
+      h2.addEventListener("pointerenter", function (e) {
+        if (e.pointerType === "touch") return; // touch handled below
+        gx._pause(); gx._play();
+      });
+      h2.addEventListener("pointerleave", function (e) {
+        if (e.pointerType === "touch") return;
+        gx._pause(); gx._resume();
+      });
+      h2.addEventListener("touchstart", function () {
+        gx._pause(); gx._play(); gx._resume();
+      }, { passive: true });
     });
   }
 
diff --git a/styles.css b/styles.css
index c915eff..2aad37e 100644
--- a/styles.css
+++ b/styles.css
@@ -6,19 +6,22 @@
 
 :root {
   --orange: #ffa76d;
-  --blue:   #6dc3ff;
-  --green:  #76de76;
+  --blue: #6dc3ff;
+  --green: #76de76;
 
-  --ink:        #1f2433;
-  --ink-soft:   #4a5167;
-  --ink-faint:  #79809a;
-  --line:       #e6e8f0;
-  --bg:         #ffffff;
-  --bg-alt:     #f7f8fb;
-  --bg-tint:    #eef6ff;
+  --ink: #1f2433;
+  --ink-soft: #4a5167;
+  --ink-faint: #79809a;
+  --line: #e6e8f0;
+  --bg: #ffffff;
+  --bg-alt: #f7f8fb;
+  --bg-tint: #eef6ff;
+  --card: #ffffff;
+  --topbar-bg: rgba(255, 255, 255, .9);
 
-  --accent:       #2563c9;
-  --accent-dark:  #1b49a0;
+  --accent: #2563c9;
+  --accent-dark: #1b49a0;
+  --link: #2f68c4;
 
   --maxw: 1080px;
   --radius: 14px;
@@ -27,9 +30,35 @@
   --font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
 }
 
-* { box-sizing: border-box; }
+/* Dark theme. Applied via [data-theme="dark"] on <html>, which an inline head
+   script sets from prefers-color-scheme before first paint (no flash) and the
+   nav bulb toggle flips for the current visit. Nothing is persisted — no
+   localStorage/cookies — so no consent banner is needed. */
+[data-theme="dark"] {
+  --ink: #ecebe6;
+  --ink-soft: #bcc1d1;
+  --ink-faint: #8b92a8;
+  --line: #333c53;
+  --bg: #1b2030;
+  --bg-alt: #212739;
+  --bg-tint: #253150;
+  --card: #283048;
+  --topbar-bg: rgba(27, 32, 48, .85);
 
-html { scroll-behavior: smooth; }
+  --accent: #7bb0f7;
+  --accent-dark: #a9ccff;
+  --link: #8fbcff;
+
+  --shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 30px rgba(0, 0, 0, .4);
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  scroll-behavior: smooth;
+}
 
 body {
   margin: 0;
@@ -40,55 +69,343 @@ body {
   -webkit-font-smoothing: antialiased;
 }
 
-h1, h2, h3 { line-height: 1.2; color: var(--ink); }
-a { color: var(--accent); text-decoration: none; }
-a:hover { text-decoration: underline; }
+h1,
+h2,
+h3 {
+  line-height: 1.2;
+  color: var(--ink);
+}
+
+a {
+  color: var(--accent);
+  text-decoration: none;
+}
 
-.wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 1.25rem; }
+a:hover {
+  text-decoration: underline;
+}
+
+.wrap {
+  max-width: var(--maxw);
+  margin: 0 auto;
+  padding: 0 1.25rem;
+}
 
 /* ---- Skip link (a11y) -------------------------------------------------- */
 .skip-link {
-  position: absolute; left: -999px; top: 0;
-  background: var(--ink); color: #fff; padding: .6rem 1rem; z-index: 100;
+  position: absolute;
+  left: -999px;
+  top: 0;
+  background: var(--ink);
+  color: var(--bg);
+  padding: .6rem 1rem;
+  z-index: 100;
   border-radius: 0 0 8px 0;
 }
-.skip-link:focus { left: 0; }
+
+.skip-link:focus {
+  left: 0;
+}
 
 /* ---- Top bar ----------------------------------------------------------- */
 .topbar {
-  position: sticky; top: 0; z-index: 50;
-  background: rgba(255, 255, 255, .9);
+  position: sticky;
+  top: 0;
+  z-index: 50;
+  background: var(--topbar-bg);
   backdrop-filter: saturate(180%) blur(8px);
   border-bottom: 1px solid var(--line);
 }
+
 .topbar .wrap {
-  position: relative; /* anchor for the mobile nav dropdown */
-  display: flex; align-items: center; justify-content: space-between;
-  min-height: 60px; gap: 1rem;
+  position: relative;
+  /* anchor for the mobile nav dropdown */
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 60px;
+  gap: 1rem;
+}
+
+.brand {
+  font-weight: 700;
+  letter-spacing: -.01em;
+  color: var(--ink);
+  display: inline-flex;
+  align-items: center;
+}
+
+.brand:hover {
+  color: var(--accent);
+  text-decoration: none;
+}
+
+/* Logo swap: the monochrome nav artwork (fill-less hands) shows at rest and
+   cross-fades to the full-colour logo on hover. The COLOUR svg is the reference
+   — it sits in flow and sets the box (width + rendered height, 120px wide). The
+   two files are the same artwork but framed differently (the mono png has wider
+   margins + is ~5% smaller at a given width), so the mono png is overlaid
+   absolutely and up-scaled/offset until its ink registers onto the colour ink. */
+.brand-logo {
+  position: relative;
+  display: block;
+  width: 120px;
+  /* match the rendered width of the IWK hero-corner logo */
+  overflow: hidden;
+}
+
+.brand-logo-img {
+  display: block;
+  transition: opacity .15s ease;
+}
+
+/* colour svg — in flow, defines the slot */
+.brand-logo-hover {
+  width: 120px;
+  height: auto;
+  opacity: 0;
+}
+
+/* dark-mode colour svg (coloured gloves + cream text) — overlay, same framing as
+   the colour svg, revealed on hover in dark mode */
+.brand-logo-hover-dark {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 120px;
+  height: auto;
+  opacity: 0;
+}
+
+/* mono png — overlay, sized/positioned to match the colour ink */
+.brand-logo-rest,
+.brand-logo-rest-dark {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 126px;
+  height: auto;
+}
+
+/* cream png — the dark-mode resting artwork (same framing as the mono png, so it
+   reuses the exact overlay geometry). Hidden until dark mode. */
+.brand-logo-rest-dark {
+  opacity: 0;
+}
+
+.brand:hover .brand-logo-rest {
+  opacity: 0;
+}
+
+.brand:hover .brand-logo-hover {
+  opacity: 1;
+}
+
+/* Settle back to monochrome after a touch tap (JS adds .is-mono once the hero
+   combo has played). Touch leaves :hover stuck "on", so these must outrank the
+   :hover rules above — same specificity, so they rely on coming later in source.
+   Also drops the hover lift so the logo returns to rest. */
+.brand.is-mono .brand-logo-rest {
+  opacity: 1;
+}
+
+.brand.is-mono .brand-logo-hover {
+  opacity: 0;
+}
+
+.brand.is-mono .brand-logo {
+  transform: none;
+}
+
+/* Plaintext wordmark — shown only on mobile (see the max-width: 560px block),
+   where it replaces the logo image. Hidden by default on wider screens. */
+.brand-text {
+  display: none;
+  font-size: 1.3rem;
+  line-height: 1;
+}
+
+.nav {
+  display: flex;
+  gap: 1.25rem;
+  flex-wrap: wrap;
+}
+
+.nav a {
+  color: var(--ink-soft);
+  font-size: .95rem;
+}
+
+.nav a:hover {
+  color: var(--accent);
+  text-decoration: none;
+}
+
+.nav-toggle {
+  display: none;
+}
+
+/* shown only on mobile (see media query) */
+
+/* Right-hand cluster of the top bar: nav links, the theme bulb, and (on mobile)
+   the burger. Keeping them in one flex group lets the bulb sit just left of the
+   burger on narrow screens while trailing the nav links on wide ones. */
+.topbar-right {
+  display: flex;
+  align-items: center;
+  gap: 1.25rem;
+}
+
+/* ---- Theme (light/dark) bulb toggle ------------------------------------ */
+.theme-toggle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 38px;
+  height: 38px;
+  padding: 0;
+  cursor: pointer;
+  color: var(--ink-soft);
+  background: transparent;
+  border: 1px solid var(--line);
+  border-radius: 999px;
+  transition: color .15s ease, border-color .15s ease, background .15s ease, transform .15s ease;
+}
+
+.theme-toggle:hover {
+  color: var(--accent);
+  border-color: var(--accent);
+  transform: translateY(-1px);
+}
+
+.theme-toggle:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
+}
+
+.bulb {
+  display: block;
+}
+
+.bulb-glass {
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.6;
+  stroke-linejoin: round;
+  transition: fill .2s ease;
+}
+
+.bulb-filament {
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.3;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  opacity: .55;
+  transition: opacity .2s ease;
+}
+
+.bulb-rays {
+  opacity: 0;
+  transform-origin: 12px 11px;
+  transition: opacity .2s ease, transform .2s ease;
+}
+
+/* Lit bulb in dark mode: a warm glowing shine (long rays, filled glass, bright
+   filament, and a soft halo) so it reads unmistakably as "on". */
+[data-theme="dark"] .theme-toggle {
+  color: #ffdf85;
+  border-color: rgba(255, 223, 133, .55);
+}
+
+[data-theme="dark"] .theme-toggle:hover {
+  color: #ffe9a6;
+  border-color: #ffdf85;
+  background: rgba(255, 223, 133, .14);
+}
+
+[data-theme="dark"] .bulb {
+  filter: drop-shadow(0 0 3px rgba(255, 210, 110, .8));
+}
+
+[data-theme="dark"] .bulb-glass {
+  fill: rgba(255, 223, 133, .45);
+}
+
+[data-theme="dark"] .bulb-filament {
+  opacity: 1;
+}
+
+[data-theme="dark"] .bulb-rays {
+  opacity: 1;
+}
+
+@media (prefers-reduced-motion: reduce) {
+
+  .theme-toggle,
+  .bulb-glass,
+  .bulb-filament,
+  .bulb-rays {
+    transition: none;
+  }
 }
-.brand { font-weight: 700; letter-spacing: -.01em; color: var(--ink); }
-.brand:hover { color: var(--accent); text-decoration: none; }
-.nav { display: flex; gap: 1.25rem; flex-wrap: wrap; }
-.nav a { color: var(--ink-soft); font-size: .95rem; }
-.nav a:hover { color: var(--accent); text-decoration: none; }
-.nav-toggle { display: none; } /* shown only on mobile (see media query) */
 
 /* ---- Hero -------------------------------------------------------------- */
 .hero {
   background:
-    radial-gradient(60% 90% at 15% 0%,  rgba(109,195,255,.18), transparent 60%),
-    radial-gradient(60% 90% at 85% 10%, rgba(118,222,118,.18), transparent 60%),
-    radial-gradient(50% 80% at 50% 100%, rgba(255,167,109,.16), transparent 60%),
+    radial-gradient(60% 90% at 15% 0%, rgba(109, 195, 255, .18), transparent 60%),
+    radial-gradient(60% 90% at 85% 10%, rgba(118, 222, 118, .18), transparent 60%),
+    radial-gradient(50% 80% at 50% 100%, rgba(255, 167, 109, .16), transparent 60%),
     var(--bg-alt);
   border-bottom: 1px solid var(--line);
   padding: clamp(2.5rem, 6vw, 5rem) 0;
   text-align: center;
+  position: relative;
 }
+
 .hero .logo {
   width: min(88vw, 520px);
   margin: 0 auto 1.75rem;
 }
-.hero .logo svg { width: 100%; height: auto; display: block; }
+
+.hero .logo svg {
+  width: 100%;
+  height: auto;
+  display: block;
+}
+
+/* Institutional logos pinned to the top corners of the hero. */
+.hero-corner {
+  position: absolute;
+  top: clamp(1rem, 3vw, 2rem);
+  display: inline-flex;
+  align-items: center;
+  transition: opacity .15s ease;
+  z-index: 1;
+}
+
+/* Align to the .wrap content edges (where the navbar brand & last item sit)
+   rather than the viewport edges: the wrap is centred at max-width --maxw with
+   1.25rem side padding. */
+.hero-corner-left {
+  /* small extra nudge so IWK's visible left edge lines up with the project
+     logo's first glyph (the brand logo carries a little left bearing) */
+  left: calc(50% - min(50%, var(--maxw) / 2) + 1.25rem + 0.4rem);
+}
+
+.hero-corner-right {
+  right: calc(50% - min(50%, var(--maxw) / 2) + 1.25rem);
+}
+
+.hero-corner img {
+  height: 44px;
+  width: auto;
+  display: block;
+}
+
+.hero-corner:hover {
+  opacity: .85;
+}
 
 .hero .tagline {
   font-size: clamp(1.15rem, 2.4vw, 1.55rem);
@@ -97,12 +414,19 @@ a:hover { text-decoration: underline; }
   margin: 0 auto .75rem;
   max-width: 36ch;
 }
+
 .hero .lede {
   color: var(--ink-soft);
   max-width: 56ch;
   margin: 0 auto 1.75rem;
 }
-.hero .cta-row { display: flex; gap: .75rem; justify-content: center; flex-wrap: wrap; }
+
+.hero .cta-row {
+  display: flex;
+  gap: .75rem;
+  justify-content: center;
+  flex-wrap: wrap;
+}
 
 /* ---- Buttons ----------------------------------------------------------- */
 .btn {
@@ -115,21 +439,56 @@ a:hover { text-decoration: underline; }
   cursor: pointer;
   transition: transform .08s ease, box-shadow .15s ease, background .15s ease;
 }
-.btn:hover { text-decoration: none; transform: translateY(-1px); }
-.btn-primary { background: var(--accent); color: #fff; box-shadow: var(--shadow); }
-.btn-primary:hover { background: var(--accent-dark); color: #fff; }
-.btn-ghost { background: #fff; color: var(--ink); border-color: var(--line); }
-.btn-ghost:hover { border-color: var(--accent); color: var(--accent); }
+
+.btn:hover {
+  text-decoration: none;
+  transform: translateY(-1px);
+}
+
+.btn-primary {
+  background: var(--accent);
+  color: #fff;
+  box-shadow: var(--shadow);
+}
+
+.btn-primary:hover {
+  background: var(--accent-dark);
+  color: #fff;
+}
+
+.btn-ghost {
+  background: var(--card);
+  color: var(--ink);
+  border-color: var(--line);
+}
+
+.btn-ghost:hover {
+  border-color: var(--accent);
+  color: var(--accent);
+}
 
 /* ---- Sections ---------------------------------------------------------- */
-section { padding: clamp(2.5rem, 5vw, 4rem) 0; }
-section.alt { background: var(--bg-alt); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
+section {
+  padding: clamp(2.5rem, 5vw, 4rem) 0;
+}
+
+section.alt {
+  background: var(--bg-alt);
+  border-top: 1px solid var(--line);
+  border-bottom: 1px solid var(--line);
+}
+
+.section-head {
+  max-width: 60ch;
+  margin-bottom: 1.75rem;
+}
 
-.section-head { max-width: 60ch; margin-bottom: 1.75rem; }
 .section-head h2 {
-  font-size: 2rem; /* fixed, not viewport-relative, so the header hands stay a constant size */
+  font-size: 2rem;
+  /* fixed, not viewport-relative, so the header hands stay a constant size */
   margin: 0 0 .4rem;
 }
+
 .section-head .kicker {
   text-transform: uppercase;
   letter-spacing: .08em;
@@ -138,101 +497,245 @@ section.alt { background: var(--bg-alt); border-top: 1px solid var(--line); bord
   color: var(--accent);
   margin: 0 0 .5rem;
 }
-.section-head p { color: var(--ink-soft); margin: 0; }
 
-.prose p { color: var(--ink-soft); max-width: 68ch; }
-.prose p + p { margin-top: 1rem; }
+.section-head p {
+  color: var(--ink-soft);
+  margin: 0;
+}
+
+.prose p {
+  color: var(--ink-soft);
+  max-width: 68ch;
+}
+
+.prose p+p {
+  margin-top: 1rem;
+}
+
 .prose ul {
-  margin: 1rem 0 0; padding-left: 1.2rem; max-width: 68ch;
-  color: var(--ink-soft); display: grid; gap: .5rem;
+  margin: 1rem 0 0;
+  padding-left: 1.2rem;
+  max-width: 68ch;
+  color: var(--ink-soft);
+  display: grid;
+  gap: .5rem;
+}
+
+.prose li strong {
+  color: var(--ink);
 }
-.prose li strong { color: var(--ink); }
 
 /* ---- Goals list -------------------------------------------------------- */
-.goals { list-style: none; padding: 0; margin: 1.5rem 0 0; display: grid; gap: 1rem;
-         grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
+.goals {
+  list-style: none;
+  padding: 0;
+  margin: 1.5rem 0 0;
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+}
+
 .goals li {
-  background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
+  background: var(--card);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
   padding: 1.25rem 1.25rem 1.25rem 1.25rem;
   box-shadow: var(--shadow);
   position: relative;
 }
+
 .goals li::before {
-  content: ""; display: block; width: 38px; height: 4px; border-radius: 4px;
+  content: "";
+  display: block;
+  width: 38px;
+  height: 4px;
+  border-radius: 4px;
   margin-bottom: .85rem;
   background: var(--blue);
 }
-.goals li:nth-child(2)::before { background: var(--green); }
-.goals li:nth-child(3)::before { background: var(--orange); }
+
+.goals li:nth-child(2)::before {
+  background: var(--green);
+}
+
+.goals li:nth-child(3)::before {
+  background: var(--orange);
+}
 
 /* ---- People grids ------------------------------------------------------ */
 .people {
-  list-style: none; padding: 0; margin: 1.5rem 0 0;
-  display: grid; gap: 1rem;
+  list-style: none;
+  padding: 0;
+  margin: 1.5rem 0 0;
+  display: grid;
+  gap: 1rem;
   grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
 }
+
 .people li {
-  background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
-  padding: 1.1rem 1.2rem; box-shadow: var(--shadow);
+  background: var(--card);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  padding: 1.1rem 1.2rem;
+  box-shadow: var(--shadow);
 }
-.people .name { font-weight: 700; display: block; }
-.people .role { color: var(--ink-soft); font-size: .92rem; display: block; margin-top: .2rem; }
-.people a { color: var(--ink-soft); }
+
+.people .name {
+  font-weight: 700;
+  display: block;
+}
+
+.people .role {
+  color: var(--ink-soft);
+  font-size: .92rem;
+  display: block;
+  margin-top: .2rem;
+}
+
+/* In-text links: a distinct link colour that's clearly different from the body
+   text without shouting, brightening to the light-blue accent on hover (the same
+   feedback as the nav links). */
+.people a,
+.lede a,
+.prose a,
+.funding p a,
+.fund-meta a,
+.footer a {
+  color: var(--link);
+}
+
+.people a:hover,
+.lede a:hover,
+.prose a:hover,
+.funding p a:hover,
+.fund-meta a:hover,
+.footer a:hover {
+  color: var(--accent);
+}
+
 .people .lead-badge {
-  display: inline-block; font-size: .7rem; font-weight: 700; letter-spacing: .04em;
-  text-transform: uppercase; color: var(--accent-dark);
-  background: var(--bg-tint); border-radius: 999px; padding: .15rem .55rem;
-  vertical-align: middle; margin-left: .15rem;
+  display: inline-block;
+  font-size: .7rem;
+  font-weight: 700;
+  letter-spacing: .04em;
+  text-transform: uppercase;
+  color: var(--accent-dark);
+  background: var(--bg-tint);
+  border-radius: 999px;
+  padding: .15rem .55rem;
+  vertical-align: middle;
+  margin-left: .15rem;
 }
 
 /* ---- Logo wall (institutions) ----------------------------------------- */
 .logos {
-  list-style: none; padding: 0; margin: 1.5rem 0 0;
-  display: grid; gap: 1rem;
+  list-style: none;
+  padding: 0;
+  margin: 1.5rem 0 0;
+  display: grid;
+  gap: 1rem;
   grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
 }
-.logos li { display: flex; }
-.logos img { max-width: 100%; max-height: 64px; height: auto; width: auto; }
+
+.logos li {
+  display: flex;
+}
+
+.logos img {
+  max-width: 100%;
+  max-height: 64px;
+  height: auto;
+  width: auto;
+}
+
 .logos a {
   flex: 1;
-  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem;
-  background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
-  min-height: 120px; padding: 1.25rem;
-  text-align: center; color: inherit;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: .5rem;
+  background: var(--card);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  min-height: 120px;
+  padding: 1.25rem;
+  text-align: center;
+  color: inherit;
   transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
 }
+
 .logos a:hover {
-  transform: translateY(-3px);
   box-shadow: var(--shadow);
   border-color: var(--accent);
 }
-.logos .logo-name { font-weight: 600; font-size: .92rem; color: var(--ink); }
-.logos .logo-sub  { font-size: .8rem; color: var(--ink-faint); }
+
+.logos .logo-name {
+  font-weight: 600;
+  font-size: .92rem;
+  color: var(--ink);
+}
+
+.logos .logo-sub {
+  font-size: .8rem;
+  color: var(--ink-faint);
+}
 
 /* ---- Future / campaigns callout --------------------------------------- */
 .callout {
-  background: linear-gradient(120deg, rgba(109,195,255,.16), rgba(118,222,118,.16));
+  background: linear-gradient(120deg, rgba(109, 195, 255, .16), rgba(118, 222, 118, .16));
   border: 1px solid var(--line);
   border-radius: var(--radius);
   padding: clamp(1.5rem, 4vw, 2.5rem);
   text-align: center;
 }
-.callout h2 { font-size: 2rem; margin: 0 0 .5rem; } /* match section headings so the hand sizes consistently */
-.callout p { color: var(--ink-soft); max-width: 52ch; margin: 0 auto 1.25rem; }
+
+.callout h2 {
+  font-size: 2rem;
+  margin: 0 0 .5rem;
+}
+
+/* match section headings so the hand sizes consistently */
+.callout p {
+  color: var(--ink-soft);
+  max-width: 52ch;
+  margin: 0 auto 1.25rem;
+}
+
 .callout .badge {
-  display: inline-block; font-size: .78rem; font-weight: 700; letter-spacing: .06em;
-  text-transform: uppercase; color: var(--accent-dark);
-  background: #fff; border: 1px solid var(--line); border-radius: 999px;
-  padding: .25rem .8rem; margin-bottom: 1rem;
+  display: inline-block;
+  font-size: .78rem;
+  font-weight: 700;
+  letter-spacing: .06em;
+  text-transform: uppercase;
+  color: var(--accent-dark);
+  background: var(--card);
+  border: 1px solid var(--line);
+  border-radius: 999px;
+  padding: .25rem .8rem;
+  margin-bottom: 1rem;
 }
 
 /* ---- Funding ----------------------------------------------------------- */
 .funding .fund-meta {
-  display: grid; gap: .75rem 2rem; margin-top: 1.25rem;
+  display: grid;
+  gap: .75rem 2rem;
+  margin-top: 1.25rem;
   grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
 }
-.funding .fund-meta dt { font-weight: 700; font-size: .82rem; text-transform: uppercase; letter-spacing: .05em; color: var(--ink-faint); }
-.funding .fund-meta dd { margin: .15rem 0 0; color: var(--ink); }
+
+.funding .fund-meta dt {
+  font-weight: 700;
+  font-size: .82rem;
+  text-transform: uppercase;
+  letter-spacing: .05em;
+  color: var(--ink-faint);
+}
+
+.funding .fund-meta dd {
+  margin: .15rem 0 0;
+  color: var(--ink);
+}
 
 /* ---- Footer ------------------------------------------------------------ */
 .footer {
@@ -241,37 +744,135 @@ section.alt { background: var(--bg-alt); border-top: 1px solid var(--line); bord
   color: var(--ink-faint);
   font-size: .9rem;
 }
-.footer .wrap { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; align-items: center; }
-.footer a { color: var(--ink-soft); }
+
+.footer .wrap {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  justify-content: space-between;
+  align-items: baseline;
+}
+
+.footer a {
+  color: var(--link);
+}
+
+.footer-left {
+  display: flex;
+  flex-direction: column;
+  line-height: 1.5;
+}
 
 @media (max-width: 560px) {
+
+  /* clear the sticky topbar on anchor jumps so the section kicker stays visible
+     (desktop's larger section padding already handles this) */
+  html {
+    scroll-padding-top: 26px;
+  }
+
+  /* smaller corner logos so they clear the centered project logo on narrow screens */
+  .hero-corner img {
+    height: 30px;
+  }
+
+  /* the corner logos are absolutely positioned, so add top padding to push the
+     centered project logo down clear of them (logo height + inset + breathing room) */
+  .hero {
+    padding-top: 5.5rem;
+  }
+
+  /* on mobile the brand is plain text (no left bearing) and the burger sits at
+     the gutter, so drop the desktop nudge and pull both logos left to line up */
+  .hero-corner-left {
+    left: 1.25rem;
+  }
+
+  .hero-corner-right {
+    right: 1.45rem;
+  }
+
+  /* tighten the right cluster so the bulb sits snug to the left of the burger */
+  .topbar-right {
+    gap: .6rem;
+  }
+
   /* burger button on the right; brand stays on the left */
   .nav-toggle {
-    display: inline-flex; align-items: center; justify-content: center;
-    width: 42px; height: 38px; padding: 0; cursor: pointer;
-    background: #fff; border: 1px solid var(--line); border-radius: 8px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 42px;
+    height: 38px;
+    padding: 0;
+    cursor: pointer;
+    background: var(--card);
+    border: 1px solid var(--line);
+    border-radius: 8px;
+  }
+
+  .nav-toggle-bars,
+  .nav-toggle-bars::before,
+  .nav-toggle-bars::after {
+    box-sizing: border-box;
+    width: 20px;
+    height: 2px;
+    background: var(--ink);
+    border-radius: 2px;
+  }
+
+  .nav-toggle-bars {
+    position: relative;
+    display: block;
+  }
+
+  .nav-toggle-bars::before,
+  .nav-toggle-bars::after {
+    content: "";
+    position: absolute;
+    left: 0;
   }
-  .nav-toggle-bars, .nav-toggle-bars::before, .nav-toggle-bars::after {
-    box-sizing: border-box; width: 20px; height: 2px;
-    background: var(--ink); border-radius: 2px;
+
+  .nav-toggle-bars::before {
+    top: -6px;
+  }
+
+  .nav-toggle-bars::after {
+    top: 6px;
   }
-  .nav-toggle-bars { position: relative; display: block; }
-  .nav-toggle-bars::before, .nav-toggle-bars::after { content: ""; position: absolute; left: 0; }
-  .nav-toggle-bars::before { top: -6px; }
-  .nav-toggle-bars::after  { top: 6px; }
 
   /* the same nav links, as a dropdown panel under the bar */
   .nav {
     display: none;
-    position: absolute; top: 100%; right: 0;
-    flex-direction: column; flex-wrap: nowrap; gap: 0;
-    min-width: 220px; padding: .4rem;
-    background: #fff; border: 1px solid var(--line); border-top: 0;
-    border-radius: 0 0 12px 12px; box-shadow: var(--shadow);
+    position: absolute;
+    top: 100%;
+    right: 0;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    gap: 0;
+    min-width: 220px;
+    padding: .4rem;
+    background: var(--card);
+    border: 1px solid var(--line);
+    border-top: 0;
+    border-radius: 0 0 12px 12px;
+    box-shadow: var(--shadow);
+  }
+
+  .nav.open {
+    display: flex;
+  }
+
+  .nav a {
+    padding: .65rem .75rem;
+    border-radius: 8px;
+    font-size: 1rem;
+  }
+
+  .nav a:hover {
+    background: var(--bg-alt);
+    text-decoration: none;
   }
-  .nav.open { display: flex; }
-  .nav a { padding: .65rem .75rem; border-radius: 8px; font-size: 1rem; }
-  .nav a:hover { background: var(--bg-alt); text-decoration: none; }
 }
 
 /* =========================================================================
@@ -282,63 +883,450 @@ section.alt { background: var(--bg-alt); border-top: 1px solid var(--line); bord
    that runs the animation about its own pivot (--ox/--oy). The image transforms
    are additive to the wrapper's resting transform. Driven by lets-encode-logo.js.
    ========================================================================= */
-.gx { position: relative; display: inline-block; }
-.gly { display: inline-block; transition: transform .25s ease; }
-.hand { position: absolute; z-index: 2; pointer-events: auto; }
-.hpic { display: block; width: auto; height: var(--s, 1.4em);
-        transform-origin: var(--ox, 50%) var(--oy, 100%); transition: transform .25s ease; }
+.gx {
+  position: relative;
+  display: inline-block;
+}
+
+/* Keeps a word intact when a hand splits it: the .gx wrapper is inline-block,
+   which would otherwise let the line break mid-word (e.g. "camp"/"aign"). The
+   word's text fragments + its .gx live inside .gw so wrapping happens only at
+   the spaces between words, never inside the hand markup.
+   inline-block (not merely nowrap) makes the word a firm atomic unit — Gecko
+   (Firefox Android) still takes the wrap opportunity around the inline-block
+   .gx inside a plain nowrap *inline*, so the word must be inline-block too. */
+.gw {
+  display: inline-block;
+  white-space: nowrap;
+}
+
+.gly {
+  display: inline-block;
+  transition: transform .25s ease;
+}
+
+.hand {
+  position: absolute;
+  z-index: 2;
+  pointer-events: auto;
+}
+
+.hpic {
+  display: block;
+  width: auto;
+  height: var(--s, 1.4em);
+  transform-origin: var(--ox, 50%) var(--oy, 100%);
+  transition: transform .25s ease;
+}
+
+/* A few hands (measure-blue, wave-pink, palm-gold) ship in two variants: the
+   original for light mode, and a dark-mode version with an added dark contour
+   that hides the bright glove edge (which would otherwise glow on the dark
+   background). Only the matching one is shown per theme. */
+.hpic-night {
+  display: none;
+}
+
+[data-theme="dark"] .hpic-day {
+  display: none;
+}
+
+[data-theme="dark"] .hpic-night {
+  display: block;
+}
 
 /* resting placement (above / below / beside / mirrored-right / centred-under) */
-.gx.above .hand { left: calc(var(--hx,50%) + var(--dx,0em)); bottom: calc(100% - var(--dip,.16em));
-                  transform: translateX(-50%) rotate(var(--r,0deg)); transform-origin: 50% 100%; }
-.gx.below .hand { left: calc(var(--hx,50%) + var(--dx,0em)); top: calc(100% - var(--dip,.12em));
-                  transform: translateX(-50%) rotate(var(--r,0deg)) scaleX(var(--flip,1)); transform-origin: 50% 0%; }
-.gx.side  .hand { right: calc(100% - var(--ovl,.06em)); bottom: var(--hb,-.12em);
-                  transform: rotate(var(--r,0deg)); transform-origin: 100% 60%; }
-.gx.side.r .hand { left: calc(100% - var(--ovl,.06em)); right: auto; transform-origin: 0% 60%; }
-.gx.under .hand { left: calc(50% + var(--dx,0em)); top: calc(100% - var(--dip,.3em)); height: var(--s,1.3em);
-                  transform: translateX(-50%) rotate(var(--r,0deg)); transform-origin: 50% 0%; }
-.gx.above .gly { transform-origin: 50% 92%; }
-.gx.below .gly { transform-origin: 50% 8%; }
+.gx.above .hand {
+  left: calc(var(--hx, 50%) + var(--dx, 0em));
+  bottom: calc(100% - var(--dip, .16em));
+  transform: translateX(-50%) rotate(var(--r, 0deg));
+  transform-origin: 50% 100%;
+}
+
+.gx.below .hand {
+  left: calc(var(--hx, 50%) + var(--dx, 0em));
+  top: calc(100% - var(--dip, .12em));
+  transform: translateX(-50%) rotate(var(--r, 0deg)) scaleX(var(--flip, 1));
+  transform-origin: 50% 0%;
+}
+
+.gx.side .hand {
+  right: calc(100% - var(--ovl, .06em));
+  bottom: var(--hb, -.12em);
+  transform: rotate(var(--r, 0deg));
+  transform-origin: 100% 60%;
+}
+
+.gx.side.r .hand {
+  left: calc(100% - var(--ovl, .06em));
+  right: auto;
+  transform-origin: 0% 60%;
+}
+
+.gx.under .hand {
+  left: calc(50% + var(--dx, 0em));
+  top: calc(100% - var(--dip, .3em));
+  height: var(--s, 1.3em);
+  transform: translateX(-50%) rotate(var(--r, 0deg));
+  transform-origin: 50% 0%;
+}
+
+.gx.above .gly {
+  transform-origin: 50% 92%;
+}
+
+.gx.below .gly {
+  transform-origin: 50% 8%;
+}
 
 /* headings whose hand reaches above the cap line get headroom to clear the
    kicker; those whose hand hangs below get room so it doesn't touch the body */
-.section-head h2:has(.gx.above) { margin-top: 1.15em; }
-.section-head h2:has(.gx.below) { margin-bottom: 1.1em; }
-.section-head h2:has(.gx.under) { margin-bottom: 1.35em; }
-.callout h2:has(.gx.below)      { margin-bottom: 1.1em; }
+.section-head h2:has(.gx.above) {
+  margin-top: 1.15em;
+}
+
+.section-head h2:has(.gx.below) {
+  margin-bottom: 1.1em;
+}
+
+.section-head h2:has(.gx.under) {
+  margin-bottom: 1.35em;
+}
+
+.callout h2:has(.gx.below) {
+  margin-bottom: 1.1em;
+}
 
 /* Hover is handled in JS (lets-encode-logo.js): entering a heading replays the
    full gesture once. No CSS :hover hold — one consistent behaviour. */
 
 /* one-shot replay (JS toggles .go: auto every ~6–10s, and on hover) */
-@keyframes glyTwiddle { 0%,100%{transform:rotate(0)} 35%{transform:rotate(-7deg)} 70%{transform:rotate(4deg)} }
-@keyframes hpicTwiddle{ 0%,100%{transform:rotate(0)} 35%{transform:rotate(calc(var(--spin,1) * -7deg))} 70%{transform:rotate(calc(var(--spin,1) * 5deg))} }
-@keyframes glyLift { 0%,100%{transform:translateY(0)} 45%{transform:translateY(-.12em)} }
-@keyframes hpicBob { 0%,100%{transform:translateY(0)} 45%{transform:translateY(-.06em)} }
-@keyframes hpicPoke { 0%,100%{transform:translateX(0)} 40%{transform:translateX(.12em)} 70%{transform:translateX(-.02em)} }
-@keyframes hpicShake{ 0%,100%{transform:rotate(0)} 22%{transform:rotate(-3deg)} 50%{transform:rotate(2deg)} 78%{transform:rotate(-1deg)} }
-@keyframes hpicWag  { 0%,100%{transform:rotate(0)} 28%{transform:rotate(-10deg)} 58%{transform:rotate(6deg)} }
-@keyframes hpicNudge{ 0%,100%{transform:rotate(0)} 45%{transform:rotate(var(--hr,-8deg))} }
-@keyframes glyNudge { 0%,100%{transform:rotate(0)} 45%{transform:rotate(var(--gr,6deg))} }
-@keyframes hpicWave { 0%,100%{transform:rotate(0)} 18%{transform:rotate(-10deg)} 42%{transform:rotate(8deg)} 66%{transform:rotate(-6deg)} 86%{transform:rotate(4deg)} }
-@keyframes glyHold  { 0%,100%{transform:translateY(0)} 50%{transform:translateY(calc(-1 * var(--lift,.16em)))} }
-@keyframes handHold { 0%,100%{transform:rotate(var(--r,0deg))} 50%{transform:translateY(calc(-1 * var(--lift,.16em))) rotate(var(--r,0deg))} }
-
-.gx.twiddle.go .gly  { animation: glyTwiddle .60s ease-in-out; }
-.gx.twiddle.go .hpic { animation: hpicTwiddle .60s ease-in-out; }
-.gx.lift.go .gly  { animation: glyLift .55s cubic-bezier(.34,1.5,.64,1); }
-.gx.lift.go .hpic { animation: hpicBob .55s cubic-bezier(.34,1.5,.64,1); }
-.gx.point.go .hpic { animation: hpicPoke .60s ease-in-out; }
-.gx.shake.go .hpic { animation: hpicShake .65s ease-in-out; }
-.gx.wag.go   .hpic { animation: hpicWag .60s ease-in-out; }
-.gx.nudge.go .hpic { animation: hpicNudge .55s cubic-bezier(.34,1.5,.64,1); }
-.gx.nudge.go .gly  { animation: glyNudge .55s cubic-bezier(.34,1.5,.64,1); }
-.gx.wave.go .hpic { animation: hpicWave .9s ease-in-out; }
-.gx.hold.go .gly  { animation: glyHold .75s ease-in-out; }
-.gx.hold.go .hand { animation: handHold .75s ease-in-out; }
+@keyframes glyTwiddle {
+
+  0%,
+  100% {
+    transform: rotate(0)
+  }
+
+  35% {
+    transform: rotate(-7deg)
+  }
+
+  70% {
+    transform: rotate(4deg)
+  }
+}
+
+@keyframes hpicTwiddle {
+
+  0%,
+  100% {
+    transform: rotate(0)
+  }
+
+  35% {
+    transform: rotate(calc(var(--spin, 1) * -7deg))
+  }
+
+  70% {
+    transform: rotate(calc(var(--spin, 1) * 5deg))
+  }
+}
+
+@keyframes glyLift {
+
+  0%,
+  100% {
+    transform: translateY(0)
+  }
+
+  45% {
+    transform: translateY(-.12em)
+  }
+}
+
+@keyframes hpicBob {
+
+  0%,
+  100% {
+    transform: translateY(0)
+  }
+
+  45% {
+    transform: translateY(-.06em)
+  }
+}
+
+@keyframes hpicPoke {
+
+  0%,
+  100% {
+    transform: translateX(0)
+  }
+
+  40% {
+    transform: translateX(.12em)
+  }
+
+  70% {
+    transform: translateX(-.02em)
+  }
+}
+
+@keyframes hpicShake {
+
+  0%,
+  100% {
+    transform: rotate(0)
+  }
+
+  22% {
+    transform: rotate(-3deg)
+  }
+
+  50% {
+    transform: rotate(2deg)
+  }
+
+  78% {
+    transform: rotate(-1deg)
+  }
+}
+
+@keyframes hpicWag {
+
+  0%,
+  100% {
+    transform: rotate(0)
+  }
+
+  28% {
+    transform: rotate(-10deg)
+  }
+
+  58% {
+    transform: rotate(6deg)
+  }
+}
+
+@keyframes hpicNudge {
+
+  0%,
+  100% {
+    transform: rotate(0)
+  }
+
+  45% {
+    transform: rotate(var(--hr, -8deg))
+  }
+}
+
+@keyframes glyNudge {
+
+  0%,
+  100% {
+    transform: rotate(0)
+  }
+
+  45% {
+    transform: rotate(var(--gr, 6deg))
+  }
+}
+
+@keyframes hpicWave {
+
+  0%,
+  100% {
+    transform: rotate(0)
+  }
+
+  18% {
+    transform: rotate(-10deg)
+  }
+
+  42% {
+    transform: rotate(8deg)
+  }
+
+  66% {
+    transform: rotate(-6deg)
+  }
+
+  86% {
+    transform: rotate(4deg)
+  }
+}
+
+@keyframes glyHold {
+
+  0%,
+  100% {
+    transform: translateY(0)
+  }
+
+  50% {
+    transform: translateY(calc(-1 * var(--lift, .16em)))
+  }
+}
+
+@keyframes handHold {
+
+  0%,
+  100% {
+    transform: rotate(var(--r, 0deg))
+  }
+
+  50% {
+    transform: translateY(calc(-1 * var(--lift, .16em))) rotate(var(--r, 0deg))
+  }
+}
+
+.gx.twiddle.go .gly {
+  animation: glyTwiddle .60s ease-in-out;
+}
+
+.gx.twiddle.go .hpic {
+  animation: hpicTwiddle .60s ease-in-out;
+}
+
+.gx.lift.go .gly {
+  animation: glyLift .55s cubic-bezier(.34, 1.5, .64, 1);
+}
+
+.gx.lift.go .hpic {
+  animation: hpicBob .55s cubic-bezier(.34, 1.5, .64, 1);
+}
+
+.gx.point.go .hpic {
+  animation: hpicPoke .60s ease-in-out;
+}
+
+.gx.shake.go .hpic {
+  animation: hpicShake .65s ease-in-out;
+}
+
+.gx.wag.go .hpic {
+  animation: hpicWag .60s ease-in-out;
+}
+
+.gx.nudge.go .hpic {
+  animation: hpicNudge .55s cubic-bezier(.34, 1.5, .64, 1);
+}
+
+.gx.nudge.go .gly {
+  animation: glyNudge .55s cubic-bezier(.34, 1.5, .64, 1);
+}
+
+.gx.wave.go .hpic {
+  animation: hpicWave .9s ease-in-out;
+}
+
+.gx.hold.go .gly {
+  animation: glyHold .75s ease-in-out;
+}
+
+.gx.hold.go .hand {
+  animation: handHold .75s ease-in-out;
+}
 
 @media (prefers-reduced-motion: reduce) {
-  .gly, .hpic, .hand { transition: none; }
-  .go .gly, .go .hpic, .go .hand { animation: none !important; }
+
+  .gly,
+  .hpic,
+  .hand {
+    transition: none;
+  }
+
+  .go .gly,
+  .go .hpic,
+  .go .hand {
+    animation: none !important;
+  }
+}
+
+/* =========================================================================
+   Dark-mode component overrides — colour tokens above handle most surfaces;
+   these are the cases that need more than a swapped variable.
+   ========================================================================= */
+
+/* Nav brand in dark mode: the cream artwork rests on the bar, and hovering
+   cross-fades to a dark-mode colour logo (coloured gloves + cream text) — the
+   same colour-reveal as light mode. The light colour logo.svg has black text
+   that would vanish on the dark bar, so it is never shown in dark. */
+[data-theme="dark"] .brand-logo-rest {
+  opacity: 0;
+}
+
+[data-theme="dark"] .brand-logo-rest-dark {
+  opacity: 1;
+}
+
+[data-theme="dark"] .brand:hover .brand-logo-rest-dark,
+[data-theme="dark"] .brand:hover .brand-logo-hover {
+  opacity: 0;
+}
+
+[data-theme="dark"] .brand:hover .brand-logo-hover-dark {
+  opacity: 1;
+}
+
+[data-theme="dark"] .brand.is-mono .brand-logo-rest-dark {
+  opacity: 1;
 }
+
+[data-theme="dark"] .brand.is-mono .brand-logo-hover-dark {
+  opacity: 0;
+}
+
+/* Hero: on dark, the bright triple-glow reads as patchy, so use a single soft
+   cool wash from the top fading into the base for a calm, even backdrop. */
+[data-theme="dark"] .hero {
+  background:
+    radial-gradient(120% 90% at 50% -30%, rgba(123, 176, 247, .10), transparent 60%),
+    radial-gradient(80% 70% at 85% 120%, rgba(118, 222, 118, .05), transparent 60%),
+    var(--bg);
+}
+
+/* "Start or join a campaign" callout: the pale blue/green wash looks washed-out
+   on dark, so drop it to a subtle tinted card that sits on the dark section. */
+[data-theme="dark"] .callout {
+  background:
+    linear-gradient(120deg, rgba(109, 195, 255, .08), rgba(118, 222, 118, .06)),
+    var(--card);
+  border-color: var(--line);
+}
+
+/* Primary button: on dark, a light-blue fill with dark ink reads far better
+   than white-on-light-blue. */
+[data-theme="dark"] .btn-primary {
+  color: #101523;
+}
+
+[data-theme="dark"] .btn-primary:hover {
+  background: var(--accent-dark);
+  color: #101523;
+}
+
+/* Institutional logos carry fixed brand colours (incl. dark-blue wordmarks that
+   vanish on a dark background). Rather than sit them on a light plate, flatten
+   each to a cream silhouette that matches the cream wordmark — brightness(0)
+   collapses the art to black, then the invert/sepia chain lifts it to cream. */
+[data-theme="dark"] .hero-corner img,
+[data-theme="dark"] .logos img {
+  filter: brightness(0) invert(93%) sepia(11%) saturate(360%) hue-rotate(1deg) brightness(97%);
+}
+
+/* Hero wordmark (inline SVG): the letters and note are black ink with no fill
+   declared, so recolour them to cream for the dark background. The coloured
+   gloves and their outlines are left untouched — they read fine on dark. The
+   selectors override inline presentation styles, hence !important. */
+[data-theme="dark"] #svg1 [id^="text"] {
+  fill: #ecebe6 !important;
+  stroke: #ecebe6 !important;
+}
+
+[data-theme="dark"] #svg1 #note path,
+[data-theme="dark"] #svg1 #note circle {
+  fill: #ecebe6 !important;
+  stroke: #ecebe6 !important;
+}
\ No newline at end of file