/* Journal (home.php, the posts index) and Article (single.php) */

.journal { padding-block-end: var(--section); }

.article__head { padding-block-end: clamp(2rem, 4vw, 3rem); }
.article__title { font-size: clamp(1.9rem, 1.3rem + 2.1vw, 3.4rem); }
.article__meta { margin-block-start: 1.25rem; color: var(--ink-2); }
.article__media { aspect-ratio: 16 / 8; max-inline-size: 68.75rem; margin-inline: auto; }
.article__body { padding-block: clamp(2.5rem, 5vw, 4.5rem) var(--section); font-size: 1.125rem; line-height: 1.65; }
.article__lead { font-size: var(--fs-lead); font-weight: 500; line-height: 1.45; }
.project__back { margin-block-end: clamp(1.5rem, 3vw, 2.5rem); }

@media (max-width: 40rem) {
  .article__media { aspect-ratio: 4 / 3; }
}