/* The mascot belongs to the login page only. All coordinates scale with its art. */
.login-story::after{display:none}
.login-story{padding:40px clamp(28px,3.2vw,55px)}
.login-scene-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:0;margin:auto 0;position:relative;width:100%}
.login-scene-layout .login-copy{margin:0;padding:65px 0;z-index:2}
.login-scene-layout .login-copy h1{font-size:clamp(26px,2.65vw,42px);letter-spacing:.6px;white-space:nowrap}
.login-scene-layout .login-copy>.eyebrow{font-size:8px;letter-spacing:1.1px;white-space:nowrap}
.login-scene-layout .login-copy p{font-size:clamp(10px,.82vw,12px)}
.login-scene-layout .login-steps{gap:clamp(5px,.7vw,12px);white-space:nowrap;font-size:9px}
.login-scene-layout .login-steps span{padding:8px clamp(5px,.6vw,10px)}
.login-cat{position:relative;isolation:isolate;width:123%;margin-left:-9%;pointer-events:none;user-select:none;align-self:center}
.login-cat[hidden]{display:none}
.login-cat-stage{position:relative;width:100%;aspect-ratio:1;z-index:1}
.login-cat-body{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.login-cat-glow{position:absolute;inset:13% -12% 3%;border-radius:50%;background:radial-gradient(ellipse,#fff8e999 0%,#fff7e640 40%,transparent 70%);z-index:0}
.login-cat-shadow{position:absolute;bottom:3.5%;left:20%;width:70%;height:4%;background:#8b6b3c21;border-radius:50%;filter:blur(7px);z-index:0}
.login-cat-eye{position:absolute;top:19.55%;width:10.3%;height:9.25%;border-radius:51% 51% 45% 45%;overflow:hidden;z-index:2;--look-x:0px;--look-y:0px}
.login-cat-eye-left{left:37.9%}
.login-cat-eye-right{left:56.5%}
.login-cat-iris{position:absolute;left:50%;top:50%;width:76%;height:93%;border-radius:50%;background:radial-gradient(ellipse at 45% 40%,#e6bb62 5%,#b97d2f 39%,#89511f 64%,#4c2c17 82%);box-shadow:inset 0 1px 3px #2b1a1780;transform:translate(calc(-50% + var(--look-x)),calc(-50% + var(--look-y)));transition:transform 110ms ease-out}
.login-cat-iris>i{position:absolute;left:24%;top:16%;width:54%;height:70%;border-radius:50%;background:#24180f;box-shadow:inset 0 0 3px #000}
.login-cat-iris::before{content:'';position:absolute;left:21%;top:15%;width:28%;height:27%;background:#fffef9;opacity:.95;border-radius:50%;z-index:1;transform:rotate(-25deg)}
.login-cat-iris::after{content:'';position:absolute;right:21%;bottom:18%;width:12%;height:13%;background:#fff8df;opacity:.65;border-radius:50%;z-index:1}
.login-cat-paw{position:absolute;top:49.5%;width:30%;height:45%;object-fit:contain;z-index:3;transform-origin:50% 88%;transition:top .48s cubic-bezier(.22,.8,.25,1),transform .48s cubic-bezier(.22,.8,.25,1);filter:drop-shadow(0 2px 2px #70401b16)}
.login-cat-paw-left{left:28%;transform:rotate(-15deg)}
.login-cat-paw-right{left:46.5%;transform:scaleX(-1) rotate(-15deg);transition-delay:35ms}
.login-cat.is-covering .login-cat-paw{top:12.9%}
.login-cat.is-covering .login-cat-paw-left{transform:rotate(0deg)}
.login-cat.is-covering .login-cat-paw-right{transform:scaleX(-1) rotate(0deg)}
@media(min-width:1700px){.login-cat{max-width:425px;justify-self:center}.login-scene-layout{gap:15px}}
@media(min-width:601px) and (max-width:1050px){.login{grid-template-columns:minmax(0,1.1fr) minmax(310px,1fr)}.login-story{padding:32px 25px}.login-scene-layout{grid-template-columns:1fr}.login-scene-layout .login-copy{padding:35px 0 5px}.login-scene-layout .login-copy h1{font-size:30px}.login-cat{width:230px;margin:-5px -8px 10px auto}.login-scene-layout .login-steps{margin-top:22px}.login-story .company-logo{width:210px;height:71px}}
@media(max-width:600px){.login-story{padding:22px 24px;min-height:225px}.login-story .company-logo{width:185px;height:62px}.login-scene-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin:10px 0 0;min-height:130px}.login-scene-layout .login-copy{padding:0}.login-scene-layout .login-copy h1{font-size:clamp(19px,5.1vw,26px);letter-spacing:0;margin:0;line-height:1.7}.login-cat{width:155px;max-width:125%;margin:-42px -7px -8px auto;justify-self:end}.login-form{padding-top:28px}.login-box h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.login-cat-iris,.login-cat-paw{transition:none}}