/* Keep the supplied logo files intact; the frame hides their empty outer margin. */
.school-logo {
  display: block;
  width: 200px;
  max-width: 100%;
  aspect-ratio: 3 / 1;
  overflow: hidden;
  flex-shrink: 0;
}
.school-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.brand {
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.brand small {
  margin-left: 7px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.5px;
}
.login-story .school-logo { width: 280px; }
.login-story .brand small { margin-left: 9px; }
.registration-brand { margin-bottom: 24px; }
.registration-brand .school-logo { width: 210px; }
@media (max-width: 720px) {
  .brand { gap: 7px; }
  .sidebar .school-logo { width: 180px; }
  .login-story .school-logo { width: 220px; }
  .registration-brand .school-logo { width: 180px; }
  .registration-brand { margin-bottom: 20px; }
}