/* Reserve room for the fixed navigation before the article date and title. */
.article-header { padding-top: 7.5rem; }
.article-hero { padding-top: max(9rem, 7.5rem); }

/* This header uses a normal-flow figure rather than an overlapping image. */
.article-header + .article-body { margin-top: 2rem; }

@media (max-width: 900px) {
  .article-header { padding-top: 6rem; }
  .article-hero { padding-top: max(7rem, 6rem); }
}