.timeline-horizontal{width:100%;padding:40px 20px;position:relative;overflow-x:auto}.timeline-line{z-index:0;background-color:#e23;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.timeline-track{z-index:10;justify-content:space-around;align-items:flex-start;gap:30px;min-height:auto;padding:150px 20px;display:flex;position:relative}.timeline-item-horizontal{flex-direction:column;flex-shrink:0;align-items:center;width:140px;height:auto;display:flex;position:relative}.timeline-item-horizontal.timeline-top{justify-content:flex-start;align-items:center;padding-bottom:0}.timeline-item-horizontal.timeline-top .timeline-content-box{flex-direction:column;flex-shrink:0;order:1;align-items:center;gap:15px;margin-bottom:300px;animation:.6s ease-out slideInDown;display:flex}.timeline-item-horizontal.timeline-top .timeline-dot{z-index:25;order:2;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-item-horizontal.timeline-bottom{justify-content:flex-end;align-items:center;padding-top:0}.timeline-item-horizontal.timeline-bottom .timeline-dot{z-index:25;order:1;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-item-horizontal.timeline-bottom .timeline-content-box{flex-direction:column;flex-shrink:0;order:2;align-items:center;gap:15px;margin-top:300px;animation:.6s ease-out slideInUp;display:flex}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.timeline-content-box{text-align:center;flex-direction:column;align-items:center;gap:15px;display:flex}.timeline-dot{z-index:20;background-color:#e23;border:5px solid #fff;border-radius:50%;flex-shrink:0;width:28px;height:28px;position:relative;box-shadow:0 2px 10px #0003}.timeline-card-image{border-radius:50%;width:120px;height:120px;overflow:hidden;box-shadow:0 4px 12px #00000026}.timeline-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.timeline-card-image:hover img{transform:scale(1.05)}.timeline-card-info{flex-direction:column;gap:8px;width:100%;display:flex}.timeline-year-badge{color:#e23;margin:0;font-size:16px;font-weight:700}.timeline-description-short{color:#666;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.timeline-vertical{margin-top:20px;padding:20px 0;position:relative}.timeline-vertical:before{content:"";background-color:#e23;width:3px;position:absolute;top:0;bottom:0;left:30px}.timeline-item{margin-bottom:30px;padding-left:100px;position:relative}.timeline-marker{background-color:#fff;border:3px solid #e23;border-radius:50%;width:35px;height:35px;position:absolute;top:8px;left:12px}.timeline-body{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.timeline-body h4{color:#232323;margin-top:0;margin-bottom:15px;font-size:20px;font-weight:700}.timeline-item-image{object-fit:cover;border-radius:5px;width:100%;height:200px;margin-bottom:15px}.timeline-body p{color:#666;margin-bottom:0;font-size:14px;line-height:1.6}@media (max-width:1200px){.timeline-track{gap:20px;padding:80px 10px}.timeline-item-horizontal{width:120px}.timeline-top .timeline-content-box{margin-bottom:200px}.timeline-bottom .timeline-content-box{margin-top:200px}.timeline-card-image{width:100px;height:100px}.timeline-year-badge{font-size:14px}.timeline-description-short{font-size:11px}}@media (max-width:992px){.timeline-track{gap:15px;padding:60px 10px}.timeline-item-horizontal{width:110px}.timeline-top .timeline-content-box{margin-bottom:150px}.timeline-bottom .timeline-content-box{margin-top:150px}.timeline-card-image{width:90px;height:90px}.timeline-dot{width:24px;height:24px}.timeline-year-badge{font-size:13px}.timeline-description-short{font-size:10px}}@media (max-width:768px){.timeline-horizontal{display:none}.timeline-vertical{display:block}}@media (max-width:480px){.timeline-vertical{padding:15px 0}.timeline-vertical:before{width:2px;left:20px}.timeline-item{margin-bottom:25px;padding-left:70px}.timeline-marker{border-width:2px;width:30px;height:30px;left:5px}.timeline-body{border-radius:6px;padding:15px}.timeline-body h4{margin-bottom:12px;font-size:18px}.timeline-item-image{height:150px;margin-bottom:12px}.timeline-body p{font-size:13px}}