Update website

main.css

@@ -62,6 +62,11 @@ a {
   font-size: 1.05rem;
 }
 
+.site-header.is-scrolled .brand-image {
+  width: min(320px, 62vw);
+  height: 40px;
+}
+
 .site-header.is-scrolled .brand-subtitle {
   display: none;
 }
@@ -76,6 +81,20 @@ a {
   gap: 4px;
 }
 
+.brand-link {
+  display: inline-flex;
+  align-items: center;
+  width: fit-content;
+}
+
+.brand-image {
+  width: min(420px, 70vw);
+  height: 58px;
+  object-fit: cover;
+  object-position: center;
+  transition: width 0.2s ease, height 0.2s ease;
+}
+
 .brand {
   font-size: 1.5rem;
   font-weight: 800;
@@ -348,6 +367,10 @@ a {
   gap: 10px;
 }
 
+.site-footer .brand {
+  color: #ffffff;
+}
+
 .footer-brand p {
   max-width: 480px;
   margin: 0;