website: "Ki all mogotte" moves to the contact pages; the home page keeps a trace

Operator's call after seeing the preview: the biography sat between the dashboard
gallery and "Hogyan mukodik?", interrupting "what it does" -> "how you get it"
with a life story. And its last sentence, "Ha irsz, en valaszolok", is a contact-
page sentence - it belongs next to "Valaszido", not mid-product-story.

  /kapcsolat + /en/contact  gain the full block (photo + the five approved
      sentences). These are LIVE pages, so the bio and the photograph are public
      from this commit. Both halves of the twin move together, as the twin rule
      requires; the English promises nothing the Hungarian does not, and uses the
      site's established "the box" rather than a new term.

  /preview/  loses the section and gains a compact row in the closing call to
      action: a 56x70 portrait, one line, and a link to the full block. This is
      deliberate, not a compromise - the audit's R-11 finding was "nobody is
      behind it" on the HOME page, and deleting every human trace from it would
      re-open exactly that. The trace now sits where someone decides to write.

  A dedicated /rolam page was considered and rejected: five sentences cannot
      carry a page, and the alternative was inventing biography to fill one.

The .who* rules are now UNSCOPED (were .page-index .who*), because the block
lives on two pages and will live on the home page's twin later. Following
69035f4af5's lesson: a genuinely shared pattern goes site-wide rather than being
duplicated per page scope. No existing page uses .who, so nothing else moves.

assets/operator-portrait-small.webp - 160x200, 8.4 KB, cropped from the same
original outside the repo, metadata stripped and verified by read-back (0 EXIF
tags, 0 GPS entries, none of the phone's byte sequences present).

site.css?v= -> 13 on all 21 files.

The preview builder asserted a hardcoded "site.css?v=10" and broke the moment the
site moved to 12. It now follows whatever index.html pins and prints it.

site_gates.py green.

website/assets/site.css

@@ -2263,17 +2263,18 @@ footer a:hover, footer a:focus-visible { text-decoration: underline; }
 .page-index .caps-item h4 svg { flex: 0 0 auto; margin-top: 3px; color: var(--blue-bright); }
 .page-index .caps-item p { color: var(--text-2); font-size: 0.93rem; line-height: 1.65; }
 
-/* --- who is behind it --- */
-.page-index .who { display: grid; grid-template-columns: 300px 1fr; gap: 48px; align-items: start; }
-.page-index .who-photo { margin: 0; }
-.page-index .who-photo img {
+/* --- who is behind it: SHARED, not page-scoped. It lives on /kapcsolat and
+   /en/contact, and on the home page only as the compact .who-mini row below. */
+.who { display: grid; grid-template-columns: 300px 1fr; gap: 48px; align-items: start; }
+.who-photo { margin: 0; }
+.who-photo img {
     width: 100%; height: auto; display: block;
     border: 1px solid var(--line); border-radius: var(--radius);
 }
-.page-index .who-text h2 { font-size: clamp(1.7rem, 3.2vw, 2.2rem); font-weight: 700; margin-bottom: 20px; letter-spacing: -0.02em; }
-.page-index .who-text p { color: var(--text-2); font-size: 1.05rem; line-height: 1.75; margin-bottom: 16px; max-width: 38rem; }
-.page-index .who-text p:last-child { margin-bottom: 0; }
-.page-index .who-text strong { color: var(--text-1); font-weight: 600; }
+.who-text h2 { font-size: clamp(1.7rem, 3.2vw, 2.2rem); font-weight: 700; margin-bottom: 20px; letter-spacing: -0.02em; }
+.who-text p { color: var(--text-2); font-size: 1.05rem; line-height: 1.75; margin-bottom: 16px; max-width: 38rem; }
+.who-text p:last-child { margin-bottom: 0; }
+.who-text strong { color: var(--text-1); font-weight: 600; }
 
 /* --- the process, as a flow without number badges --- */
 .page-index .flow { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; }
@@ -2338,8 +2339,8 @@ footer a:hover, footer a:focus-visible { text-decoration: underline; }
     .page-index .lede-grid { grid-template-columns: 1fr; gap: 36px; }
     .page-index .lede-text p { max-width: none; }
     .page-index .caps { grid-template-columns: 1fr; gap: 36px; }
-    .page-index .who { grid-template-columns: 1fr; gap: 28px; }
-    .page-index .who-photo { max-width: 260px; }
+    .who { grid-template-columns: 1fr; gap: 28px; }
+    .who-photo { max-width: 260px; }
     .page-index .flow { grid-template-columns: 1fr; gap: 20px; }
     .page-index .flow-step { padding: 0 0 0 20px; border-left: 1px solid var(--line); }
     .page-index .flow-step:first-child { padding-left: 20px; border-left: 1px solid var(--line); }
@@ -2351,3 +2352,24 @@ footer a:hover, footer a:focus-visible { text-decoration: underline; }
     .page-index .limits { padding: 20px; }
 }
 .page-index .close-cta { text-align: center; margin-top: 40px; }
+
+/* --- the compact trace on the home page: a face and one line at the point where
+   someone decides to write, linking to the full block on the contact page. The
+   audit's R-11 ("nobody is behind it") is what this keeps fixed. --- */
+.page-index .who-mini {
+    display: inline-flex; align-items: center; gap: 16px; text-align: left;
+    margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--line);
+}
+.page-index .who-mini img {
+    width: 56px; height: 70px; display: block; flex: 0 0 auto;
+    border: 1px solid var(--line); border-radius: var(--radius);
+}
+.page-index .who-mini p { margin: 0; font-size: 0.95rem; color: var(--text-2); max-width: 30rem; }
+.page-index .who-mini strong { color: var(--text-1); font-weight: 600; }
+.page-index .who-mini a { color: var(--blue-bright); text-decoration: none; white-space: nowrap; }
+.page-index .who-mini a:hover, .page-index .who-mini a:focus-visible { text-decoration: underline; }
+@media (max-width: 600px) {
+    .page-index .who-mini { flex-direction: column; text-align: center; gap: 12px; }
+    .page-index .who-mini p { text-align: center; }
+}
+