.hub-hero{padding:56px 0 64px}.hub-sub{margin-top:24px;max-width:62ch;font-size:19px;color:var(--ink-dim);line-height:1.55}.hub-filter-wrap{margin-top:36px}.hub-filter{display:inline-flex;gap:4px;flex-wrap:wrap}.filter-btn{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);background:none;border:1px solid transparent;padding:8px 14px;cursor:pointer;transition:color .2s ease,border-color .2s ease}.filter-btn:hover{color:var(--ink)}.filter-btn.active{color:var(--ink);border-color:var(--rule-strong);background:color-mix(in oklab,var(--bg-2) 80%,transparent)}.hub-featured{border-top:1px solid var(--rule);padding:56px 0}.featured-card{display:block;text-decoration:none;padding:44px 48px;border:1px solid var(--rule-strong);background:color-mix(in oklab,var(--bg-2) 60%,transparent);transition:border-color .2s ease,background .2s ease;position:relative}.featured-card:hover{border-color:var(--accent);background:color-mix(in oklab,var(--bg-2) 80%,transparent)}.featured-card:before{content:"// Featured";position:absolute;top:-1px;left:48px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--accent);background:var(--bg);padding:0 8px;transform:translateY(-50%)}.featured-card-meta{display:flex;align-items:center;gap:16px;margin-bottom:20px}.featured-card-title{font-family:JetBrains Mono,monospace;font-weight:700;font-size:clamp(24px,3vw,38px);line-height:1.1;letter-spacing:-.03em;color:var(--ink);margin-bottom:16px;max-width:28ch}.featured-card-desc{color:var(--ink-dim);font-size:18px;line-height:1.55;max-width:64ch;margin-bottom:28px}.featured-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.featured-date,.featured-read{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.1em;color:var(--ink-mute);text-transform:uppercase}.featured-arrow{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;color:var(--accent);letter-spacing:.04em;transition:letter-spacing .2s ease}.featured-card:hover .featured-arrow{letter-spacing:.08em}.type-badge{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:3px 9px;border:1px solid var(--rule);color:var(--ink-mute)}.type-badge--research{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 40%,transparent)}.type-badge--teardown{color:#c5524a;border-color:color-mix(in oklab,#c5524a 40%,transparent)}.type-badge--editorial{color:#6b9a6b;border-color:color-mix(in oklab,#6b9a6b 40%,transparent)}.type-badge--playbook{color:#a07fd4;border-color:color-mix(in oklab,#a07fd4 40%,transparent)}.hub-grid-section{padding:0 0 96px;border-top:1px solid var(--rule)}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-top:0}@media (max-width: 900px){.hub-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.hub-grid{grid-template-columns:1fr}}.insight-card{display:block;text-decoration:none;padding:32px 0;border-bottom:1px solid var(--rule);transition:background .2s ease}.insight-card:nth-child(3n+1):not(:nth-child(3n)){padding-right:32px;border-right:1px solid var(--rule)}.insight-card:nth-child(3n+2){padding-left:32px;padding-right:32px;border-right:1px solid var(--rule)}.insight-card:nth-child(3n){padding-left:32px}@media (max-width: 900px){.insight-card:nth-child(3n+1):not(:nth-child(3n)),.insight-card:nth-child(3n+2),.insight-card:nth-child(3n){padding:28px 0;border-right:none}.insight-card:nth-child(odd){padding-right:24px;border-right:1px solid var(--rule)}.insight-card:nth-child(2n){padding-left:24px}}@media (max-width: 600px){.insight-card:nth-child(odd),.insight-card:nth-child(2n){padding:24px 0;border-right:none}}.insight-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:14px}.insight-read{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}.insight-card-title{font-family:JetBrains Mono,monospace;font-weight:600;font-size:18px;line-height:1.2;letter-spacing:-.015em;color:var(--ink);margin-bottom:10px;max-width:30ch;transition:color .2s ease}.insight-card:hover .insight-card-title{color:var(--accent)}.insight-card-desc{font-size:15px;line-height:1.55;color:var(--ink-dim);max-width:44ch;margin-bottom:16px}.insight-card-date{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}.hub-empty{padding:64px 0;color:var(--ink-mute);font-family:JetBrains Mono,monospace;font-size:14px;letter-spacing:.08em}.insight-card[hidden]{display:none}