/* Supplied reference is used as raster artwork in clipped windows, with live catalog controls. */
.archive-library{padding:0 0 20px;background:#e7dbc2;color:#192125;background-image:radial-gradient(#785a3822 .7px,transparent .9px);background-size:4px 4px}
.archive-room-link{margin:0;padding:14px 3%;font-size:13px}
.archive-hero{position:relative;aspect-ratio:1024/492;overflow:hidden}
.archive-hero>img{position:absolute;width:100%;height:auto;max-width:none;left:0;top:-20.3252%;display:block}
.archive-sr-only{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.archive-catalog{padding:12px 2% 0}
.archive-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:8px 2% 12px}
.archive-filters button{padding:9px 12px;background:#eee1c9;border:1px solid #736858;font:600 15px 'Oswald','Arial Narrow',sans-serif;box-shadow:1px 2px #6c59462b;color:#1c252a}
.archive-filters button[aria-pressed="true"]{background:#e3bb42}
.archive-filters label{display:flex;align-items:center;gap:6px;font:14px 'DM Mono',monospace;margin-left:auto}
.archive-filters select{font:inherit;padding:9px;background:#eee1c9;border:1px solid #736858}
.archive-carousel-controls{display:flex;gap:16px;justify-content:center;align-items:center;margin:14px 0}
.archive-carousel-controls button{width:54px;min-height:44px;padding:2px;font-size:30px;background:#e6abaf;color:#103e70;border:1px solid #534e44}
.archive-carousel-controls p{margin:0;text-align:center;font:14px 'DM Mono',monospace;min-width:185px}
.archive-shelf{overflow:hidden;border:9px ridge #594e41;background:#24241f;box-shadow:2px 4px 3px #30281755}
.archive-shelf-track{display:flex;transition:transform .35s ease;align-items:stretch}
.archive-shelf-page{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,auto);flex:0 0 100%;gap:22px 16px;padding:20px 16px;background:linear-gradient(transparent calc(50% - 5px),#837159 calc(50% - 5px),#181b19 calc(50% + 5px),transparent calc(50% + 5px))}
.archive-tape{position:relative;align-self:start;min-width:0;padding:4px;background:#302f29;border:1px solid #807362;box-shadow:3px 5px 2px #0009}
.archive-tape-face{position:relative;aspect-ratio:221/159;overflow:hidden}
.archive-tape-photo{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.archive-tape-photo img{position:absolute;width:463.3484%;height:auto;max-width:none;left:-19.457%;top:-439.623%}
.archive-tape-meta{position:absolute;top:6%;left:5%;width:90%;height:23%;padding:4px 5px;display:flex;gap:8px;align-items:center;justify-content:space-between;background:#eee0c5;color:#1c252a;transform:rotate(-2deg);font:600 clamp(14px,1.65vw,22px) 'Oswald','Arial Narrow',sans-serif}
.archive-tape-meta span{border:1px solid #766a56;padding:1px 4px;font:14px 'DM Mono',monospace}
.archive-tape-face .archive-seal{position:absolute;top:55%;left:5%;width:91%;height:19%;margin:0;padding:4px 2px;background:#e9ddc6;color:#162127;font:600 clamp(11px,1.2vw,16px)/1.25 'Oswald','Arial Narrow',sans-serif;text-align:center;transform:rotate(-2deg)}
.archive-seal span{padding-left:3px}
.archive-tape-topic{position:absolute;top:75%;left:6%;width:89%;height:21%;padding:5px 1px;text-align:center;display:flex;justify-content:center;align-items:center;background:#e6bf45;color:#151e24;font:600 clamp(11px,1.25vw,17px)/1.1 'Oswald','Arial Narrow',sans-serif;transform:rotate(-5deg)}
.archive-tape>button{display:flex;justify-content:space-between;align-items:center;width:96%;margin:10px 2% 3px;padding:9px 7px;border:1px solid #69594a;background:#e9a5ac;color:#18272f;font:600 clamp(12px,1.25vw,17px) 'Oswald','Arial Narrow',sans-serif}
.archive-tape>button span{font-size:23px;line-height:1}
.archive-analyzed{display:block;color:#f8e7bf;text-align:center;font:12px 'DM Mono',monospace;padding:7px 0 3px}
.archive-browse-note{font-size:13px;text-align:center;color:#645442;margin:12px 0}
.archive-empty{padding:30px;color:#f4e6cb}
.archive-bottom{position:relative;display:grid;grid-template-columns:19% 39% 19% 23%;align-items:center;padding:25px 2% 25px 0;gap:0;min-height:300px}
.listening-page .ear-report-local{border:0;padding:0;margin:30px 0 0;grid-column:1/-1;min-width:0;color:var(--blue)}
.archive-stack-art{position:relative;align-self:center;overflow:hidden;aspect-ratio:180/240}
.archive-stack-art img{position:absolute;width:568.89%;max-width:none;height:auto;left:0;top:-497.917%}
.archive-ear-report{position:relative;background:#eee2c9;padding:22px 25px;border:1px solid #b5a184;box-shadow:3px 4px 2px #654f3238;transform:rotate(-3deg)}
.archive-ear-report h2{font:600 25px 'Oswald','Arial Narrow',sans-serif;margin:0;border-bottom:1px solid #514b3e;padding-bottom:10px}
.archive-ear-report dl{margin:16px 0;font:16px 'DM Mono',monospace}
.archive-ear-report dl>div{display:flex;gap:10px;align-items:baseline;margin:6px 0}.archive-ear-report dt{order:2}.archive-ear-report dd{order:1;min-width:28px;margin:0;font-weight:bold}
.archive-ear-report p{font-size:13px}.archive-ear-report a{display:inline-block;border:1px solid #655946;padding:8px 10px;color:#172c3f;font:600 16px 'Oswald','Arial Narrow',sans-serif;text-decoration:none}
.archive-progress-note{justify-self:center;background:#e8c443;padding:20px 22px;transform:rotate(9deg);font:clamp(15px,1.8vw,24px)/1.4 'Permanent Marker',cursive;box-shadow:2px 4px 3px #60523344}.archive-progress-note span{display:block;text-align:right;margin-top:8px}
.archive-listen-note{justify-self:center;padding:24px 12px;font:clamp(14px,1.65vw,22px)/1.6 'DM Mono',monospace;text-align:center;transform:rotate(-4deg);background:#efe2c955}
@media(max-width:950px){.archive-shelf-page{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-bottom{grid-template-columns:15% 48% 37%}.archive-listen-note{display:none}.archive-ear-report{padding:18px}.archive-stack-art img{top:-360%;width:750%}.archive-tape-meta{font-size:19px}.archive-tape-topic{font-size:13px}}
@media(max-width:600px){.archive-room-link{padding:12px 4%}.archive-hero{aspect-ratio:1024/492}.archive-filters{gap:7px;margin:10px 0}.archive-filters button{font-size:12px;padding:8px}.archive-filters label{font-size:12px}.archive-carousel-controls{gap:10px}.archive-carousel-controls p{font-size:12px;min-width:165px}.archive-carousel-controls button{width:45px}.archive-shelf{border-width:5px}.archive-shelf-page{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 9px;padding:13px 8px}.archive-tape-meta{font-size:16px}.archive-tape-meta span{font-size:12px}.archive-tape-face .archive-seal{font-size:10px;padding:2px}.archive-tape-topic{font-size:11px}.archive-tape>button{font-size:11px;padding:8px 4px}.archive-bottom{grid-template-columns:65% 35%;padding:18px 12px;min-height:230px}.archive-stack-art{display:none}.archive-ear-report{padding:14px 12px}.archive-ear-report h2{font-size:20px}.archive-ear-report dl{font-size:12px}.archive-ear-report p{font-size:12px}.archive-progress-note{font-size:13px;padding:13px 10px}.archive-ear-report a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.archive-shelf-track{transition:none}}