/* FINAL MOBILE HERO MICRO-TWEAKS */
@media (max-width: 768px) {
  /* Slightly less high cover image */
  #home-view header .w-full.bg-brand-blue.shadow-lg.relative.overflow-hidden img,
  #home-view header picture img,
  #home-view header img {
    height: 42vh !important;
    max-height: 360px !important;
    object-fit: cover !important;
    object-position: center 64% !important;
  }

  /* More space between image and text below */
  #home-view header .w-full.bg-brand-blue.shadow-lg.relative.overflow-hidden,
  #home-view header picture {
    margin-bottom: 16px !important;
  }

  /* More breathing room in title block */
  #home-view header .max-w-4xl.mx-auto.px-4.text-center.mt-12 {
    margin-top: 1.05rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  #home-view header h1.text-3xl.md\:text-5xl {
    margin-bottom: 0.55rem !important;
  }

  #home-view header p.text-lg.md\:text-xl {
    margin-bottom: 1.05rem !important;
  }

  /* A little more space before buttons */
  #home-view header .flex.flex-col.sm\:flex-row.items-stretch.sm\:items-center.justify-center.gap-4.max-w-xl.mx-auto.mt-2 {
    margin-top: 0.28rem !important;
    gap: 0.6rem !important;
  }
}