.timeline-wrapper{width:100%;max-width:1100px;margin:0 auto;padding:2rem 1rem 4rem;--timeline-card-bg: var(--surface-card-bg, var(--color-card-bg, #ffffff));--timeline-card-border: var( --surface-card-border, var(--color-border, #e5e7eb) );--timeline-card-hover-border: var( --surface-card-hover-border, var(--color-accent, #4f46e5) );--timeline-card-shadow: var( --surface-panel-shadow, 0 18px 30px rgba(15, 23, 42, .24) );--timeline-card-shadow-hover: 0 22px 42px color-mix(in srgb, var(--color-accent, #4f46e5) 22%, rgba(15, 23, 42, .6));--timeline-accent: var(--color-accent, #4f46e5);--timeline-accent-soft: color-mix( in srgb, var(--timeline-accent) 18%, transparent );--timeline-accent-strong: color-mix( in srgb, var(--timeline-accent) 42%, transparent );--timeline-muted: var(--color-muted, #94a3b8);--timeline-ring: var(--surface-action-color, var(--timeline-accent));--timeline-ring-soft: color-mix( in srgb, var(--timeline-ring) 26%, transparent );--timeline-switch-bg: color-mix( in srgb, var(--timeline-card-bg) 84%, transparent );--timeline-switch-border: color-mix( in srgb, var(--timeline-card-border) 86%, transparent );--timeline-switch-shadow: 0 18px 36px color-mix(in srgb, var(--timeline-accent) 16%, rgba(9, 12, 24, .45));--timeline-switch-active-shadow: 0 18px 42px color-mix(in srgb, var(--timeline-ring) 24%, rgba(9, 12, 24, .55));--timeline-link-bg: var(--surface-action-bg, var(--timeline-card-bg));--timeline-link-border: var( --surface-action-border, var(--timeline-card-hover-border) );--timeline-link-hover-bg: var( --surface-action-hover-bg, color-mix(in srgb, var(--timeline-ring) 26%, var(--timeline-card-bg)) );--timeline-link-hover-border: var( --surface-action-hover-border, color-mix(in srgb, var(--timeline-ring) 70%, transparent) );--timeline-link-text: var( --surface-action-color, color-mix(in srgb, var(--color-text, #ffffff) 92%, var(--timeline-ring) 8%) );--timeline-link-shadow: none;--timeline-link-hover-shadow: none}.timeline-view-toggle{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:3rem}.timeline-view-intro{text-align:center;max-width:600px}.timeline-view-intro p{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary, #6b7280);margin:0}.timeline-view-switches{display:inline-flex;align-items:center;gap:.35rem;background:var(--timeline-switch-bg);border-radius:999px;padding:.5rem;max-width:520px;border:1px solid var(--timeline-switch-border);box-shadow:var(--timeline-switch-shadow);backdrop-filter:blur(18px)}.view-toggle-btn{flex:1;padding:.75rem 1.5rem;background:transparent;color:var(--timeline-muted);border:1px solid transparent;border-radius:999px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative}.view-toggle-btn:hover:not(:disabled){color:color-mix(in srgb,var(--color-text, #eef2ff) 78%,var(--timeline-ring) 22%)}.view-toggle-btn.active{background:linear-gradient(135deg,color-mix(in srgb,var(--timeline-accent) 18%,transparent),color-mix(in srgb,var(--timeline-ring) 28%,transparent));color:var(--color-text, #eef2ff);border-color:color-mix(in srgb,var(--timeline-ring) 48%,transparent);box-shadow:var(--timeline-switch-active-shadow);transform:translateY(-1px)}.view-toggle-btn:disabled{cursor:default}.view-toggle-btn.active:disabled{opacity:1}.view-toggle-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--timeline-ring) 42%,transparent);outline-offset:3px}.timeline-vertical-container{position:relative}.timeline-item{position:relative;display:grid;grid-template-columns:80px 1fr;gap:1.5rem;margin-bottom:0;padding-bottom:3rem;opacity:0;transform:translateY(24px);animation:timeline-item-enter .7s cubic-bezier(.22,1,.36,1) forwards}.timeline-item:last-child{padding-bottom:0}.timeline-item.same-org{padding-bottom:1.5rem}@keyframes timeline-item-enter{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.timeline-item{opacity:1;transform:none;animation:none}}.timeline-marker{position:relative;display:flex;flex-direction:column;align-items:center}.timeline-dot{position:relative;width:16px;height:16px;border-radius:50%;background:var(--timeline-card-bg);border:3px solid color-mix(in srgb,var(--timeline-accent) 38%,transparent);z-index:2;flex-shrink:0;transition:all .3s ease}.timeline-item:hover .timeline-dot{transform:scale(1.2);border-width:4px}.timeline-item.current .timeline-dot{border-color:var(--timeline-ring);background:var(--timeline-ring);box-shadow:0 0 0 4px var(--timeline-card-border);box-shadow:0 0 0 4px var(--timeline-ring-soft)}.timeline-pulse{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:var(--timeline-ring);transform:translate(-50%,-50%);animation:pulse 2s infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.timeline-line{position:absolute;top:16px;bottom:-3rem;left:50%;width:3px;background:linear-gradient(to bottom,color-mix(in srgb,var(--timeline-card-border) 70%,var(--timeline-accent) 30%),color-mix(in srgb,var(--timeline-ring) 35%,transparent) 45%,color-mix(in srgb,var(--timeline-card-border) 85%,transparent));transform:translate(-50%);z-index:1;border-radius:999px;opacity:.92}.timeline-line:after{content:"";position:absolute;inset:-3px 0;border-radius:999px;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--timeline-ring) 22%,transparent) 50%,transparent 100%);opacity:.55;filter:blur(6px)}.timeline-item:last-child .timeline-marker:after{content:"";position:absolute;top:16px;bottom:-2.5rem;left:50%;width:3px;transform:translate(-50%);border-radius:999px;background:linear-gradient(to bottom,color-mix(in srgb,var(--timeline-card-border) 70%,var(--timeline-accent) 30%) 0%,color-mix(in srgb,var(--timeline-ring) 35%,transparent) 65%,transparent 100%);opacity:.85}.timeline-content{display:flex;flex-direction:column;gap:1rem;background:var(--timeline-card-bg);border:1px solid var(--timeline-card-border);border-radius:12px;padding:1.5rem 1.5rem 2.25rem;transition:border-color .3s ease,box-shadow .3s ease;cursor:pointer;position:relative;overflow:visible;box-shadow:var(--timeline-card-shadow)}.timeline-content:hover{border-color:var(--timeline-card-hover-border);box-shadow:var(--timeline-card-shadow-hover)}.timeline-content:focus-visible{outline:3px solid var(--timeline-card-hover-border);outline:3px solid color-mix(in srgb,var(--timeline-accent) 32%,transparent);outline-offset:3px}.timeline-item:not(.current) .timeline-content{background:var(--timeline-card-bg);background:linear-gradient(140deg,color-mix(in srgb,var(--timeline-card-bg) 94%,transparent),color-mix(in srgb,var(--timeline-accent) 16%,var(--timeline-card-bg)));border-color:var(--timeline-card-border)}.timeline-item.expanded .timeline-content{box-shadow:var(--timeline-card-shadow);box-shadow:0 26px 52px color-mix(in srgb,var(--timeline-accent) 22%,rgba(9,12,24,.7))}.timeline-item.current .timeline-content{border-color:var(--timeline-ring);background:var(--timeline-card-bg);background:linear-gradient(140deg,color-mix(in srgb,var(--timeline-card-bg) 90%,transparent),color-mix(in srgb,var(--timeline-ring) 22%,var(--timeline-card-bg)));box-shadow:var(--timeline-card-shadow);box-shadow:0 28px 56px color-mix(in srgb,var(--timeline-ring) 26%,rgba(9,12,24,.7))}.timeline-media{position:relative;display:flex;margin-bottom:1rem}.timeline-image-placeholder{width:100%;aspect-ratio:16 / 9;border-radius:10px;border:1px dashed color-mix(in srgb,var(--timeline-accent) 32%,transparent);background:var(--timeline-card-bg);background:linear-gradient(135deg,color-mix(in srgb,var(--timeline-accent) 18%,transparent),color-mix(in srgb,var(--timeline-accent) 6%,transparent));display:flex;align-items:center;justify-content:center;color:var(--timeline-ring);color:color-mix(in srgb,var(--timeline-accent) 64%,var(--timeline-muted) 36%);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:.5rem;overflow:hidden}.timeline-image-placeholder img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;display:block;min-height:100%}.timeline-image-placeholder.image-bg-white{background:#fff}.timeline-image-placeholder.image-bg-black{background:#000}.timeline-image-placeholder.image-bg-transparent{background:transparent}.timeline-header-wrapper{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.timeline-logo-placeholder{flex-shrink:0;width:64px;height:64px;border-radius:50%;background:var(--timeline-card-bg);border:3px solid var(--timeline-card-bg);box-shadow:0 12px 30px color-mix(in srgb,var(--timeline-accent) 24%,rgba(9,12,24,.55));display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--timeline-ring)}.timeline-logo-placeholder span{display:inline-block;text-transform:uppercase}.timeline-logo-placeholder img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:8px}.timeline-logo-placeholder.logo-bg-white{background:#fff}.timeline-logo-placeholder.logo-bg-black{background:#000}.timeline-logo-placeholder.logo-bg-transparent{background:transparent;border-color:var(--timeline-card-border)}.timeline-header{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.timeline-year-badge{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;font-weight:700;color:var(--timeline-accent);text-transform:uppercase;letter-spacing:.05em;flex-wrap:wrap}.timeline-item.current .timeline-year-badge{color:var(--timeline-ring)}.current-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;background:var(--timeline-ring);color:var(--color-bg, #0f1115);font-size:.6875rem;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.timeline-role{font-size:1.375rem;font-weight:700;color:var(--color-text-primary, var(--color-text));margin:0;line-height:1.3}.timeline-company{font-size:1rem;font-weight:600;color:var(--color-text-secondary, var(--color-muted))}.timeline-summary{padding:0;margin-top:.25rem}.timeline-summary p{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary, var(--color-muted));margin:0}.timeline-highlights{display:flex;flex-direction:column;gap:.75rem;padding:0;margin-top:.5rem}.highlights-label{font-size:.8125rem;font-weight:600;color:var(--color-text-tertiary, var(--color-muted));text-transform:uppercase;letter-spacing:.05em}.timeline-highlights ul{margin:0;padding-left:1.5rem;list-style-type:disc;list-style-position:outside}.timeline-highlights li{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary, var(--color-muted));margin:.5rem 0}.timeline-highlights strong{font-weight:600;color:var(--color-text-primary, var(--color-text))}.timeline-detail-link{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--timeline-muted);opacity:.3;transition:all .2s ease;text-decoration:none;margin-left:.25rem}.timeline-detail-link:hover{opacity:1;color:var(--timeline-accent);transform:scale(1.15)}.timeline-detail-link:focus-visible{outline:2px solid var(--timeline-accent);outline-offset:2px;opacity:1}.timeline-detail-link svg{flex-shrink:0;width:14px;height:14px}@media(max-width:768px){.timeline-detail-link{width:20px;height:20px}.timeline-detail-link svg{width:12px;height:12px}}@media(max-width:480px){.timeline-detail-link{width:18px;height:18px}.timeline-detail-link svg{width:11px;height:11px}}.timeline-expand-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;position:absolute;bottom:1rem;right:1rem;color:color-mix(in srgb,var(--timeline-muted) 82%,transparent);opacity:1;transition:opacity .2s ease,color .2s ease;pointer-events:none}.timeline-expand-indicator svg{transition:transform .2s ease;color:inherit}.timeline-content:hover .timeline-expand-indicator svg{color:var(--timeline-ring)}.timeline-item.expanded .timeline-expand-indicator svg{color:var(--timeline-ring)}.timeline-details{display:flex;flex-direction:column;gap:1.5rem;padding-top:0;border-top:1px solid var(--color-border, #e5e7eb);max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,padding-top .4s ease}.timeline-details.expanded{max-height:5000px;opacity:1;padding-top:1rem}.timeline-details.collapsed{max-height:0;opacity:0;padding-top:0}.timeline-description{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary, var(--color-muted))}.timeline-description h2{position:relative;margin-top:2rem;margin-bottom:1rem;padding-bottom:.375rem;font-size:1.125rem;font-weight:700;color:var(--color-text-primary, var(--color-text));line-height:1.3;text-transform:uppercase;letter-spacing:.02em;border-bottom:2px solid transparent;-o-border-image:linear-gradient(90deg,var(--timeline-accent) 0%,color-mix(in srgb,var(--timeline-accent) 30%,transparent) 60%,transparent 100%) 1;border-image:linear-gradient(90deg,var(--timeline-accent) 0%,color-mix(in srgb,var(--timeline-accent) 30%,transparent) 60%,transparent 100%) 1}.timeline-description h2:first-of-type{margin-top:1.25rem}.timeline-description h3{position:relative;margin-top:1.75rem;margin-bottom:.75rem;font-size:1rem;font-weight:600;color:var(--color-text-primary, var(--color-text));line-height:1.4;text-transform:uppercase;letter-spacing:.02em}.timeline-description h3:first-of-type{margin-top:1rem}:root:not([data-theme=light]) .timeline-description h2{-o-border-image:linear-gradient(90deg,var(--terminal-prompt) 0%,rgba(125,211,252,.3) 60%,transparent 100%) 1;border-image:linear-gradient(90deg,var(--terminal-prompt) 0%,rgba(125,211,252,.3) 60%,transparent 100%) 1}.timeline-description p{margin:.75rem 0}.timeline-description ul,.timeline-description ol{margin:.75rem 0;padding-left:1.5rem;list-style-position:outside;color:var(--color-text-secondary, var(--color-muted))}.timeline-description ul{list-style-type:disc}.timeline-description ol{list-style-type:decimal}.timeline-description li{margin:.5rem 0;line-height:1.7}.timeline-description strong{font-weight:600;color:var(--color-text-primary, var(--color-text))}.timeline-description code{padding:.125rem .375rem;background:var(--surface-card-alt-bg, var(--surface-card-bg, transparent));border-radius:4px;font-size:.875rem;font-family:JetBrains Mono,monospace}.timeline-tags{display:flex;flex-direction:column;gap:.75rem}.tags-label{font-size:.8125rem;font-weight:600;color:var(--color-text-tertiary, var(--color-muted));text-transform:uppercase;letter-spacing:.05em}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-flex;align-items:center;padding:.375rem .875rem;background:var(--surface-card-alt-bg, var(--surface-card-bg, transparent));color:var(--color-text-secondary, var(--color-muted));font-size:.8125rem;font-weight:500;border-radius:6px;border:1px solid var(--surface-card-border, var(--timeline-card-border));cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.timeline-links{display:flex;flex-wrap:wrap;gap:.75rem}.timeline-link{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.3rem;background:var(--timeline-link-bg);color:var(--timeline-link-text);text-decoration:none;font-size:.875rem;font-weight:600;border:1.5px solid var(--timeline-link-border);border-radius:10px;box-shadow:var(--timeline-link-shadow);backdrop-filter:blur(12px);transition:all .2s ease}.timeline-link:hover{background:var(--timeline-link-hover-bg);color:var(--timeline-link-text);border-color:var(--timeline-link-hover-border);box-shadow:var(--timeline-link-hover-shadow)}.timeline-link:focus-visible{outline:2px solid var(--timeline-ring);outline-offset:2px}.timeline-link svg{flex-shrink:0;color:inherit}@media(max-width:768px){.timeline-wrapper{padding:.75rem 0 1.5rem}.timeline-item{grid-template-columns:36px 1fr;gap:.5rem;padding-bottom:2rem}.timeline-marker{padding-top:.25rem}.timeline-dot{width:12px;height:12px;border-width:2px}.timeline-line{top:18px;bottom:-2rem}.timeline-content{padding:1rem 1rem 2rem}.timeline-role{font-size:1.125rem}.timeline-company,.timeline-summary p{font-size:.875rem}.timeline-expand-btn{width:100%;justify-content:center}.timeline-media{margin-bottom:.75rem}.timeline-header-wrapper{gap:.75rem}.timeline-logo-placeholder{width:56px;height:56px}}@media(max-width:480px){.timeline-wrapper{padding:.5rem 0 1rem}.timeline-item{grid-template-columns:28px 1fr;gap:.375rem}.timeline-year-badge{font-size:.75rem;flex-direction:column;align-items:flex-start;gap:.25rem}.timeline-header-wrapper{gap:.5rem}.timeline-logo-placeholder{width:48px;height:48px;font-size:.875rem}}.timeline-page{max-width:100%;padding:2rem 1rem}.classic-content.timeline-page{gap:16px}.page-header{max-width:800px;margin:0 auto 3rem;text-align:center}.page-header h1{font-size:2.5rem;margin-bottom:1rem;color:var(--color-text-primary)}.page-description{font-size:1.125rem;line-height:1.7;color:var(--color-text-secondary);max-width:700px;margin:0 auto}.timeline-page-footer{max-width:800px;margin:1rem auto .5rem;padding:.375rem 0;border-top:1px solid var(--color-border);text-align:center}.timeline-page-footer p{font-size:1rem;color:var(--color-text-secondary)}.timeline-page-footer a{color:var(--color-primary);text-decoration:none;font-weight:500}.timeline-page-footer a:hover{text-decoration:underline}@media(max-width:768px){.timeline-page{padding:1.5rem .25rem}.page-header h1{font-size:2rem}.page-description{font-size:1rem}}@media(max-width:480px){.timeline-page{padding:1rem 0}}