diff --git a/assets/css/site.css b/assets/css/site.css
index ca7991e..2f3ef3f 100644
--- a/assets/css/site.css
+++ b/assets/css/site.css
@@ -923,7 +923,7 @@ body#legacy
 }
 
 /* single page documents */
-body#design {
+body#values {
     grid-template-rows: 5rem auto auto;
 
     main {
@@ -1301,7 +1301,7 @@ body#design {
         }
     }
 
-    body#design main > article
+    body#values main > article
     {
         > header {
             padding-bottom: 0;
@@ -1346,7 +1346,7 @@ body#design {
         }
     }
 
-    body#design main > article
+    body#values main > article
     {
         > header {
             padding-bottom: 3rem;
diff --git a/layouts/index.html b/layouts/index.html
index 0d22496..15ed3e9 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -8,7 +8,7 @@
       <strong>20 years experience</strong> designing and building software for the browser. I balance intentional design principles with a mastery of CSS, HTML, JavaScript, &amp; WCAG to <strong>bridge design and engineering</strong>. Performance, accessibility, and the semantic web still matter!
     </p>
     <p class="lede tablet-show">
-      Read more about my <a href="design" out>design philosophy</a> or take a look at some <a href="#studies" in>case studies</a> below.
+      Read more about my <a href="/values" out>design philosophy</a> or take a look at some <a href="/#studies" in>case studies</a> below.
     </p>
   </hgroup>
   <div id="semicircle"></div>