@import url(‘https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600&family=Work+Sans:wght@400;500;600&family=Cormorant+Garamond:wght@500;600&display=swap’);

/* Reset and base styles */

- {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  }

body {
font-family: “Crimson Pro”, Georgia, serif;
line-height: 1.65;
color: #2a2a2a;
background: #faf8f3;
max-width: 650px;
margin: 0 auto;
padding: 40px 20px;
font-size: 17px;
letter-spacing: -0.003em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* Header */
header {
margin-bottom: 60px;
}

header h1 {
font-size: 26px;
font-weight: 500;
margin-bottom: 24px;
letter-spacing: 0.02em;
font-family: “Cormorant Garamond”, Georgia, serif;
}

header h1 a {
color: #2a2a2a;
text-decoration: none;
}

header h1 a:hover {
color: #0066cc;
}

nav {
display: flex;
gap: 24px;
font-size: 15px;
font-weight: 500;
font-family: “Work Sans”, sans-serif;
}

nav a {
color: #666;
text-decoration: none;
transition: color 0.2s ease;
}

nav a:hover {
color: #2a2a2a;
}

/* Main content */
main {
margin-bottom: 80px;
}

h2 {
font-size: 20px;
font-weight: 600;
margin-bottom: 32px;
letter-spacing: -0.02em;
color: #2a2a2a;
font-family: “Work Sans”, sans-serif;
}

h3 {
font-size: 17px;
font-weight: 600;
margin-bottom: 6px;
letter-spacing: -0.01em;
font-family: “Work Sans”, sans-serif;
}

p {
margin-bottom: 20px;
font-size: 17px;
color: #2a2a2a;
}

a {
color: #0066cc;
text-decoration: none;
transition: opacity 0.2s ease;
}

a:hover {
opacity: 0.7;
}

/* Essay list */
.essay-preview {
margin-bottom: 32px;
}

.essay-preview h3 a {
color: #2a2a2a;
font-weight: 500;
}

.essay-preview h3 a:hover {
color: #0066cc;
}

.essay-preview .date {
color: #888;
font-size: 15px;
margin-bottom: 6px;
font-weight: 400;
}

/* Work items */
.work-section {
margin-bottom: 50px;
}

.work-section h3 {
font-size: 15px;
font-weight: 600;
margin-bottom: 24px;
color: #2a2a2a;
}

.work-item-inline {
margin-bottom: 12px;
}

.work-item-inline p {
margin-bottom: 0;
font-size: 16px;
line-height: 1.6;
}

.work-item-inline a {
color: #2a2a2a;
font-weight: 500;
}

.work-item-inline a:hover {
color: #0066cc;
}

.work-item {
margin-bottom: 32px;
}

.work-item h4 {
font-size: 16px;
font-weight: 600;
margin-bottom: 4px;
color: #2a2a2a;
}

.work-item h4 a {
color: #2a2a2a;
}

.work-item h4 a:hover {
color: #0066cc;
}

.work-item .role {
color: #888;
font-size: 14px;
margin-bottom: 6px;
font-weight: 400;
}

.work-item .date {
color: #888;
font-size: 14px;
margin-bottom: 6px;
font-weight: 400;
}

/* Reading list and likes sections */
.reading-section,
.like-section {
margin-bottom: 40px;
}

.reading-section h3,
.like-section h3 {
font-size: 15px;
font-weight: 600;
margin-bottom: 14px;
color: #2a2a2a;
}

.city-group {
margin-bottom: 24px;
}

.city-group h4 {
font-size: 15px;
font-weight: 600;
margin-bottom: 8px;
color: #2a2a2a;
font-family: “Work Sans”, sans-serif;
}

.city-group p {
margin-bottom: 0;
line-height: 1.7;
}

ul {
list-style: none;
margin-bottom: 20px;
}

li {
margin-bottom: 10px;
font-size: 15px;
line-height: 1.6;
}

li a {
color: #0066cc;
font-weight: 500;
}

/* Footer */
footer {
border-top: 1px solid #e5e5e5;
padding-top: 24px;
color: #888;
font-size: 13px;
}

/* About page images */
.about-images {
display: flex;
gap: 20px;
margin-bottom: 32px;
flex-wrap: wrap;
}

.about-photo {
width: 180px;
height: 180px;
object-fit: cover;
border-radius: 4px;
}

/* Essay navigation */
.essay-nav {
margin-top: 60px;
padding-top: 24px;
border-top: 1px solid #e5e5e5;
}

.essay-nav a {
color: #888;
font-size: 15px;
font-weight: 500;
}

.essay-nav a:hover {
color: #2a2a2a;
}

/* Responsive */
@media (max-width: 700px) {
body {
padding: 30px 15px;
}

```
nav {
    flex-wrap: wrap;
    gap: 15px;
}
```

}