/* Match the hero's cascade layer so its important margin reset cannot win. */
@layer jbn-public-hero {
  body.site-shell:not(.admin-shell)[data-page="access_login"] main.page-shell > section.public-hero--split[data-public-hero],
  body.site-shell:not(.admin-shell) .page-shell > section.access-login-page {
    margin-bottom: clamp(3rem, 5vw, 5rem) !important;
  }

  @media (max-width: 640px) {
    body.site-shell:not(.admin-shell)[data-page="access_login"] main.page-shell > section.public-hero--split[data-public-hero],
    body.site-shell:not(.admin-shell) .page-shell > section.access-login-page {
      margin-bottom: 2.5rem !important;
    }
  }
}