.archive-showcase{border-top:1px solid #3a5348;padding-top:25px;max-width:600px;width:100%}.archive-showcase .eyebrow{color:#b0c288;margin:0}.archive-showcase-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.archive-showcase-heading>span{font-size:.75rem;color:#a6baab}.archive-slide{display:flex;align-items:center;gap:22px;min-width:0}.archive-cover{width:200px;aspect-ratio:10/7;flex:0 0 200px;overflow:hidden;border-radius:5px;background:#edf2e9;box-shadow:8px 10px 0 #0b221b,0 13px 26px #061c1766;border:3px solid #e8efe3}.archive-cover img{display:block;width:100%;height:100%;object-fit:cover;background:#f1f3ef}.archive-info{min-width:0}.archive-info>span{font-size:.75rem;letter-spacing:.14em;color:#b2c698}.archive-info h2{font-size:1.75rem;line-height:1.1;color:#f0f4e6;margin:10px 0 18px;overflow-wrap:anywhere}.archive-info a{display:inline-flex;align-items:center;gap:8px;color:#dff497;font-size:.8125rem;text-decoration:underline;text-underline-offset:5px}.archive-info a:hover{color:#fff}.archive-controls{display:flex;gap:9px;margin-top:18px}.archive-controls button{display:grid;place-items:center;width:35px;height:35px;border:1px solid #61786b;border-radius:50%;background:transparent;color:#eff5e9}.archive-controls button:hover{background:#2d5040}.archive-empty{display:flex;align-items:center;gap:20px;background:#25463a;border-radius:10px;padding:21px;margin-top:15px}.archive-empty>span{font:3rem Georgia,serif;background:#dff497;color:#244331;border-radius:4px 11px 4px 4px;padding:0 18px}.archive-empty strong{font-family:Georgia,serif;font-size:1.25rem;font-weight:400;color:#f2f5e9}.archive-empty p{font-size:.8125rem;color:#b9cec0;margin:6px 0 0}.archive-admin-list{margin-top:24px;max-width:850px}.archive-admin-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-top:1px solid #e4eae4}.archive-admin-row strong{display:block}.archive-admin-row small{display:block;color:#73847a;margin-top:4px}.archive-admin-row>div:last-child{display:flex;align-items:center;gap:12px}.archive-admin-list h2{margin-bottom:20px}#archive-progress{width:100%;height:10px;margin-top:15px}@media(max-width:900px){.login-story{gap:28px}.archive-cover{width:160px;flex-basis:160px}.archive-info h2{font-size:1.35rem}}@media(max-width:600px){.login-story{gap:22px}.login-story>div:nth-child(2){display:block}.login-story h1{font-size:2.8rem}.login-story p:not(.eyebrow){font-size:.875rem;line-height:1.5}.archive-showcase{padding-top:17px}.archive-cover{width:120px;flex-basis:120px}.archive-info h2{font-size:1.2rem;margin:5px 0 10px}.archive-admin-row{align-items:flex-start;flex-direction:column}}
.archive-cover{padding:0;cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease}.archive-cover:hover{transform:translateY(-6px);box-shadow:8px 16px 0 #0b221b,0 19px 30px #061c1777}.archive-cover:focus-visible{outline:3px solid #dff497;outline-offset:5px}@media(prefers-reduced-motion:reduce){.archive-cover{transition:none}.archive-cover:hover{transform:none}}
dialog.archive-viewer{width:min(94vw,1100px);max-width:94vw;max-height:94vh;padding:0;border:0;border-radius:12px;background:#142c28;color:#f0f4e6;overflow:hidden}dialog.archive-viewer::backdrop{background:#071b17d9}.archive-viewer-content{display:flex;flex-direction:column;max-height:94vh;padding:18px;gap:14px}.archive-viewer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.archive-viewer-heading span{font-size:.75rem;letter-spacing:.12em;color:#b2c698}.archive-viewer-heading h2{margin:4px 0 0;color:#f0f4e6;font-size:1.5rem}.archive-viewer-close{width:40px;height:40px;flex:0 0 40px;border:1px solid #61786b;border-radius:50%;background:transparent;color:#fff;font-size:1.7rem;cursor:pointer}.archive-viewer-image{display:flex;align-items:center;justify-content:center;min-height:0;flex:1}.archive-viewer-image img{display:block;max-width:100%;max-height:calc(94vh - 155px);object-fit:contain}.archive-viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b2c698;font-size:.8125rem}.archive-viewer-controls button{border:1px solid #61786b;border-radius:8px;padding:8px 14px;background:transparent;color:#f0f4e6;cursor:pointer}.archive-viewer-close:hover,.archive-viewer-controls button:hover{background:#2d5040}@media(max-width:600px){dialog.archive-viewer{width:96vw;max-width:96vw}.archive-viewer-content{padding:12px}.archive-viewer-heading h2{font-size:1.15rem}.archive-viewer-image img{max-height:calc(94vh - 140px)}}