.archive-body{background:#071114;color:#d8e5e3}.archive-nav{display:flex;gap:1.5rem}.archive-nav a{color:#d8e5e3;text-decoration:none;font:500 .75rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.archive-hero{min-height:72vh;padding:11rem clamp(1.2rem,8vw,8rem) 6rem;background:linear-gradient(120deg,rgba(7,17,20,.96),rgba(7,17,20,.55)),url('assets/optimized/listening-archive.webp') center/cover;display:flex;flex-direction:column;justify-content:flex-end}.archive-hero h1{font:600 clamp(4rem,10vw,8.5rem)/.88 var(--serif);letter-spacing:-.05em;margin:0}.archive-hero h1 em{color:var(--river)}.archive-hero>p:last-child{max-width:760px;color:#bdcecc;font-size:1.1rem}.archive-tools{position:sticky;top:72px;z-index:10;background:#d9e5e1;color:var(--text);padding:1.3rem clamp(1.2rem,8vw,8rem);display:grid;grid-template-columns:minmax(240px,1fr) 2fr auto;gap:1rem;align-items:end;border-bottom:1px solid var(--line)}.archive-tools label span{display:block;font:.72rem var(--mono);text-transform:uppercase;margin-bottom:.4rem}.archive-tools input{width:100%;min-height:46px;border:1px solid #738785;background:#eef1eb;padding:0 1rem;font:1rem var(--sans)}#archive-filters{display:flex;gap:.4rem;flex-wrap:wrap}#archive-filters button{min-height:46px;border:1px solid #738785;background:transparent;padding:0 .8rem;font-weight:650;cursor:pointer}#archive-filters button.active{background:var(--deep);color:white}#archive-count{font:.7rem var(--mono);text-transform:uppercase;white-space:nowrap}.archive-list{padding:4rem clamp(1.2rem,8vw,8rem) 8rem}.archive-list>div:first-child{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.archive-list article{padding:2rem;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}.archive-list article>div{display:flex;justify-content:space-between;color:var(--river);font:.7rem var(--mono);text-transform:uppercase}.archive-list h2{font:600 clamp(1.5rem,3vw,2.25rem)/1.1 var(--serif);color:white}.archive-list p{color:#a9bcba}.archive-sources{padding:6rem clamp(1.2rem,8vw,8rem);background:#d9e5e1;color:var(--text)}.archive-sources h2{font:600 clamp(2.5rem,6vw,5rem)/1 var(--serif);margin:.5rem 0}.archive-sources>p{max-width:760px}.archive-sources>div{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.archive-sources a{color:var(--text);border:1px solid var(--line);padding:.8rem 1rem;font-weight:650}#archive-empty{text-align:center;padding:5rem}@media(max-width:950px){.archive-tools{position:static;grid-template-columns:1fr}.archive-list>div:first-child{grid-template-columns:1fr}}@media(max-width:700px){.archive-nav{gap:.7rem}.archive-nav a:nth-child(2){display:none}.archive-hero{min-height:65vh}.archive-list article{padding:1.4rem}}
