.timeline-heading{font-size:var(--font-size-4xl);font-family:Poppins,sans-serif;font-weight:var(--font-weight-bold);color:var(--color-text);text-align:center;margin:var(--space-xl) 0 var(--space-xl)}.timeline-filter{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}.timeline-filter-btn{padding:5px 18px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:transparent;color:var(--medium-grey);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.timeline-filter-btn:hover,.timeline-filter-btn.active{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange)}.timeline-filter-btn.filter-work.active{background:#c85a1a26;color:#c85a1a;border-color:#c85a1a80}.timeline-filter-btn.filter-education.active{background:#d4a84326;color:#9a7020;border-color:#d4a84380}.timeline-filter-btn.filter-community.active{background:#6478501f;color:#5a6e40;border-color:#64785080}.timeline{position:relative;padding:var(--space-xl) 0 var(--space-lg);overflow:hidden;display:grid;grid-template-columns:1fr 40px 1fr;opacity:0;transform:translateY(20px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.timeline.is-visible{opacity:1;transform:translateY(0)}.timeline:before{content:"";position:absolute;top:0;bottom:18px;left:50%;transform:translate(-1px);width:2px;background:var(--color-border);z-index:0}.timeline:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--color-border);z-index:2}.timeline-dot{position:absolute;top:5px;left:50%;transform:translate(-50%);background:var(--accent-amber);border-radius:var(--radius-full);z-index:3;width:12px;height:12px}.timeline-icon-frame{height:72px;display:flex;align-items:center}.timeline-icon{height:72px;width:auto;max-width:240px;object-fit:contain;object-position:center}.timeline-category-badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.category-work{background:#c85a1a26;color:#c85a1a;border:1px solid rgba(200,90,26,.3)}.category-education{background:#d4a84326;color:#9a7020;border:1px solid rgba(212,168,67,.3)}.category-community{background:#6478501f;color:#5a6e40;border:1px solid rgba(100,120,80,.25)}.timeline-item{position:relative;grid-column:1 / -1;display:grid;grid-template-columns:subgrid;margin-top:var(--space-xl);margin-bottom:var(--space-xl);box-sizing:border-box;opacity:0;transform:translateY(20px);transition:opacity var(--transition-slow) ease-out,transform var(--transition-slow) ease-out}.timeline-item.is-visible{opacity:1;transform:translateY(0)}.timeline-item .timeline-date-text-container{grid-row:1;z-index:2;box-sizing:border-box;min-width:0}.timeline-number{font-size:var(--font-size-base);color:var(--medium-grey);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.timeline-title-block{margin-bottom:var(--space-xs)}.timeline-job-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:Poppins,sans-serif;color:var(--dark-grey);line-height:var(--line-height-tight)}.timeline-org-name{font-size:var(--font-size-base);color:var(--medium-grey);font-weight:var(--font-weight-normal);margin-top:2px}.timeline-item .timeline-icon-container{grid-row:1;display:flex;justify-content:center;z-index:1;align-self:start;min-width:0;height:auto;min-height:0}.timeline-content,.timeline-item.right .timeline-content{text-align:justify}.timeline-item.has-details{transition:opacity var(--transition-slow) ease-out,transform var(--transition-slow) ease-out,box-shadow .2s ease}.timeline-item.has-details:hover{filter:brightness(1.05)}.view-details-hint{display:block;font-size:var(--font-size-sm);color:var(--accent-orange);font-style:italic;margin-top:var(--space-xs);opacity:.7;transition:opacity .2s ease}.timeline-item.has-details:hover .view-details-hint{opacity:1}.timeline-text p{margin:0;font-size:var(--font-size-xl);color:var(--medium-grey)}.timeline-item.right .timeline-date-text-container{grid-column:1;padding-right:var(--space-lg);text-align:right}.timeline-item.right .timeline-number{text-align:right}.timeline-item.right .timeline-icon-container{grid-column:3;justify-self:start;margin-left:var(--space-xs);padding-left:0}.timeline-item.left .timeline-date-text-container{grid-column:3;padding-left:var(--space-lg)}.timeline-item.left .timeline-number{text-align:left}.timeline-item.left .timeline-icon-container{grid-column:1;justify-self:end;margin-right:var(--space-xs);padding-right:0}.timeline-item:last-child:after{content:"";position:absolute;bottom:-65px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--color-border);z-index:2}@media(max-width:768px){.timeline{grid-template-columns:1fr;padding-top:var(--space-lg);padding-left:var(--space-lg);position:relative}.timeline:before{content:"";position:absolute;top:0;bottom:5px;left:auto;transform:none;width:2px;background:var(--color-border);z-index:0;display:block;right:90px}.timeline:after{display:none}.timeline-item{grid-column:1;display:flex;flex-direction:row;align-items:flex-start;margin-top:var(--space-lg);margin-bottom:var(--space-lg);padding-right:100px;position:relative}.timeline-dot{position:absolute;top:5px;transform:none;background:var(--accent-amber);border-radius:var(--radius-full);z-index:3;width:12px;height:12px;left:auto;right:85px}.timeline-left-content-group{flex:1;display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding-right:var(--space-lg)}.timeline-number{font-size:var(--font-size-base);color:var(--medium-grey);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.timeline-content{grid-column:1;padding:0;width:100%;text-align:right}.timeline-icon-container{position:absolute;top:5px;margin:0;padding:0;z-index:3;right:0;display:flex;align-items:flex-start;justify-content:center;height:auto;width:80px}.timeline-category-badge{font-size:10px;padding:1px 6px}.timeline-icon-frame{height:40px}.timeline-icon{height:40px;width:auto;max-width:70px;object-fit:contain;object-position:center}.timeline-item.right .timeline-date-text-container,.timeline-item.left .timeline-date-text-container,.timeline-item.right .timeline-number,.timeline-item.left .timeline-number,.timeline-item.right .timeline-icon-container,.timeline-item.left .timeline-icon-container{grid-column:1;padding:0;margin:0;text-align:right;justify-self:end}.timeline-title-block{text-align:right}.timeline-job-title{font-size:var(--font-size-base)}.timeline-org-name{font-size:var(--font-size-sm)}.timeline-item:last-child:after{display:none}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#3d2b1a8c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border);box-shadow:0 8px 32px #3d2b1a33;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal-content{animation:none}}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:32px;line-height:1;cursor:pointer;color:var(--color-text-muted);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease,color .2s ease}.modal-close:hover{background-color:var(--color-surface-raised);color:var(--color-text)}.modal-close:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.modal-header{padding:32px 32px 16px;border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0 0 8px;font-size:28px;color:var(--color-text);font-family:Poppins,sans-serif}.modal-header h3{margin:0 0 8px;font-size:20px;color:var(--color-text-muted);font-weight:500}.modal-dates{margin:0;font-size:14px;color:var(--color-text-muted);font-style:italic}.modal-body{padding:24px 32px 32px}.modal-description{margin-bottom:24px;line-height:1.6;color:var(--color-text)}.modal-projects{margin-top:32px}.modal-projects h3{font-size:20px;margin:0 0 16px;color:var(--color-text);border-bottom:2px solid var(--accent-amber);padding-bottom:8px;font-family:Poppins,sans-serif}.project-card{background:var(--color-surface-raised);border-left:4px solid var(--accent-amber);padding:16px;margin-bottom:16px;border-radius:4px;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translate(4px);box-shadow:0 2px 8px #3d2b1a26}.project-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;flex-wrap:wrap;gap:8px}.project-card h4{margin:0;font-size:18px;color:var(--color-text);font-family:Poppins,sans-serif}.project-years{font-size:14px;color:var(--color-text-muted);font-weight:500}.project-card p{margin:0 0 12px;line-height:1.6;color:var(--color-text-muted)}.project-technologies{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{display:inline-block;background:#c85a1a1a;color:var(--accent-amber);padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500}.modal-courses{margin-top:32px}.modal-courses h3{font-size:20px;margin:0 0 16px;color:var(--color-text);border-bottom:2px solid var(--accent-amber);padding-bottom:8px;font-family:Poppins,sans-serif}.courses-table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;overflow:hidden}.courses-table thead{background:var(--color-surface-raised)}.courses-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border)}.courses-table th:nth-child(1){width:10%}.courses-table th:nth-child(2){width:30%}.courses-table th:nth-child(3){width:60%}.courses-table td{padding:12px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);line-height:1.6}.courses-table td.course-number{font-family:Courier New,monospace;color:var(--color-text-muted);font-size:14px}.courses-table td:nth-child(2){font-weight:500;color:var(--color-text)}.courses-table tbody tr:nth-child(2n){background:var(--color-surface-raised)}.courses-table tbody tr:hover{background:#c85a1a0f}.courses-table tbody tr:last-child td{border-bottom:none}@media(max-width:768px){.modal-backdrop{padding:0}.modal-content{max-height:100vh;border-radius:0;max-width:100%}.modal-header{padding:24px 20px 12px}.modal-header h2{font-size:24px;padding-right:40px}.modal-header h3{font-size:18px}.modal-body{padding:16px 20px 24px}.modal-close{top:12px;right:12px}.project-card{padding:12px}.project-card h4{font-size:16px}@media(max-width:600px){.courses-table th:nth-child(1){width:15%}.courses-table th:nth-child(2){width:35%}.courses-table th:nth-child(3){width:50%}}@media(max-width:480px){.courses-table{font-size:13px}.courses-table th,.courses-table td{padding:8px 6px}.courses-table td.course-number{font-size:12px}}}