.hero-files{background:#162e57;color:#fff4cf;padding:55px 6%;background-image:radial-gradient(#91bce144 1px,transparent 1px);background-size:9px 9px}.hero-files h1{font-size:clamp(70px,10vw,140px);line-height:.86;margin:24px 0}.hero-files h1 em{color:#ffdf36;text-shadow:4px 4px #162e57,6px 6px #ff4888}.hero-files>p{max-width:650px}.hero-files .eyebrow{color:#ffdf36}.quick-picks{display:flex;gap:12px;flex-wrap:wrap}.quick-picks button{background:#ffdf36;padding:13px;border:2px solid #202026;font:700 10px 'Space Mono';box-shadow:3px 3px #ff4888}.scope-note{font-size:12px;max-width:1000px;color:#615b50}#hero-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;background:#eee3c6;border:2px solid #202026;padding:20px;margin:26px 0}#hero-filters label,#full-form label{display:flex;flex-direction:column;gap:8px;font:10px 'Space Mono'}#hero-filters input,#hero-filters select,#full-form input,#full-form select{width:100%;min-width:0;padding:12px;background:#fffaf0;border:1px solid #202026;font:13px 'DM Sans';height:44px}#hero-filters button{align-self:end;height:44px}#hero-status{font:11px 'Space Mono'}#hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:22px 0}.hero-card{background:#fffaf0;border:2px solid #202026;box-shadow:4px 4px #202026;min-width:0;display:flex;flex-direction:column}.hero-card>header{padding:10px;background:#163859;color:#fff4cf;font:9px 'Space Mono';display:flex;justify-content:space-between;gap:10px}.hero-card.marvel>header{background:#a12548}.hero-portrait{height:260px;width:100%;object-fit:cover;object-position:top;background:#d9d0be}.hero-card .card-body{padding:17px;flex:1}.hero-card h3{font-size:33px;margin-bottom:8px}.hero-card .identity{font-size:11px;min-height:18px}.hero-tags{display:flex;gap:5px;flex-wrap:wrap}.hero-tags span{font-size:9px;border:1px solid #cec3a8;padding:5px;background:#f5edda}.hero-card .card-actions{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid #cec3a8;padding:12px}.card-actions button{background:#ffe341;font:700 9px 'Space Mono';padding:10px}.card-actions a{font-size:10px;text-decoration:underline}.hero-card .count{font:9px 'Space Mono';margin-top:15px;color:#70644d}.full-index{background:#e9e0c9;border-top:3px solid #202026}.full-index>p{max-width:950px;font-size:13px}#full-form{display:grid;grid-template-columns:1fr 2fr auto;gap:15px;align-items:end;margin:25px 0}#full-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#full-results a{padding:15px;border:1px solid #b9ac8d;background:#fffaf0;font:700 23px 'Barlow Condensed'}#full-results small{display:block;font:9px 'Space Mono';margin-top:8px}.index-pages{display:flex;justify-content:space-between;align-items:center;margin-top:20px}#hero-detail{max-width:850px;width:94%;max-height:90vh;border:3px solid #202026;background:#fff7de;padding:25px}#hero-detail::backdrop{background:#171524cc}#detail-body h2{font-size:48px;margin:22px 0 8px}#detail-body h3{font-size:24px;margin-top:25px}#detail-body p,#detail-body li{font-size:13px;line-height:1.7}#detail-body a{text-decoration:underline}#detail-body img{float:right;width:32%;max-height:340px;object-fit:cover;margin:20px 0 20px 20px}#detail-body .hero-tags{max-width:500px}.missing-art{display:grid;place-items:center;font:12px 'Space Mono'}
@media(max-width:1000px){#hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#hero-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){#hero-grid,#full-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.hero-portrait{height:200px}.hero-card .card-body{padding:12px}.hero-card h3{font-size:28px}.hero-card>header{font-size:8px}.card-actions{flex-wrap:wrap}#full-form{grid-template-columns:1fr}#hero-filters{padding:12px;gap:10px}#hero-filters .wide{grid-column:1/-1}#detail-body img{float:none;width:100%;margin:20px 0;object-fit:contain}.masthead nav{white-space:normal;flex-wrap:wrap}.section-heading{flex-wrap:wrap}.hero-files{padding:40px 5%}}