/* Keep decorative shapes below every story text node, never in the hit-test layer. */
.login-story,.intro{isolation:isolate}
.login-story::after,.intro::after{z-index:0;pointer-events:none}
.login-story>*,.intro>*{position:relative;z-index:1}
.login-story{gap:32px}
.login-story .muted{overflow-wrap:break-word}
.brand{gap:10px}
.brand-logo{display:block;flex:none;width:52px;height:42px;object-fit:contain;background:#fff;border-radius:6px}
.brand-copy{min-width:0}
.brand strong{font-size:18px;line-height:1.5;white-space:nowrap}
.brand small{display:block;font-size:8px;letter-spacing:.8px;line-height:1.8;white-space:nowrap}
.login-story .brand{margin-left:0;margin-right:0}
.login-story .brand-logo{width:80px;height:64px;border-radius:8px}
.login-story .brand strong{font-size:24px}
.login-story .brand small{font-size:10px;letter-spacing:1.5px}
@media(min-width:701px) and (max-width:1000px){
 .sidebar .brand{margin-left:0;margin-right:0;gap:8px}
 .sidebar .brand-logo{width:44px;height:36px}
 .sidebar .brand strong{font-size:16px}
 .sidebar .brand small{font-size:8px;letter-spacing:.5px}
}
@media(max-width:700px){
 .login-story{gap:24px}
 .login-story .brand-logo{width:64px;height:52px}
 .login-story .brand strong{font-size:22px}
 .login-story .brand small{font-size:9px;letter-spacing:1px}
}