/* Mobile layout fixes for the home hero and logged-in WordPress preview. */
body.admin-bar .site-header.on-hero {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .site-header.on-hero {
    top: 46px;
  }

  body.admin-bar .mobile-menu nav {
    top: 114px;
  }
}

@media (max-width: 800px) {
  /* Match the supplied vertical hero asset so its text and subject are not cropped. */
  .hero {
    height: auto;
    min-height: 0;
    aspect-ratio: 941 / 1672;
  }

  .hero img {
    object-fit: cover;
    object-position: center center;
  }
}