Index: web-extra/martin.css.pp
==================================================================
--- web-extra/martin.css.pp
+++ web-extra/martin.css.pp
@@ -48,11 +48,11 @@
     (string-append (real->decimal-string (* LINEHEIGHT multiple) 2) "rem"))
 ◊(define (derive-lineheight lines #:per-lines per)
     (string-append (real->decimal-string (/ (* LINEHEIGHT per) lines) 3) "rem"))
 
 ◊(define color-bodytext   "#2a3d45") ◊; Japanese indigo, baby
-◊(define color-pagehead   "#a29555") ◊; Faded gold 
+◊(define color-pagehead   "#a81606") ◊; for Faded gold, a29555
 ◊(define color-link       "#ab2a23")
 ◊(define color-linkhover  "#c14337")
 ◊(define color-xrefmark   "#c14337")
 ◊(define color-background "#f7f7f7")
 ◊(define color-linkbackground "#f7f7f7")
@@ -100,24 +100,39 @@
         background: white;
         margin: 0;
         padding: ◊x-lineheight[0.5] ◊x-lineheight[1];
     }
 
-    main>header {
+    main header {
         text-align: center;
     }
 
-    main>header h1 {
-        font-size: ◊x-lineheight[1.5];
+    main header h1 {
+        font-size: ◊x-lineheight[1.15];
         line-height: ◊x-lineheight[2];
         margin: 0 0 ◊x-lineheight[0.5] 0;
         font-weight: normal;
         font-feature-settings: "smcp" on, "liga" on, "clig" on, "dlig" on, "kern" on, "onum" on, "pnum" on;
         text-transform: lowercase;
         color: ◊color-pagehead;
+        /* transition: color 0.25s ease; */
+    }
+
+    img.logo {
+        filter: grayscale(60%);
+        transition: filter 0.5s ease;
+    }
+
+    header:hover img.logo {
+        filter: none;
+        transition: filter 0.25s ease;
     }
 
+    main header:hover h1 {
+        color: ◊color-bodytext;
+        /* transition: color 0.25s ease; */
+    }
     /* Links. Generally, we want them colored that weird springy green, underlines
        only when hovered, thanks.
 
        I read somewhere years ago that you should specify styling for links in the
        following order: Link, Visited, Hover, Active. 
@@ -132,11 +147,27 @@
 
     a:hover, a:active {         /* …[H]as [A]rrived */
         color: ◊color-linkhover;
         background: ◊color-linkbackground;
     }
+
+    main>a {
+        color: inherit;
+    }
+    
+    span.links-footnote {
+        display: inline-block; /* allows keyframe animation to work */
+    }
     
+    li:target, a:target, span.links-footnote:target {
+        animation: hilite 2.5s;
+    }
+    @keyframes hilite {
+        0% {background: transparent;}
+        10% {background: #feffc1;}
+        100% {background: transparent;}
+    }
 
     /* On mobile, an <ARTICLE> is just a box. Later we'll do fancy stuff if grid support is detected. */
     article {
         margin: 0 0 ◊x-lineheight[1] 0;
     }
@@ -282,21 +313,21 @@
         font-style: italic;
         margin: ◊x-lineheight[1] 0;
         font-weight: normal;
     }
 
-    .caps, .small-caps {
+    .caps, span.smallcaps, span.newthought {
         font-feature-settings: "smcp" on, "liga" on, "clig" on, "dlig" on, "kern" on, "onum" on, "pnum" on;
         font-style: normal;
     }
 
     .caps {
         text-transform: lowercase;
         font-size: 1.1em;
     }
 
-    p.newthought {
+    p.pause-before {
         margin-top: ◊x-lineheight[2];
         text-indent: 0;
     }
 
     section.entry-content ul,
@@ -464,11 +495,11 @@
     @supports (grid-area: auto) {
         main { 
             width: 42rem;
         }
 
-        main>header {
+        main header {
             display: grid;
             grid-template-columns: 9rem 12fr 1fr;
             grid-column-gap: 0;
             grid-template-areas: "logo masthead .";
             align-items: center;
@@ -483,16 +514,16 @@
             width: auto;
             justify-self: end;
             margin-right: 1rem;
         }
 
-        main>header h1 {
+        main header h1 {
             grid-area: masthead;
             margin: 0;
             line-height: 1em;
         }
-
+        
         article {
             display: grid;
             grid-template-columns: 8rem 7fr 1fr;
             grid-template-rows: auto auto auto;
             grid-template-areas: 
@@ -526,17 +557,21 @@
             font-size: 1.1rem;
             line-height: 1.7rem;
         }
 
         footer.article-info {
-            padding-top: 0.09rem;
+            padding-top: 0.2rem;
             grid-area: margin;
             text-align: right;
             font-size: 0.8rem;
-            line-height: ◊derive-lineheight[4 #:per-lines 3];
+            line-height: 0.87rem; /* Line up every 4th line w/3rd line of body */
             margin: 0;
         }
+
+        article.no-title footer.article-info {
+            padding-top: 1.5rem;
+        }
         
         section.entry-content {
             grid-area: main;
         }