/* Homepage layout: intro text then centered image */
.home-hero { margin:0 auto 2.2rem; padding:0 1rem; }
.home-hero .intro { margin:0 auto 1.4rem; font-size:1rem; line-height:1.45; }
.home-hero figure { margin:0 auto; text-align:center; }
.home-hero img { max-width:640px; width:100%; height:auto; display:block; margin:0 auto; border-radius:8px; }
.home-hero figcaption { text-align:center; font-size:.8rem; margin-top:.4rem; color: var(--text-muted, #555); }

@media (max-width: 640px) {
  .home-hero { margin-bottom:1.7rem; }
  .home-hero .intro { margin-bottom:1.1rem; }
  .home-hero img { max-width:100%; }
}