final formatting!

Author: fionaychen

_layouts/home.html

@@ -7,33 +7,53 @@
   <div class="profile-container">
     <div class="profile-image">
       <img src="/assets/images/headshot.png" alt="headshot">
+
+      <!-- <div class="section-text">
+        <a href="mailto:fionachen@g.harvard.edu">fionachen@g.harvard.edu</a><br>
+        <a href="/assets/cv/cv.pdf">CV</a>
+      </div> -->
     </div>
 
     <div class="profile-content">
       <!-- Name as first section header in right column -->
-      <h2 class="content-title">Fiona Yifei Chen</h2>
+      <h2 class="main-title">Fiona Yifei Chen</h2>
 
-      <div class="intro-text">
-        <p>Hello! I am a Ph.D. candidate in Business Economics at Harvard University. My research is in labor economics, with a focus on the economics of AI.
+      <div class="section-text">
+        <p>I am a Ph.D. candidate in Business Economics at Harvard University. My research is in labor economics, with a focus on the economics of AI.
           I received my B.S. in Mathematics and in Economics from MIT.
         </p>
-        
+
         <p>In Winter of 2026, I am visiting the Stanford Digital Economy Lab.</p>
-        
-        <p>You can reach me at <a href="mailto:fionachen@g.harvard.edu">fionachen [at] g.harvard.edu</a> and access my <a href="/assets/cv/cv.pdf">CV here</a>.</p>
+
+        <p>You can reach me at <a href="mailto:fionachen@g.harvard.edu">fionachen@g.harvard.edu</a> and access my <a href="/assets/cv/cv.pdf">CV here</a>.</p>
       </div>
 
       <section class="research-section">
-        <h3 class="content-title">Research</h3>
-        <p><em>Artificial Intelligence in the Firm</em><br>with James Stratton</p>
-      </section>
-
-      <section class="policy-section">
-        <h3 class="content-title">Policy</h3>
+        <h3 class="section-title">Research</h3>
+        <div class="section-text">
+        <p><a href="/assets/papers/jellyfish.pdf"><em>Artificial Intelligence in the Firm</em></a>
+          <br>
+          with James Stratton
+        </p>
+        </div>
       </section>
 
       <section class="misc-section">
-        <h3 class="content-title">Miscellaneous</h3>
+        <h3 class="section-title">Policy and Service</h3>
+        <div class="section-text">
+          <p>
+          I am a Research Fellow at the <a href="https://socialfinance.org/institute/">Social Finance Institute</a>, where I work on 
+          practitioner-oriented research projects on the <a href="https://socialfinance.org/insight/shaping-the-future-of-work-generative-ai-inequality-and-opportunity/">economics of AI</a>. 
+          </p>
+          <p>
+            I also serve on the <a href="https://corporation.mit.edu/">MIT</a> 
+            <a href="https://news.mit.edu/2021/corporation-11-term-three-life-members-0603">Corporation</a>, 
+            and formerly served in various policy roles while as an MIT student. 
+            An example of work I have done in this capacity is assisting in writing MIT's <a href="https://www.mit.edu/values/">Values</a> 
+            <a href="https://web.mit.edu/valuescomm-report/mit-values-committee-final-report-1.pdf">Statement</a>.
+          </p>
+        </div>
+        
       </section>
     </div>
   </div>

_sass/_base.scss

@@ -1,9 +1,9 @@
 body {
   background: $brand-color;
-  color: $muted-text-color;
+  color: $text-color;
   font-family: $font-family;
   font-style: normal;
-  font-size: 1.1em;
+  font-size: 1.0em;
   line-height: 1.4;
   padding-top: 2em;  // Adds space at the very top
 }
@@ -16,7 +16,7 @@ h1 {
 }
 
 h2 {
-  font-size: 1.4em;
+  font-size: 1.2em;
   margin-top: 0.8em;
   margin-bottom: 0.2em;
   font-weight: 500;
@@ -25,7 +25,7 @@ h2 {
 }
 
 h3 {
-  font-size: 1.2em;
+  font-size: 1.1em;
   margin-top: 0.8em;
   margin-bottom: 0.2em;
   font-weight: 500;
@@ -64,6 +64,14 @@ strong {
 
 a {
   color: $text-color;
+  text-decoration: none;
+  border-bottom: 1px solid rgba($text-color, 0.35);
+  transition: border-color 0.15s ease, color 0.15s ease;
+}
+
+a:hover {
+  color: $muted-text-color;
+  border-bottom-color: rgba($muted-text-color, 0.35);
 }
 
 a:focus {
@@ -122,13 +130,19 @@ figcaption {
   @include divider;
 }
 
-
-.content-title {
+.main-title {
   font-size: 1.5em;
   margin-bottom: 0em;
   text-align: left;
 }
 
+.section-title {
+  font-size: 1.2em;
+  margin-top: 1.2em;
+  margin-bottom: 0em;
+  text-align: left;
+}
+
 .post-date {
   color: $muted-text-color;
   display: block;
@@ -170,9 +184,9 @@ figcaption {
   margin-top: 0;
 }
 
-.intro-text p {
+.section-text p {
   font-style: normal;
-  margin-bottom: 1em;
+  margin-bottom: 0.75em;
 }
 
 // Profile container - photo and text side by side
@@ -200,7 +214,7 @@ figcaption {
 
 .profile-image {
   flex-shrink: 0;
-  margin-top: 2.6em;  // Push image down to align with "Hello!"
+  margin-top: 3.7em;  // Push image down to align with "Hello!"
   padding-top: 0;
 
   img {
@@ -215,6 +229,13 @@ figcaption {
   }
 }
 
+.profile-contact {
+  margin-top: 0.6rem;
+  font-size: 0.9rem;
+  line-height: 1.4;
+  text-align: center;
+}
+
 // Adjust home max-width for two-column layout
 .home {
   max-width: 45em;  // Make wider to accommodate both columns

_sass/_variables.scss

@@ -1,7 +1,8 @@
 $brand-color:         #ffffff;
 $highlight:           lighten($brand-color, 35%);
-$text-color:          #090801;
-$muted-text-color:    #474641;
+$text-color:          #181818;
+$muted-text-color:    #545454;
+$link-text-color:     #2164e9;
 $font-family:         'EB Garamond', 'Garamond', serif;
 
 $on-bigphone:         375px;