:root{color-scheme:dark;font:16px/1.5 system-ui,sans-serif;background:#171a1b;color:#eae6df}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}header,main,footer{max-width:1700px;margin:auto;padding:24px 4vw}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #363b3b;font-size:.85rem}.brand{font-weight:650;letter-spacing:.13em;text-decoration:none}.brand span{font-weight:400;letter-spacing:0;color:#aab3af}.intro{margin:35px 0 40px;max-width:750px}.eyebrow{color:#a7b9a9;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem}h1{font-size:clamp(1.7rem,4vw,3rem);line-height:1.15;font-weight:450;margin:.4em 0}p{color:#b9c0bc}.filters{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:28px}label{display:grid;gap:6px;font-size:.8rem;color:#b9c0bc}input,select,button{font:inherit;color:inherit;background:#23292a;border:1px solid #46504c;border-radius:4px;padding:9px 13px}input{min-width:min(320px,75vw)}button,a.card{cursor:pointer}button:hover{background:#39433e}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b7d7bb;outline-offset:3px}#count{margin-left:auto;font-size:.85rem;color:#aeb7b0}#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:30px 24px}.card{display:block;text-decoration:none;border:1px solid #343d38;background:#1c2120;border-radius:7px;overflow:hidden;transition:border-color .2s}.card:hover{border-color:#91a694}.card img{width:100%;height:230px;object-fit:contain;display:block;background:#101414}.card .caption{padding:15px 18px}.card h2{font-size:1.05rem;font-weight:500;margin:0 0 5px}.card p{font-size:.8rem;margin:0}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.detail-heading h1{font-size:clamp(1.4rem,3vw,2rem)}.detail-heading p{margin:0;font-size:.85rem}.detail-heading nav{display:flex;gap:6px;flex-wrap:wrap}#viewer{height:72vh;min-height:300px;background:#0e1212;border:1px solid #343d38}#description{white-space:pre-line;max-width:850px;font-size:1.05rem;line-height:1.7}#viewer-status{font-size:.8rem}#detail-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{border:1px solid #46504c;border-radius:20px;padding:3px 12px;font-size:.8rem;color:#c4d1c6}footer{margin-top:45px;border-top:1px solid #343d38;font-size:.75rem;color:#9ea7a1}[hidden]{display:none!important}@media(max-width:650px){header,main,footer{padding:20px}.detail-heading{display:block}.detail-heading nav{margin-top:16px}.card img{height:200px}#viewer{height:62vh}header>a:last-child{font-size:.75rem}.intro{margin-top:25px}}