/* Supplied portrait is displayed whole, including its gold frame. */
.joexams-brand { gap:12px; padding-block:10px; }
.joexams-brand img {
  flex:0 0 auto; width:56px; height:56px; object-fit:contain;
  border-radius:12px; background:#101010;
}
.joexams-brand span:last-child { white-space:normal; overflow:visible; }
.joexams-brand b {
  font-size:clamp(.95rem, 1.4vw, 1.15rem); line-height:1.5;
  color:var(--navy-deep); letter-spacing:0;
}
.joexams-brand small { color:var(--muted); line-height:1.6; }
.joexams-login-logo {
  width:clamp(200px, 23vw, 280px); max-width:100%; height:auto;
  aspect-ratio:1; object-fit:contain; border-radius:22px;
  background:#101010; margin-bottom:24px;
  box-shadow:0 12px 30px rgba(28,23,12,.14);
}
@media (max-width:620px) {
  .joexams-brand { gap:10px; }
  .joexams-brand img { width:46px; height:46px; border-radius:10px; }
  .joexams-brand b { font-size:.94rem; }
  .joexams-brand small { font-size:.7rem; }
  .joexams-login-logo { width:200px; border-radius:18px; }
}