.past-hero{padding:calc(80px + var(--space-8)) var(--space-4) var(--space-8);text-align:center;background:linear-gradient(to bottom,var(--surface),var(--black))}.past-hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:var(--space-4)}.past-hero p{font-size:var(--text-xl);color:var(--text-muted);max-width:600px;margin:0 auto}.filter-section{padding:var(--space-6) var(--space-4);background:var(--surface);position:sticky;top:60px;z-index:90;border-bottom:1px solid var(--border)}.filter-container{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap;max-width:600px;margin:0 auto}.filter-btn{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.filter-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.filter-btn.active{background:var(--lime);border-color:var(--lime);color:var(--black)}.sub-filter-container{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap;max-width:600px;margin:var(--space-3) auto 0}.sub-filter-container:empty{display:none}.sub-filter-btn{padding:var(--space-1) var(--space-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.sub-filter-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.sub-filter-btn.active{background:var(--lilac);border-color:var(--lilac);color:var(--black)}.timeline-section{padding:var(--space-8) var(--space-4);max-width:1000px;margin:0 auto}.timeline{position:relative;padding-left:var(--space-8)}.timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--lime),var(--lilac),var(--border))}.timeline-year{position:relative;margin-bottom:var(--space-6);margin-top:var(--space-8)}.timeline-year:first-child{margin-top:0}.timeline-year-marker{position:absolute;left:calc(-1 * var(--space-8) + 4px);width:24px;height:24px;background:var(--black);border:3px solid var(--lime);border-radius:50%;display:flex;align-items:center;justify-content:center}.timeline-year h2{font-size:var(--text-2xl);font-weight:700;color:var(--lime);padding-left:var(--space-4)}.timeline-event{position:relative;margin-bottom:var(--space-5);padding-left:var(--space-4)}.timeline-event:before{content:"";position:absolute;left:calc(-1 * var(--space-8) + 11px);top:24px;width:10px;height:10px;background:var(--surface);border:2px solid var(--border);border-radius:50%;transition:all var(--transition-base)}.timeline-event:hover:before{border-color:var(--lime);background:var(--lime)}.timeline-event-card{display:grid;grid-template-columns:1fr;gap:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:all var(--transition-base)}@media(min-width:640px){.timeline-event-card{grid-template-columns:220px 1fr}}.timeline-event-card:hover{border-color:var(--lime);transform:translate(4px);box-shadow:0 10px 30px #0003}.timeline-event-image{aspect-ratio:4/3;overflow:hidden;width:100%}@media(min-width:640px){.timeline-event-image{width:220px;height:165px;flex-shrink:0}}.timeline-event-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.timeline-event-card:hover .timeline-event-image img{transform:scale(1.05)}.timeline-event-content{padding:var(--space-4);display:flex;flex-direction:column;justify-content:center}.timeline-event-meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.timeline-event-date{font-size:var(--text-sm);color:var(--text-muted)}.badge-past{background:var(--surface-elevated, #2a2a2a);border:1px solid var(--border);color:var(--text-muted);font-size:.7rem;padding:.2rem .5rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.timeline-event-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);line-height:1.3}.timeline-event-description{font-size:var(--text-sm);color:var(--text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.timeline-loading{display:flex;justify-content:center;padding:var(--space-8)}.spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--lime);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-8);color:var(--text-muted)}.empty-state h3{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2)}.timeline-event{opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}