/* Scoped to Matt's custom theme. Override only header branding and blog frames. */
body.mrmt-image-fix .site-header .nav-wrap > .brand {
  min-width: 0 !important;
  max-width: 100% !important;
  flex-shrink: 1;
}
body.mrmt-image-fix .site-header .nav-wrap > .brand > img.brand-logo {
  display: block;
  width: 240px !important;
  max-width: 100% !important;
  height: 120px !important;
  max-height: 120px !important;
  object-fit: contain !important;
  object-position: left center !important;
}
@media (max-width: 760px) {
  body.mrmt-image-fix .site-header .nav-wrap > .brand {
    max-width: calc(100% - 60px) !important;
  }
  body.mrmt-image-fix .site-header .nav-wrap > .brand > img.brand-logo {
    width: 200px !important;
    height: 100px !important;
    max-height: 100px !important;
  }
}
/* Identical frames align image bottoms and article text across all cards.
   Photos fill each frame, with top alignment protecting heads. */
body.mrmt-image-fix #blog .blog-carousel .blog-carousel-card > .post-art {
  display: block !important;
  position: relative;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 4 / 3 !important;
  flex-shrink: 0;
  overflow: hidden;
  background: var(--cream, #f4f1e8);
}
body.mrmt-image-fix #blog .blog-carousel .blog-carousel-card > .post-art > img {
  display: block;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center top !important;
  box-sizing: border-box;
  padding: 0 !important;
}
body.mrmt-image-fix #blog .blog-carousel .blog-carousel-card > .post-art > img.logo-fallback {
  object-fit: contain !important;
  object-position: center !important;
  padding: 26px !important;
}