.filter-bar{position:sticky;top:72px;z-index:50;background:var(--bg);border-bottom:3px solid var(--black);padding:0}.filter-inner{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-label{font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#888;margin-right:4px;white-space:nowrap}.filter-btn{font-family:var(--mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:6px 14px;border:2px solid var(--black);background:var(--surface);color:var(--black);cursor:pointer;transition:all .08s;white-space:nowrap}.filter-btn:hover{background:var(--yellow)}.filter-btn.active{background:var(--black);color:var(--surface)}.exp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:3px solid var(--black)}.exp-card{background:var(--surface);border-right:3px solid var(--black);border-bottom:3px solid var(--black);transition:all .08s;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--black)}.exp-card:nth-child(3n){border-right:none}.exp-card.last-row{border-bottom:none}.exp-card:hover{background:#fafaf6}.exp-card:hover .exp-card-preview{opacity:1}.exp-card:hover .exp-card-arrow{opacity:1;transform:translate(0)}.exp-card-accent{height:4px;width:100%;flex-shrink:0}.exp-card-preview{width:100%;aspect-ratio:16/9;background:#0a0a0a;border-bottom:3px solid var(--black);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;opacity:.88;transition:opacity .15s}.exp-card-preview-placeholder{font-family:var(--mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#444}.exp-card-preview.anim-blob{background:linear-gradient(135deg,#1a0a2e,#0a1a1a)}.exp-card-preview.anim-particles{background:linear-gradient(135deg,#000408,#080018)}.exp-card-preview.anim-rd{background:linear-gradient(135deg,#0a0a0a,#001a08)}.exp-card-preview.anim-blocks{background:linear-gradient(135deg,#0a0808,#18100a)}.exp-card-preview.anim-pixel{background:linear-gradient(135deg,#080808,#1a1a00)}.exp-card-preview.anim-fluid{background:linear-gradient(135deg,#000a18,#0a0018)}.exp-card-preview.anim-typo{background:linear-gradient(135deg,#181818,#0a0a0a)}.exp-card-preview.anim-audio{background:linear-gradient(135deg,#0a1200,#001018)}.exp-card-preview.anim-map{background:linear-gradient(135deg,#180808,#100018)}.preview-canvas{position:absolute;inset:0;width:100%;height:100%}.exp-card-body{padding:20px 20px 16px;flex:1;display:flex;flex-direction:column}.exp-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.exp-card-index{font-family:var(--mono);font-size:10px;font-weight:700;color:#aaa}.exp-card-status{font-family:var(--mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border:2px solid var(--black)}.exp-card-status.live{background:var(--lime)}.exp-card-status.wip{background:var(--yellow)}.exp-card-status.archived{background:var(--bg);color:#888}.exp-card-title{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;line-height:1.2}.exp-card-desc{font-size:12px;font-weight:500;line-height:1.65;color:#555;margin-bottom:14px;flex:1}.exp-card-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:16px}.exp-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:2px solid #eee;padding-top:12px}.exp-card-year{font-family:var(--mono);font-size:10px;font-weight:600;color:#999}.exp-card-arrow{font-size:18px;font-weight:700;opacity:0;transform:translate(-4px,4px);transition:all .1s}.exp-featured{display:grid;grid-template-columns:1.6fr 1fr;gap:0;border:3px solid var(--black);box-shadow:var(--shadow-lg);margin-bottom:12px;background:var(--surface)}.exp-featured-visual{background:#0a0a0a;border-right:3px solid var(--black);position:relative;overflow:hidden;aspect-ratio:16 / 9}.exp-featured-badge{position:absolute;top:14px;left:14px;font-family:var(--font);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:5px 12px;border:2px solid var(--black);background:var(--yellow);z-index:10}.exp-featured-body{padding:36px 32px;display:flex;flex-direction:column;justify-content:space-between}.exp-featured-eyebrow{font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#888;margin-bottom:12px}.exp-featured-title{font-size:clamp(24px,3vw,36px);font-weight:700;text-transform:uppercase;letter-spacing:-.5px;line-height:1.1;margin-bottom:16px}.exp-featured-desc{font-size:14px;font-weight:500;line-height:1.7;color:#444;margin-bottom:24px;flex:1}.exp-featured-stats{display:flex;gap:0;border:3px solid var(--black);margin-bottom:24px}.exp-stat{flex:1;padding:12px 14px;border-right:2px solid var(--black)}.exp-stat:last-child{border-right:none}.exp-stat-num{font-family:var(--mono);font-size:18px;font-weight:700;display:block;margin-bottom:3px}.exp-stat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#888}.cat-header{display:flex;align-items:center;gap:0;margin-bottom:0;border:3px solid var(--black);border-bottom:none;background:var(--black)}.cat-header-label{font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--surface);padding:10px 18px}.cat-header-count{font-family:var(--mono);font-size:10px;font-weight:600;color:#555;padding:10px 14px;background:var(--bg);border-left:3px solid var(--black);margin-left:auto}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:3px solid var(--black);box-shadow:var(--shadow);background:var(--surface)}.stat-block{padding:28px 24px;border-right:3px solid var(--black);transition:background .08s}.stat-block:last-child{border-right:none}.stat-block:hover{background:var(--yellow)}.stat-num{font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:-1px;line-height:1;margin-bottom:6px}.stat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#666}.marquee-wrap{overflow:hidden;border-top:3px solid var(--black);border-bottom:3px solid var(--black);background:var(--surface);padding:14px 0}.marquee{display:flex;gap:0;animation:exp-marquee 30s linear infinite;width:max-content}.marquee .tag{font-size:11px;padding:8px 16px;border-width:3px;box-shadow:3px 3px #000;white-space:nowrap;margin-right:8px}@keyframes exp-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.archive-list{border:3px solid var(--black)}.archive-item{display:grid;grid-template-columns:56px 1fr auto auto;gap:16px;align-items:center;padding:16px 20px;border-bottom:2px solid var(--black);background:var(--surface);transition:all .08s;cursor:default;text-decoration:none;color:var(--black)}.archive-item:last-child{border-bottom:none}.archive-item:hover{background:var(--yellow);transform:translate(4px)}.archive-num{font-family:var(--mono);font-size:10px;font-weight:700;color:#aaa;transition:color .08s}.archive-item:hover .archive-num{color:var(--black)}.archive-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.archive-sub{font-size:11px;color:#666;margin-top:2px}.archive-item:hover .archive-sub{color:#333}.archive-tag{font-family:var(--mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border:2px solid var(--black);background:var(--bg);white-space:nowrap}.archive-arrow{font-size:16px;font-weight:700;opacity:0;transition:opacity .1s}.archive-item:hover .archive-arrow{opacity:1}@media(max-width:900px){.exp-grid{grid-template-columns:1fr 1fr}.exp-card:nth-child(3n){border-right:3px solid var(--black)}.exp-card:nth-child(2n){border-right:none}.exp-featured{grid-template-columns:1fr}.exp-featured-visual{aspect-ratio:16 / 9;border-right:none;border-bottom:3px solid var(--black)}.stats-strip{grid-template-columns:repeat(2,1fr)}.stat-block:nth-child(2){border-right:none}.stat-block:nth-child(3){border-top:3px solid var(--black)}.stat-block:nth-child(4){border-top:3px solid var(--black);border-right:none}}@media(max-width:600px){.filter-inner{gap:6px}.filter-btn{font-size:9px;padding:5px 10px}.exp-grid{grid-template-columns:1fr}.exp-card{border-right:none!important}.stats-strip{grid-template-columns:1fr 1fr}.archive-item{grid-template-columns:40px 1fr 20px;gap:10px;padding:14px 16px}.archive-tag{display:none}.exp-featured-body{padding:20px}.exp-featured-stats{display:none}}@media(hover:none){.exp-card:hover,.stat-block:hover{background:var(--surface)}.archive-item:hover{background:var(--surface);transform:none}}