.archive-page{background:#201e1e;color:#faf8f2}.archive-header{max-width:1200px;margin:auto;padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}.archive-header>a:last-child{font-size:14px;color:#c8c6c0}.archive-main{max-width:1100px;padding:65px 6% 100px;margin:auto}.archive-main h1{font:400 clamp(42px,6vw,75px)/1.12 Arial,sans-serif;letter-spacing:-2px;color:#fff9ec;-webkit-text-stroke:0;text-shadow:none;margin:24px 0 35px}.archive-main h1 em{font-family:Georgia,serif}.archive-main p{color:#c4c2bc}.archive-main label{display:block;font-size:14px;margin:30px 0 10px}.password-row{display:flex;gap:12px;align-items:center}.password-row input{min-width:0;width:300px;background:#2e2b2b;border:1px solid #ffffff55;border-radius:15px;padding:17px;color:white;font-size:17px}.password-row button{white-space:nowrap}.access-help{font-size:14px}.access-help a{color:#fff9ec;border-bottom:1px solid currentColor}#status{min-height:25px;font-size:14px}.archive-toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.archive-toolbar button{background:none;border:1px solid #fff5;border-radius:25px;padding:8px 15px;font-size:13px}#private-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.private-card{padding:27px;border:1px solid #fff3;border-radius:25px;background:#ffffff06}.private-card h2{font-size:24px;font-weight:400;margin:0 0 12px}.private-card p{font-size:15px;line-height:1.6}.private-card a{display:inline-block;font-size:14px;border-bottom:1px solid #fff6;margin-top:15px}@media(max-width:600px){.archive-main{padding-top:30px}.password-row{flex-direction:column;align-items:stretch}.password-row input{width:100%}#private-grid{grid-template-columns:1fr}.archive-header .brand{font-size:32px}.archive-main h1{letter-spacing:-1px}.archive-toolbar{flex-direction:column;align-items:start}}

.archive-main .archive-milk-heading{position:relative;width:100%;max-width:940px;margin:24px 0 35px;line-height:0}
.archive-milk-heading>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.archive-milk-heading>img{display:block;width:100%;height:auto}

/* Match the subtle ivory-white treatment of the home-page milk lettering. */
.archive-milk-heading>img{filter:saturate(.18)}

.password-row .milk-unlock{position:relative;isolation:isolate;overflow:visible;border:1px solid #fff;border-radius:39% 45% 38% 42% / 47% 44% 49% 45%;background:radial-gradient(ellipse at 35% 16%,#fff 0%,#fefefe 34%,#dedfe0 77%,#f2f3f4 100%);box-shadow:inset 0 3px 3px #fff,inset 3px 0 4px #fff9,inset -3px -5px 6px #9599a070,0 2px 1px #fff2,0 7px 12px #0004;transition:border-radius .65s,transform .4s}
.milk-unlock::before{inset:3px 8px auto;height:42%;border-radius:50%;background:linear-gradient(170deg,#fffefaeb,#fff0);transform:rotate(-4deg)}
.milk-unlock:hover,.milk-unlock:focus-visible{border-radius:48% 35% 46% 37% / 40% 53% 39% 49%;transform:translateY(-2px)}
.unlock-label{position:relative;z-index:2}.unlock-splash{position:absolute;inset:0;pointer-events:none;--splash-direction:1}.unlock-splash .flow-drop,.unlock-splash .flow-splash{filter:saturate(0)}
.milk-unlock:disabled{opacity:.65;cursor:wait}
@media(prefers-reduced-motion:reduce){.milk-unlock:hover,.milk-unlock:focus-visible{transform:none}}

/* Standalone milk control: no inherited pill or nested badge surfaces. */
.password-row .milk-unlock{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:17px 28px;color:#303a2e;font:600 14px/1.3 Arial,sans-serif;cursor:pointer}
.milk-unlock::before{content:'';position:absolute;pointer-events:none}
.milk-unlock .unlock-label{display:block;padding:0;min-width:0;min-height:0;border:0;border-radius:0;background:none;box-shadow:none;font:inherit}
.milk-unlock .unlock-splash{display:block;padding:0;min-width:0;min-height:0;border:0;border-radius:0;background:none;box-shadow:none}
.milk-unlock:focus-visible{outline:2px solid #fff;outline-offset:5px}

.archive-main{max-width:1240px}
#private-grid{gap:28px;align-items:start}
.private-card{padding:0;overflow:hidden;background:#ffffff04;border-color:#ffffff24;border-radius:28px}
.private-preview{display:block;width:100%;padding:0;border:0;background:#e9e8e3;cursor:pointer;overflow:hidden}
.private-preview img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:top;transition:transform .5s}
.private-preview:hover img{transform:scale(1.025)}
.private-card-copy{padding:26px}
.private-kind{display:block;color:#aaa8a4;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px}
.private-card h2{font-size:27px;line-height:1.2;letter-spacing:-.6px}
.private-card .private-role{color:#aaa8a4;font-size:12px;line-height:1.5;margin-top:18px}
.private-actions{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:23px;align-items:center}
.private-actions a,.private-actions button{font:inherit;font-size:13px;margin:0;padding:0 0 3px;color:#fff9ec;border:0;border-bottom:1px solid #fff6;background:none;cursor:pointer}
.private-project-dialog{width:min(1000px,calc(100% - 32px));max-height:90vh;background:#f6f5ef;color:#26352b;padding:32px;border:1px solid white;border-radius:28px}
.private-project-dialog .private-dialog-close{margin:0 0 20px auto;color:#26352b;display:block;background:none;border:0;font-size:14px;cursor:pointer}
.private-project-dialog h2{font-size:clamp(28px,4vw,46px);margin:0 0 12px}
.private-project-dialog figure{margin:25px 0}.private-project-dialog figure img{display:block;width:100%;height:auto;border-radius:12px}.private-project-dialog figcaption{font-size:12px;color:#62675e;margin-top:8px}
.private-project-dialog p{line-height:1.7}.private-project-dialog>a{display:inline-block;margin-top:18px;border-bottom:1px solid currentColor}
.private-focus{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:22px 0}.private-focus li{border:1px solid #26352b30;border-radius:20px;padding:7px 12px;font-size:12px}
@media(max-width:600px){.private-card-copy{padding:22px}.private-project-dialog{padding:23px}.private-card h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.private-preview:hover img{transform:none}}
.oat-theme .archive-page{background:#f8f7f3;color:#292e28}.oat-theme .archive-header a,.oat-theme .archive-main .eyebrow{color:#292e28}.oat-theme .archive-main p{color:#686b63}.oat-theme .archive-milk-heading img{filter:saturate(.24) brightness(1.035)}.oat-theme #password{background:#eeece6;color:#292e28;border-color:#30392d40}.oat-theme .private-card{background:#eeece6;color:#292e28}
.oat-theme .archive-page{background:#deccbd}
