/* Approved K monogram: one identity across every KELAM surface. */
.brand-mark {
  background: #fff url('assets/brand/mark.png') center / 78% no-repeat !important;
  box-shadow: none !important;
  border-radius: 12px !important;
}
.brand-mark__arc, .brand-mark__page { display: none !important; }
.auth-logo { display: block; width: 112px; height: 112px; object-fit: contain; margin: 0 auto 18px; }
.auth-visual { background: #faf9f5; height: auto; min-height: 0; max-height: none; aspect-ratio: 2.5; }
.auth-visual > img { object-fit: contain; }
.auth-visual::after { display: none; }
.auth-panel { min-height: 0; }
@media (max-width: 899px) {
  .auth-layout { align-content: start; grid-template-rows: auto auto; }
  .auth-panel { align-items: flex-start; padding-top: 24px; }
}
.kelam-brand-banner { display: block; width: 100%; height: auto; border-radius: 24px; margin: 0 auto 32px; }
@media (min-width: 900px) {
  .auth-visual { height: 100dvh; min-height: 0; aspect-ratio: auto; }
  .auth-visual > img { padding: 24px; }
  .kelam-brand-banner { max-width: 780px; }
}
@media (max-width: 599px) {
  .auth-logo { width: 88px; height: 88px; margin-bottom: 12px; }
  .kelam-brand-banner { border-radius: 18px; margin-bottom: 24px; }
}