@media (max-width:800px) {
  .login { min-height:100dvh; display:block; background:#f3f6f8; }
  .login-art { min-height:172px; height:172px; padding:22px 24px; gap:0; justify-content:flex-start; }
  .login-scene { height:100%; min-height:0; }
  .login-scene>img { object-position:66% 38%; opacity:.48; }
  .login-scene:after { background:linear-gradient(90deg,#0a2435ed,#0a24359c); }
  .login-scene figcaption,.login-art footer { display:none; }
  .login-art .brand { align-items:center; font-size:20px; gap:14px; }
  .login-art .brand img { width:58px; height:74px; }
  .login-form { display:block; margin:-17px 12px 20px; padding:24px 22px 28px; position:relative; background:#fff; border-radius:18px; box-shadow:0 14px 40px #172a3b12; }
  .login-box { max-width:none; }
  .login-box .eyebrow { font-size:10px; letter-spacing:1.8px; }
  .login-box h2 { font-size:29px; margin:8px 0 6px!important; }
  .login-box .muted { font-size:13px; line-height:1.5; }
  .login-box form { margin-top:24px; }
  .login-box .field { margin-bottom:15px; }
  .login-box .input { min-height:46px; }
  .login-box .btn { min-height:48px; }
}