Refine model row centering

static/index.html

@@ -25,7 +25,7 @@
 
   <section class="model-strip is-loading" id="model-strip" aria-label="Model status">
     <span class="model-logo-frame" aria-hidden="true">
-      <img id="model-logo" class="model-logo" width="60" height="63" alt="">
+      <img id="model-logo" class="model-logo" width="56" height="59" alt="">
     </span>
     <div class="model-copy">
       <span class="model-kicker">Model</span>

static/style.css

@@ -68,16 +68,16 @@ h1 em { color:var(--purple); font-weight:400; font-style:italic; }
 .model-logo-frame { position:relative; display:block; width:42px; height:42px; overflow:hidden; }
 .model-logo {
   position:absolute;
-  top:50%;
+  top:calc(50% - 2px);
   left:50%;
   display:block;
-  width:60px;
+  width:56px;
   height:auto;
   max-width:none;
   transform:translate(-50%,-50%);
   image-rendering:pixelated;
 }
-.model-copy { display:flex; min-width:0; flex-direction:column; align-items:flex-start; justify-content:center; gap:1px; }
+.model-copy { display:flex; min-width:0; flex-direction:column; align-items:center; justify-content:center; gap:1px; }
 .model-kicker { color:var(--neutral-500); font:600 10px/1.2 var(--mono); letter-spacing:.09em; text-transform:uppercase; }
 .model-name-row { display:flex; min-height:25px; align-items:center; gap:10px; white-space:nowrap; }
 .model-copy a { font:400 22px/1.15 var(--serif); text-decoration:none; }