/* Dark exhibition room. Lighting is CSS; no background image or extra media. */
body.in-archive{background:#101211;color:#eee9df;--sheet:#171a18;--ink:#eee9df;--blue:#e7dcc5;--muted:#acafa7}
body.in-archive #archive{--sheet:#171a18;--ink:#eee9df;--blue:#e7dcc5;--muted:#acafa7;background:radial-gradient(ellipse 48% 52% at 50% 43%,#59452d66 0%,#2c292066 48%,transparent 87%),linear-gradient(180deg,#101211,#151715 55%,#0d100e);color:#eee9df}
body.in-archive #archive::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 38%,#0005 100%);pointer-events:none}
#archive .archive-logo{color:#eee3cf;text-shadow:0 0 24px #eed4a115}
#archive .archive-logo small{color:#bcbeb4}
#archive .boxed{color:#eee3cf;border-color:#c5b99f80;background:#0e100e55}
#archive .boxed:hover{color:#141713;background:#eee3cf;border-color:#eee3cf}
#archive .tabs button{color:#d8d7cd;background:#11151180;border-color:#b9b6a078}
#archive .tabs button:hover{color:#fff9ea;background:#3a382d}
#archive .tabs button[aria-selected=true]{color:#151813;background:#eee1c5;border-color:#eee1c5}
#archive :is(button,a):focus-visible{outline-color:#eee1c5}
#archive .shelf::before{content:'';position:absolute;left:50%;top:calc(100% - 2px);width:110vw;height:15px;transform:translateX(-50%);background:linear-gradient(180deg,#b9a17b3b 0%,#3a352a80 14%,#141612d9 36%,#11141100 100%);box-shadow:0 14px 26px #0009;pointer-events:none;z-index:-1}
#archive .shelf::after{content:'';position:absolute;top:calc(100% - 1px);left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e0c29252 30%,#ead1a985 50%,#e0c29252 70%,transparent);pointer-events:none;z-index:-1}
#archive .face{box-shadow:inset 0 0 0 1px #eadbc45c,inset 2px 0 4px #fff0cb15,3px 8px 9px #0009}
#archive .cover{box-shadow:inset 0 0 0 1px #e7d6b887,0 18px 34px -12px #000c,0 0 24px -13px #eddbb970}
#archive .shelf-caption h2{color:#eee3cf;text-shadow:0 2px 15px #0005}
#archive .shelf-caption p{color:#d0c9b9}
#archive .shelf-caption #cap-note{color:#a8ada4}
#archive .shelf-caption .watch{color:#eee3cf;border-color:#c5b99f9c}
#archive .shelf-caption .watch:hover{color:#151813}
#archive .arrow{color:#eee3cf}
#archive .archive-foot{color:#acb0a6}
#archive #counter{color:#d5d2c5}
#archive .empty-archive p{color:#e5d5b5}
#archive .empty-archive span{color:#b5b9af}
body.in-archive #cursor{border-color:#e9ddc4}
body.in-archive .tape:focus-visible .cover{outline-color:#eee1c5}
/* Keep the selected film's print palette independent of the room palette. */
#archive .tape{--sheet:var(--case);--blue:var(--case)}
/* Reading continues in the same quiet, dark environment. */
body.in-archive :is(#detail,#about){color:#e6e8df;background:#171a18;--ink:#e6e8df;--sheet:#171a18;--blue:#e2d4b5;--muted:#a9aea3;color-scheme:dark}
body.in-archive dialog::backdrop{background:#000b}
body.in-archive .detail-top{border-color:#43483f;color:#bcc2b5}
body.in-archive .detail-top kbd{color:#a4aa9c}
body.in-archive :is(.detail-meta,.analysis-copy a,.references a,.source-row a,.video-tools a){color:#e2d4b5}
body.in-archive :is(.detail-top .boxed,.video-tools .boxed,.related-film .boxed,.about-sheet .boxed){border-color:#c5b99f80;color:#e9dfca}
body.in-archive :is(.detail-top .boxed,.video-tools .boxed,.related-film .boxed,.about-sheet .boxed):hover{background:#e9dfca;color:#151813;border-color:#e9dfca}
body.in-archive :is(.work-card,.work-card details,.commentary,.source-row,.related-film){border-color:#42473d}
body.in-archive .work-card>img{background:#101410}
body.in-archive .work-card summary::after{color:#dacfb7}
body.in-archive .video-shell{background:#0b0e0c;border-color:#3d4437}
body.in-archive :is(#detail,#about) :is(button,a,summary,video):focus-visible{outline-color:#e9dfca}
body.in-archive #about .muted{color:#b6bcae}
@media(max-width:767px){#archive .archive-head{top:24px}#archive .archive-logo{font-size:23px}#archive .archive-head .boxed{font-size:10px}#archive .shelf::before{box-shadow:0 10px 20px #0009}#archive .archive-foot{color:#b8bbae}}

#archive .archive-foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}#archive .archive-foot-actions{display:flex;align-items:center;justify-content:flex-end;gap:25px;min-width:0}#archive .archive-contact{color:#eee3cf;border-bottom:1px solid #c5b99f80;padding:5px 0;white-space:nowrap;font-size:11px}#archive .archive-contact:hover{color:#fff9ea;border-color:#fff9ea}@media(max-width:767px){#archive .archive-foot-actions>span{display:none}#archive .archive-contact{font-size:10px}#archive .archive-foot>span:first-child{font-size:8px;max-width:125px;line-height:1.6}}
