/* Homepage "From the Blog" preview — reuses .mm-blog-cards/.mm-blog-card
   from blog.css (both enqueued together on the front page) so the cards
   themselves match the real blog listing exactly; this file only covers
   the section chrome around them. */

/* Full-bleed like the other homepage sections (redbox, gallery, mission
   panel) instead of being capped to a centered 1360px column — the card
   grid itself already caps individual cards at a max width and centers
   the row (blog.css), so going full-bleed just lets more columns appear
   on wide screens instead of stretching the section into empty margin. */
.mm-home-blog {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding: 90px clamp(24px, 5vw, 80px);
}

.mm-home-blog-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 40px;
}
.mm-home-blog-title { margin: 0; font-size: clamp(28px, 3.4vw, 40px); font-weight: 700; color: #14150F; }
.mm-home-blog-view-all { font-weight: 700; font-size: 14px; color: #14150F; text-decoration: none; white-space: nowrap; }
.mm-home-blog-view-all:hover { text-decoration: underline; }

@media screen and (max-width: 560px) {
  .mm-home-blog { padding: 60px 20px; }
}