/* Archive entry: dedicated editorial artwork, independent of uploaded material. */
.login-page .login-shell{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
.login-page .login-story{display:flex;flex-direction:column;min-height:100dvh;padding:38px clamp(28px,4.4vw,84px);background:#f4efe6;border-right:1px solid #d9cdbf}
.login-page .login-story .brand{align-items:center;gap:12px;margin:0}
.login-page .login-story .brand img{width:36px;height:36px}
.login-page .login-story .brand>span{font-size:26px;line-height:1;letter-spacing:-.8px}
.login-page .login-story .brand small{font-size:10px;margin-top:8px;letter-spacing:.14em;color:#756b60}
.login-page .login-copy{width:100%;max-width:620px;margin:auto 0;padding:42px 0 28px}
.login-eyebrow{display:flex;align-items:center;gap:10px;font-family:Manrope,ManropeFallback,sans-serif;font-size:9px;font-weight:650;letter-spacing:.18em;color:#8c7768;margin-bottom:22px}
.login-eyebrow::before{content:'';display:block;width:26px;height:2px;background:#cf3525}
.login-page .login-copy h1{max-width:none;font-size:clamp(30px,3.15vw,52px);line-height:1.36;font-weight:900;letter-spacing:-.045em;color:#24211e}
.login-word{position:relative;color:#cf3525;white-space:nowrap}
.login-word::after{content:'';position:absolute;left:2px;right:2px;bottom:-3px;height:3px;background:#cf3525;transform:rotate(-3deg)}
.login-page .login-copy>p{font-size:12px;line-height:1.9;color:#756b60;margin:18px 0 0;max-width:32em}
.archive-illustration{position:relative;isolation:isolate;container-type:inline-size;width:100%;aspect-ratio:1.64;margin:30px 0 0}
.archive-illustration::before{content:'';position:absolute;inset:0;background:linear-gradient(#c7b9a51a 1px,transparent 1px),linear-gradient(90deg,#c7b9a51a 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);pointer-events:none}
.archive-illustration::after{content:'+';position:absolute;right:7%;top:3%;color:#b3422d;font-family:Manrope,ManropeFallback,sans-serif;font-size:21px;font-weight:400}
.archive-folder{position:absolute;left:8%;top:16%;width:77%;height:70%;background:#e4dded;border:1px solid #716277;transform:rotate(-7deg);box-shadow:0 5px 0 #eae3d7}
.archive-folder::before{content:'ARCHIVE';position:absolute;left:-1px;top:-23px;height:23px;width:34%;padding:5px 12px;background:#e4dded;border:1px solid #716277;border-bottom:0;font-family:Manrope,ManropeFallback,sans-serif;font-size:8px;font-weight:650;letter-spacing:.18em}
.archive-sheet{position:absolute;left:20%;top:12%;width:67%;height:78%;background:#faf7f0;border:1px solid #b6a78f;transform:rotate(5deg);padding:20px}
.archive-sheet::before,.archive-sheet::after{content:'';display:block;width:80%;height:1px;background:#d4c9b6;margin:15px 0}
.archive-sheet::after{width:60%}
/* Scale type and spacing with the artwork, including short desktop windows. */
.archive-index-card{position:absolute;left:12%;top:17%;width:70%;height:73%;background:#fffdf8;border:1px solid #5b5148;transform:rotate(-1deg);font-size:9px;line-height:1.4;padding:14px;font-size:clamp(8px,2cqw,13px);padding:5cqw;box-shadow:5px 7px 0 #6b544b0e;display:flex;flex-direction:column}
.archive-index-card>*{flex-shrink:0}
.archive-card-top{display:flex;justify-content:space-between;gap:1em;font-family:Manrope,ManropeFallback,sans-serif;font-size:.75em;line-height:1.4;white-space:nowrap;font-weight:650;letter-spacing:.12em;color:#746558;padding-bottom:1em;border-bottom:1px solid #c8baab}
.archive-card-top i{width:.75em;height:.75em;margin:.15em 0 0;border-radius:50%;background:#cf3525;flex-shrink:0}
.archive-card-title{font-size:2.2em;line-height:1.2;font-weight:850;letter-spacing:-.02em;margin:.4em 0 .3em;color:#24211e}
.archive-card-lines{display:grid;grid-template-columns:2em 1fr;gap:.5em .8em;align-items:center;font-size:1em;line-height:1.4;color:#76695d}
.archive-card-lines span{font-family:Manrope,ManropeFallback,sans-serif;font-size:.7em;color:#a39585}
.archive-card-lines b{font-weight:550;padding-bottom:.3em;border-bottom:1px solid #e1d6c9}
.archive-card-lines b:first-of-type{color:#a83224;border-bottom-color:#d79782}
.archive-card-foot{margin-top:auto;padding-top:.9em;font-family:Manrope,ManropeFallback,sans-serif;font-size:.7em;line-height:1.4;white-space:nowrap;letter-spacing:.08em;color:#8c7967}
.archive-annotation{position:absolute;right:0;bottom:6%;width:35%;background:#cf3525;color:#fff8ef;border:1px solid #a42d20;transform:rotate(5deg);font-size:10px;padding:10px;font-size:clamp(10px,2.4cqw,16px);padding:3cqw;box-shadow:3px 4px 0 #a3321c13}
.archive-annotation small{display:block;margin-bottom:1.4em;font-family:Manrope,ManropeFallback,sans-serif;font-size:.6em;line-height:1.4;white-space:nowrap;letter-spacing:.16em;opacity:.8}
.archive-annotation strong{display:block;font-size:1em;font-weight:550;line-height:1.8;letter-spacing:.03em}
.archive-annotation strong span{display:block;white-space:nowrap}
.archive-annotation::before{content:'';position:absolute;left:-24%;top:30%;width:25%;height:1px;background:#a13b2a}
.archive-illustration-label{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:9px;color:#8c7c6c;letter-spacing:.12em}
.archive-illustration-label::before{content:'';height:1px;width:28px;background:#aa9988}
.login-page .back-home{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;margin:16px 0 0;color:#5c5045;font-size:11px;font-weight:550}
.login-page .back-home:hover{color:#a83224}
.login-page .login-form-wrap{padding:58px clamp(26px,5vw,90px);background:#fffdf8}
.login-page .login-form-inner{max-width:380px}
.login-page .login-form-inner h2{font-size:28px;letter-spacing:-.6px}
.login-page .login-welcome{font-size:10px;letter-spacing:.12em;color:#a83224}
@media(min-width:1600px){.login-page .login-copy{max-width:660px}.archive-illustration{max-width:660px}}
@media(max-width:1023px) and (min-width:768px){.login-page .login-story{padding-inline:28px}.login-page .login-form-wrap{padding-inline:30px}.login-page .login-copy h1{font-size:32px}}
@media(max-width:767px){
 .login-page .login-shell{grid-template-columns:1fr}
 .login-page .login-story{min-height:0;padding:24px 24px 26px;border-right:0;border-bottom:1px solid #d9cdbf}
 .login-page .login-story .brand img{width:30px;height:30px}
 .login-page .login-story .brand>span{font-size:23px}
 .login-page .login-story .brand small{font-size:9px;margin-top:6px}
 .login-page .login-copy{padding:24px 0 0;margin:0}
 .login-eyebrow{font-size:8px;margin-bottom:12px}
 .login-page .login-copy h1{font-size:clamp(28px,7vw,36px);line-height:1.3}
 .login-page .login-copy>p{font-size:11px;margin-top:14px;max-width:29em}
 .archive-illustration,.archive-illustration-label{display:none}
 .login-page .back-home{margin-top:18px;font-size:10px}
 .login-page .login-form-wrap{padding:30px 24px 24px}
 .login-page .login-form-inner h2{font-size:25px}
}
@media(max-height:720px) and (min-width:768px){.login-page .login-story{padding-top:26px;padding-bottom:26px}.login-page .login-copy{padding:26px 0 18px}.login-eyebrow{margin-bottom:14px}.archive-illustration{margin-top:22px;max-width:460px}.login-page .login-copy h1{font-size:clamp(30px,2.7vw,42px)}}
@media(min-width:768px) and (max-width:850px){.archive-illustration{aspect-ratio:1.4}}