Minor mobile improvements

assets/css/site.css

@@ -225,8 +225,8 @@ body {
         color: var(--white);
         display: flex;
         flex-direction: column;
-        font-size: 0.875rem;
+        font-size: 0.95rem;
-        line-height: 1.4;
+        line-height: 1.5;
         padding: 2rem 1.5rem;
         justify-content: center;
 
@@ -820,12 +820,18 @@ section#studies {
         max-width: var(--column-width);
         padding-bottom: 1rem;
         width: var(--column-width);
+    }
 
-        + p {
+    > p {
-            color: var(--white);
+        color: var(--white);
-            padding-right: 1rem;
+        padding-right: 1rem;
-            margin-bottom: 0;
+        margin-bottom: 0;
-            max-width: var(--column-width);
+        max-width: var(--column-width);
+
+        a:hover,
+        a:active {
+            color: #fff;
+            text-decoration-thickness: 0.15rem;
         }
     }
 

layouts/index.html

@@ -20,7 +20,10 @@
 <section id="studies">
   <h1>Case studies</h1>
   <p class="tablet-hide">
-    Longer form overviews of some of my projects over the past few years. These each highlight different aspects of my design process, collaboration, and skills.
+    These longer format stories each highlight different aspects of my design process, thinking, collaboration style, and skills.
+  </p>
+  <p class="tablet-hide">
+    You can also read about my <a href="/values">design philosophy and values</a> specifically.
   </p>
   {{ range where .Site.RegularPages "Section" "studies" }}
     {{- $page := . -}}