/* Preserve the creator as the focal point in the shallow phone hero. */
@media(max-width:650px){
  .login-visual{
    min-height:142px;
    padding:18px 20px;
    background-image:
      linear-gradient(90deg,rgba(7,9,24,.48) 0%,rgba(7,9,24,.12) 58%,rgba(7,9,24,.28) 100%),
      linear-gradient(180deg,rgba(7,9,24,.05),rgba(7,9,24,.42)),
      url('/assets/creator-login-studio-v1.png');
    background-size:cover;
    background-position:center 12%;
  }

  .login-brand{
    margin-top:2px;
  }

  .login-side{
    min-height:calc(100dvh - 142px);
  }
}

@media(max-width:380px), (max-height:700px) and (max-width:650px){
  .login-visual{min-height:132px}
  .login-side{min-height:calc(100dvh - 132px)}
}