/* The vector courtyard continues the navy pane; copy and artwork never overlap. */
.login-shell{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:stretch}
.login-story{--story-inset:clamp(28px,4vw,64px);display:flex;flex-direction:column;justify-content:flex-start;gap:0;min-height:100vh;padding:0;background:#1b354c;isolation:auto;overflow:visible}
.login-story::before,.login-story::after{display:none;content:none}
.login-story .brand{position:static;z-index:auto;padding:0;transform:none;margin:clamp(32px,4.5vh,54px) var(--story-inset) 0}
.login-story-content{position:static;z-index:auto;max-width:640px;margin:clamp(36px,6vh,72px) var(--story-inset) 18px}
.login-story .eyebrow{display:block;font-size:10px;letter-spacing:.18em;color:#d7c9b3;margin-bottom:18px}
.login-story h1{font-size:clamp(36px,3.5vw,62px);line-height:1.1;font-weight:570;letter-spacing:-.045em;margin:0 0 20px;color:#fff;text-shadow:none}
.login-story-content>p{font-size:14px;line-height:1.7;color:#cfdbde;max-width:390px;margin:0}
.login-campus-image{display:block;flex:none;width:100%;margin:auto 0 0;padding:0;border:0;border-radius:0;overflow:visible;background:#1b354c;box-shadow:none;line-height:0}
.login-campus-image img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:0;margin:0}
.login-form-panel{min-width:0;padding:48px clamp(28px,5.5vw,88px)}
@media(min-width:1001px) and (max-height:800px){
  .login-story .brand{margin-top:28px}
  .login-story-content{margin-top:28px;margin-bottom:12px}
  .login-story .eyebrow{margin-bottom:12px}
  .login-story h1{font-size:clamp(32px,3.2vw,48px);margin-bottom:14px}
  .login-story-content>p{font-size:12px}
  .login-form-panel{padding-top:30px;padding-bottom:30px}
}
@media(min-width:761px) and (max-width:1000px){
  .login-shell{grid-template-columns:1fr}
  .login-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px 0;align-items:center;min-height:0;padding-top:28px}
  .login-story .brand{grid-column:1/-1;margin:0 28px}
  .login-story-content{margin:0 0 28px 28px;max-width:none}
  .login-story h1{font-size:32px}
  .login-story-content>p{font-size:12px}
  .login-campus-image{align-self:end;margin:0}
  .login-form-panel{padding:42px 32px}
}
@media(max-width:760px){
  .login-shell{grid-template-columns:1fr}
  .login-story{--story-inset:24px;min-height:0;padding:0;display:flex}
  .login-story .brand{margin:24px var(--story-inset) 0;gap:9px}
  .login-story .brand-mark{width:32px;height:32px;border-radius:10px}
  .login-story .brand-name{font-size:24px}
  .login-story .brand small{font-size:7px;margin-top:5px}
  .login-story-content{margin:24px var(--story-inset) 4px;max-width:100%}
  .login-story .eyebrow{display:none}
  .login-story h1{font-size:30px;line-height:1.12;margin-bottom:12px}
  .login-story-content>p{font-size:12px;line-height:1.6;max-width:100%}
  .login-campus-image{margin:0;width:100%;align-self:stretch}
  .login-campus-image img{width:100%;max-width:none;margin:0}
  .login-form-panel{padding:32px 24px 36px}
  .login-form-wrap{max-width:430px}
  .login-form-wrap h2{font-size:24px}
}