.login-story{min-height:780px;padding:44px 9% 48px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}
.login-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;z-index:-2}
.login-story:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,35,23,.5),transparent 32%,rgba(10,35,23,.15) 48%,rgba(10,35,23,.94) 100%);z-index:-1}
.login-story .brand{margin-bottom:auto;text-shadow:0 2px 15px #142b21}
.login-story>.eyebrow{margin-top:240px;color:#dcf4b7}
.login-story h1{font-size:37px;margin:16px 0 10px;line-height:1.17;text-shadow:0 2px 18px #10291a66}
.login-story>p{color:#dbe8d4;font-size:13px;margin:0}
.login-story>small{margin-top:25px;font-size:8px}
.login-story .orbit{display:none}
.login-footer{grid-column:1/-1;justify-content:center;text-align:center;background:#f5f7f4;color:#536b59}
.developer-credit{white-space:normal;text-align:right}
.workspace>footer{flex-wrap:wrap;align-items:center}
.hero{min-height:270px;align-items:center;padding:35px}
.hero>div:first-child{width:60%;position:relative;z-index:1}
.hero h2{font-size:27px;line-height:1.3}
.hero-photo{position:absolute;right:0;top:0;width:37%;height:100%;object-fit:cover;object-position:center 25%;border-radius:0 12px 12px 0}
@media(min-width:1500px){.login-story{min-height:100vh}.hero{min-height:300px}}
@media(max-width:1100px) and (min-width:701px){.login-story{padding-inline:35px}.login-story h1{font-size:30px}.hero h2{font-size:23px}}
@media(max-width:700px){.login-story{min-height:660px;padding:28px}.login-story>.eyebrow{margin-top:260px}.login-story h1{font-size:28px}.login-story>small{display:block;margin-top:18px}.login-story .brand{margin-bottom:auto}.hero{display:flex;flex-direction:column;align-items:stretch;padding:0}.hero>div:first-child{width:100%;padding:25px}.hero h2{font-size:23px}.hero-photo{position:static;width:100%;height:320px;object-position:center 26%;border-radius:0 0 12px 12px}}