Refine historical page branding and copy

frontend/assets/css/historico.css

@@ -24,6 +24,18 @@
   gap: 24px;
 }
 
+.historical-hero__layout {
+  display: grid;
+  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
+  align-items: center;
+  gap: 32px;
+}
+
+.historical-logo-frame {
+  width: min(300px, 100%);
+  min-height: 220px;
+}
+
 .historical-hero__title {
   max-width: 12ch;
 }
@@ -228,6 +240,7 @@
 }
 
 @media (max-width: 720px) {
+  .historical-hero__layout,
   .historical-hero__topline,
   .historical-panel__header,
   .historical-match-card__top {
@@ -235,6 +248,10 @@
     align-items: flex-start;
   }
 
+  .historical-hero__layout {
+    display: flex;
+  }
+
   .historical-selector {
     flex-direction: column;
   }