/* Browsable archive of the original interactive journal covers. */
#archiveCollection[hidden] { display:none; }
.archive-index .gallery-panel,.archive-index .archive-panel { display:none!important; }
.journal-reading #archiveCollection { display:none; }
.archive-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px;padding:34px 24px 28px; }
.archive-card { min-width:0; }
.archive-cover { position:relative; }
.archive-grid .rib-dossier { position:relative!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:454/548;transform:none!important;margin:0!important; }
.archive-grid .rib-cover { inset:3% 3% 0 1%; }
.archive-card-caption { display:flex;gap:10px;min-height:44px;margin:18px 2px 0;font:11px/1.4 'Courier New',monospace; }
.archive-card-caption > span { color:#afa57e; }
.archive-card-caption h2 { font:11px/1.4 'Courier New',monospace;margin:0 0 5px;color:#c9c2b5;text-transform:uppercase; }
.archive-card-caption small { color:#827e75;font-size:10px; }
.archive-grid .rib-open { cursor:pointer; }
.archive-grid .rib-open:focus-visible { outline:2px solid #d4c5a4;outline-offset:3px; }
.archive-card:hover .rib-cover { box-shadow:inset 0 0 0 1px #55504566,4px 6px 12px #000b; }
.archive-index .topbar nav a[href='#works']::after { display:none!important; }
.archive-index .topbar nav a[href='#archive'] { color:#e1d9c8!important;border-bottom:1px solid #b5ad92; }
@media(min-width:861px) {
 .archive-index .shell { grid-template-columns:196px 1340px; }
 .archive-index .workspace { padding-top:54px; }
 #archiveCollection { height:907px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#46443c #101010; }
}
@media(max-width:860px) {
 .archive-index .workspace { width:100%;min-width:0; }
 .archive-index .topbar nav { display:flex; }
 .archive-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px;padding:30px 14px; }
}
@media(max-width:580px) { .archive-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px; }.archive-card-caption h2 {font-size:10px;} }
@media(max-width:340px) { .archive-grid { grid-template-columns:1fr;max-width:280px;margin:auto; } }
.archive-index .topbar nav a[href='#works'] { color:#827e75!important; }