Enlarge the landing logo and put RecipesCam back on one word

.lp-logo is a flex row, so the bare text node "Recipes" and the <em>Cam</em>
were two flex items and the 6px gap landed between them: the wordmark read
"Recipes Cam". They now live in one span, so the gap only separates the icon
from the name.

Along with it: mark 22px -> 30px (24px under 680px), wordmark 18px -> 24px
(19px on phones), gap 6px -> 8px. Colours untouched — Cam is still the amber
accent, and the mark keeps its rounded corners.

docker/frontend/src/Landing.tsx

@@ -154,8 +154,10 @@ export function Landing() {
       <nav className="lp-nav">
         <div className="lp-wrap">
           <a className="lp-logo" href="#top" onClick={() => setMenu(false)}>
-            <img className="lp-logo-mark" src="/assets/RecipesCamIcon.png" alt="" width="22" height="22" />
-            Recipes<em>Cam</em>
+            <img className="lp-logo-mark" src="/assets/RecipesCamIcon.png" alt="" width="30" height="30" />
+            {/* One span, not two siblings: .lp-logo is a flex row, so a bare
+                text node + <em> would get the 6px gap between them. */}
+            <span className="lp-logo-word">Recipes<em>Cam</em></span>
           </a>
           <div className="lp-nav-links">
             {nav.map((entry) => <a key={entry.href} href={entry.href}>{c(entry.label)}</a>)}