.story-container{text-align:center}.story-container h1{font-family:var(--font-display);font-size:3.5rem;color:var(--light-text);letter-spacing:.02em}.story-container h2{width:600px;margin:0 auto;font-size:1.5rem;color:#aaa;margin-bottom:50px}.timeline-container{background-color:var(--surface-dark)}.timeline{text-align:left;position:relative;width:80%;margin:0 auto;padding:20px 0}.timeline-line{position:absolute;left:20px;top:0;bottom:0;width:4px;background-color:var(--light-text)}.timeline-item{position:relative;margin-left:50px;margin-bottom:30px;display:flex;align-items:flex-start;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.timeline-item.visible{opacity:1;transform:translateY(0)}.timeline-item::before{content:"";position:absolute;left:-38px;top:0;height:100%;width:20px;background-color:var(--light-text);border-radius:10px}.timeline-content{padding:10px 15px;border-radius:5px;color:var(--light-text)}.timeline-content h3{margin:0 0 5px;font-size:1.9rem;color:var(--light-text)}.timeline-content-container{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.text-content{flex:1}.image-content{flex:.5;display:flex;justify-content:center}.image-content img{width:100%;max-width:250px;max-height:250px;border-radius:5px}.timeline-description{font-size:.9rem;color:#ccc;margin-bottom:10px;font-family:rocknrollone;letter-spacing:.04em}.timeline-skills{list-style:none;padding:0;display:flex;flex-wrap:wrap}.timeline-skills li{background-color:var(--chip-bg);color:var(--light-text);padding:5px 20px;margin:5px;font-size:1rem;border-radius:30px;line-height:1rem}@media(max-width:768px){.timeline{width:95%}.story-container h2{width:300px}.timeline-content h3{font-size:1.4rem}.timeline-content h3 small{display:block}.timeline-content-container{flex-direction:column}.text-content,.image-content{flex:none;width:100%}.image-content{margin-top:20px}}