/* Balanced hero height for the login and registration pages. */
.login-page .access-full-hero,
.access-page .access-full-hero {
  height: clamp(300px, 24vw, 360px) !important;
  min-height: 300px !important;
}

.login-page .access-full-hero > img,
.access-page .access-full-hero > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
}

@media (max-width: 760px) {
  .login-page .access-full-hero,
  .access-page .access-full-hero {
    height: 170px !important;
    min-height: 170px !important;
  }
}