.blog-intro { max-width: 54rem; }
.blog-intro h1, .latest-heading, .blog-card h3 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -.045em; }
.blog-intro h1 { margin: 0; font-size: clamp(3rem, 7vw, 6rem); line-height: 1.08; }
.blog-intro > p:last-child { max-width: 42rem; margin: 1.5rem 0 0; color: var(--ink-soft); font-size: clamp(1.1rem, 2vw, 1.4rem); line-height: 1.6; }
.latest-heading { margin: 0 0 2rem; font-size: clamp(2rem, 4vw, 3.5rem); }
.blog-card { max-width: 52rem; padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); }
.blog-kicker { margin: 0 0 1.25rem; color: var(--coral-dark); font-size: .76rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.blog-card h3 { margin: 0; font-size: clamp(1.8rem, 3.8vw, 3rem); line-height: 1.15; }
.blog-card h3 a { text-decoration: none; }
.blog-card h3 a:hover { text-decoration: underline; }
.blog-card > p:not(.blog-kicker) { color: var(--ink-soft); font-size: 1.1rem; line-height: 1.6; }
.blog-card .text-link { display: inline-block; margin-top: .5rem; }

.section .shell.essay { max-width: 44rem; }
.essay .back-link { display: inline-block; margin-bottom: clamp(2.5rem, 6vw, 4rem); color: var(--coral-dark); font-size: .85rem; font-weight: 800; text-decoration: none; }
.essay .back-link:hover { text-decoration: underline; }
.essay h1 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.7rem, 6vw, 4.8rem); font-weight: 400; letter-spacing: -.045em; line-height: 1.12; }
.essay .essay-lede { margin: 1.65rem 0 0; color: var(--ink-soft); font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.25rem, 2.5vw, 1.55rem); font-style: italic; line-height: 1.55; }
.essay .byline { margin: 1.3rem 0 0; color: var(--ink); font-size: .93rem; font-weight: 800; }
.essay .essay-body { margin-top: clamp(3rem, 7vw, 4.5rem); border-top: 1px solid var(--line); padding-top: 2.3rem; }
.essay .essay-body > p { margin: 0 0 1.8rem; color: var(--ink-soft); font-size: clamp(1.06rem, 1.6vw, 1.18rem); line-height: 1.9; }
.essay .essay-body > .essay-pullquote { margin: 3rem 0 2rem; color: var(--ink); font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.2rem, 2vw, 1.4rem); font-style: italic; line-height: 1.55; }
.essay .essay-body strong { color: var(--ink); }
