diff --git a/index.html b/index.html index 2ebc0c7..1675986 100644 --- a/index.html +++ b/index.html @@ -612,13 +612,28 @@ .writing-list { display: grid; - grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; border: 1px solid rgba(21, 23, 26, 0.12); background: rgba(21, 23, 26, 0.12); box-shadow: var(--shadow); } + .latest-grid { + display: grid; + grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr); + gap: 18px; + align-items: start; + } + + .latest-heading { + margin-bottom: 12px; + color: var(--forest); + font-size: 0.8rem; + font-weight: 850; + letter-spacing: 0.08em; + text-transform: uppercase; + } + .writing-item { display: flex; align-items: baseline; @@ -646,6 +661,34 @@ font-weight: 720; } + .activity-card { + padding: 28px; + } + + .activity-card h3 { + margin-bottom: 12px; + } + + .activity-list { + display: grid; + gap: 0; + margin: 20px 0 24px; + padding: 0; + border-top: 1px solid var(--line); + list-style: none; + } + + .activity-list li { + padding: 13px 0; + border-bottom: 1px solid var(--line); + color: var(--muted); + } + + .activity-list strong { + display: block; + color: var(--ink); + } + @media (max-width: 560px) { .writing-list { grid-template-columns: 1fr; @@ -737,6 +780,7 @@ .hero-proof, .focus-grid, .project-grid, + .latest-grid, .case-study-grid, .section-head, .split, @@ -803,7 +847,7 @@