:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;min-width:320px;min-height:100vh;height:100%;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}.timeline-section{padding:10px;max-width:1100px;margin:auto;height:calc(100vh - 400px);overflow-y:auto}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:50%;top:0;width:5px;height:100%;background:#747bff;transform:scaleY(0);transform-origin:top}.timeline.animate:before{animation:growLine 1.5s ease forwards}@keyframes growLine{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.timeline-item{position:relative;padding:20px 24px;opacity:0;transform:translateY(40px)}.timeline.animate .timeline-item{animation:revealItem .7s ease forwards}@keyframes revealItem{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.timeline-item.left{left:0}.timeline-item.right{right:0}.timeline-content{background:#fff;padding:14px;border-radius:10px;border:1px solid #747bff;transition:all .25s ease;display:flex;flex-direction:column;cursor:pointer;width:100%}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000014}.timeline-header{display:flex;align-items:center;gap:14px}.timeline-image img{width:90px;height:90px;object-fit:cover;border-radius:5%}.timeline-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%}.timeline-text h3{margin:0;font-size:20px;color:#000;line-height:1.3;word-break:break-word}.timeline-text h4{margin:0;font-size:15px;font-weight:500;color:#747bff;word-break:break-word}.timeline-year{font-size:13px;font-weight:600;color:#747bff}.timeline-description{width:100%;max-height:0;opacity:0;overflow:hidden;margin-top:0;font-size:.95rem;line-height:1.5;color:#555;transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .35s ease,margin-top .35s ease}.timeline-description.open{max-height:300px;opacity:1;margin-top:12px}.timeline-description p{margin:0}.timeline-external-link{display:inline-block;margin-top:8px;font-weight:600;color:#747bff;text-decoration:none}.timeline-external-link:hover{text-decoration:underline}.timeline-section::-webkit-scrollbar{width:6px}.timeline-section::-webkit-scrollbar-thumb{background:#747bff;border-radius:4px}@media(max-width:768px){.timeline-section{padding:10px 8px}.timeline:before{display:none}.timeline-item{padding:10px 0}.timeline-content{width:94%;margin:0 auto;padding:12px 14px}.timeline-header{gap:10px}.timeline-image img{width:60px;height:60px}.timeline-text h3{font-size:16px}.timeline-text h4{font-size:13px}.timeline-year{font-size:11px}}html,body{background-color:#fff;color-scheme:light}:root{color-scheme:light}#root{max-width:1280px;margin:0 auto;padding-top:20px;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s;font-family:Space Grotesk,sans-serif}.tipo{font-family:Manrope,sans-serif;letter-spacing:2px}.square svg{display:block}.square{position:relative;display:flex;align-items:center;justify-content:center;width:129px;height:129px;transition:box-shadow .25s ease,transform .25s ease;background:#fff}.square.active:hover{box-shadow:none;transform:translateY(0)}nav{margin-top:20px}.header{display:flex;flex-direction:column;align-items:center}.content{margin-top:40px}.nav{margin-top:20px;display:flex;gap:25px;justify-content:center;position:relative}.nav-item{text-decoration:none;color:#000;font-weight:500;opacity:0;transform:translateY(20px)}.nav.animate .nav-item{animation:revealNavItem .5s ease forwards}.nav-indicator{position:absolute;bottom:-6px;height:3px;background:#0080ff;border-radius:2px;box-shadow:0 0 8px #0080ff;transition:all .35s ease}@keyframes revealNavItem{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1{color:#000}