/* Only the interactive main Guardians remain on the login illustration. */
#loginPage .guardian-mini-row,
#loginPage .guardian-demo-row,
#loginPage .guardian-feature-cards,
#loginPage .guardian-demo-cards,
#loginPage .guardian-card-row,
#loginPage .guardian-interaction-cards {
  display:none !important;
}
#loginPage .guardian-explainers-removed .guardian-scene {
  grid-template-rows:auto minmax(0,1fr) !important;
}
#loginPage .guardian-explainers-removed .guardian-art { min-height:0 }
@media(prefers-reduced-motion:reduce) {
  #loginPage .guardian-pupil,
  #loginPage [class*="pupil"] { transition:none !important }
}

/* The cards are purely explanatory. Never remove the shared .ga-composition. */
#loginPage .ga-card,#loginPage [data-ga-demo]{display:none!important}
/* Hidden illustration cards shorten a 890-unit layout to 700 units.
   Reposition the detailed Guardian cast so text and mascots never overlap. */
#loginPage .ga-composition{aspect-ratio:848 / 700!important}
@media (min-width:851px){
  #loginPage .ga-copy{top:13.75%;left:9.2%;width:52%}
  #loginPage .ga-copy h2{font-size:5.4cqw;line-height:1.08}
  #loginPage .ga-copy p{margin-top:1.6cqw;font-size:1.65cqw;line-height:1.42}
  #loginPage .ga-actor--cyan{left:14%!important;top:51%!important;width:30%!important}
  #loginPage .ga-actor--officer{left:49.5%!important;top:45%!important;width:22.5%!important}
  #loginPage .ga-actor--sky{left:71%!important;top:51%!important;width:24%!important}
}
@media (max-width:850px){
  #loginPage .ga-composition{aspect-ratio:848 / 890!important}
}