.login .login-story[data-login-photos]{position:relative;isolation:isolate;overflow:hidden;padding:0;min-height:780px;background:linear-gradient(145deg,#0c1b40 5%,#103a59 52%,#10b9c6 100%);color:#fff}
.login-story[data-login-photos]>.wordmark{position:absolute;top:36px;left:8%;margin:0;z-index:2;color:#fff}
.login-story[data-login-photos]>.book-art{display:none!important}
.login-story[data-login-photos] .login-story-copy{position:absolute;z-index:2;left:19%;width:62%;top:43%;transform:translateY(-10%);text-align:center}
.login-story[data-login-photos] .login-story-copy>.eyebrow{font-size:10px;letter-spacing:1.4px;color:#d1edf0}
.login-story[data-login-photos] .login-story-copy>h1{font-size:clamp(30px,3.3vw,54px);line-height:1.16;letter-spacing:-1.5px;margin:14px 0 18px;color:#fff}
.login-story[data-login-photos] .login-story-copy>p{display:block;font-size:clamp(12px,1.1vw,17px);line-height:1.6;margin:0;color:#e1f4f6}
.login-photo-gallery{position:absolute;inset:0;pointer-events:none;z-index:1}
.login-photo-gallery .login-photo{position:absolute;display:block;object-fit:cover;border:5px solid #fff;border-radius:17px;box-shadow:0 12px 26px #04132940;box-sizing:border-box;margin:0}
.login-photo-1{left:6%;top:15%;width:32%;height:24%;transform:rotate(-8deg)}
.login-photo-2{right:6%;top:14%;width:32%;height:24%;transform:rotate(7deg)}
.login-photo-3{left:3%;top:43%;width:19%;height:23%;transform:rotate(-6deg)}
.login-photo-4{right:3%;top:42%;width:19%;height:23%;transform:rotate(6deg)}
.login-photo-5{left:7%;bottom:5%;width:32%;height:24%;transform:rotate(6deg)}
.login-photo-6{right:6%;bottom:4%;width:33%;height:25%;transform:rotate(8deg)}
@media(min-width:801px){.login:has(.login-story[data-login-photos]){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:800px){
 .login:has(.login-story[data-login-photos]){grid-template-columns:1fr}
 .login .login-story[data-login-photos]{min-height:620px}
 .login-story[data-login-photos]>.wordmark{top:27px;left:7%;font-size:16px}
 .login-story[data-login-photos] .login-story-copy{left:20%;width:60%;top:43%}
 .login-story[data-login-photos] .login-story-copy>h1{font-size:clamp(26px,6.5vw,40px);letter-spacing:-1px}
 .login-story[data-login-photos] .login-story-copy>.eyebrow{font-size:8px;letter-spacing:.8px}
 .login-story[data-login-photos] .login-story-copy>p{font-size:11px}
 .login-photo-gallery .login-photo{border-width:3px;border-radius:12px}
}
@media(max-width:800px){.login-story[data-login-photos] .login-story-copy>p{max-width:80%;margin-inline:auto}}