.vertical-timeline-section{position:relative}.vertical-timeline{margin-bottom:2em;margin-top:2em;padding:2em 0;position:relative}.vertical-timeline:before{background:#fff;content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.timeline-item{margin:2em 0;opacity:0;position:relative;transform:translateY(30px);transition:all .6s ease-out}.timeline-item.animate-in{opacity:1;transform:translateY(0)}.timeline-item:before{border:4px solid var(--trio-blue-light);border-radius:50%;box-shadow:0 0 0 4px #fff;content:"";height:40px;left:0;position:absolute;top:50%;transform:scale(1) translateY(-50%);width:40px;z-index:2}.timeline-content,.timeline-item:before{background:#fff;transition:all .3s ease-in-out}.timeline-content{border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.1);margin-left:60px;padding:1.5em;position:relative;transform:translateY(0)}.timeline-content:before{border:10px solid transparent;border-right-color:#fff;content:"";height:0;left:-10px;position:absolute;top:20px;width:0}.timeline-year{color:var(--trio-blue-light);display:block;font-size:1.2em}.timeline-title,.timeline-year{font-weight:600;margin-bottom:.5em}.timeline-title{color:#2c3e50;font-size:1.4em;line-height:1.2}.timeline-description{color:#7f8c8d;line-height:1.6;margin-bottom:1em}.timeline-image{animation:loading 1.5s infinite;background-color:#f3f4f6;background-image:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;border-radius:6px;height:200px;margin-top:1em;object-fit:cover;width:100%}.timeline-image[src]{animation:none;background:none}.timeline-animate-slow .timeline-item{transition:all 1s ease-out}.timeline-animate-normal .timeline-item{transition:all .6s ease-out}.timeline-animate-fast .timeline-item{transition:all .3s ease-out}@media only screen and (min-width:768px){.vertical-timeline:before{left:50%;margin-left:-2px}.timeline-item{margin:2em 0;width:50%}.timeline-item:nth-child(odd){left:0;text-align:right}.timeline-item:nth-child(2n){left:50%;text-align:left}.timeline-item:nth-child(odd):before{left:auto;right:-20px}.timeline-item:nth-child(2n):before{left:-20px}.timeline-item:nth-child(odd) .timeline-content{margin-left:0;margin-right:60px}.timeline-item:nth-child(2n) .timeline-content{margin-left:60px;margin-right:0}.timeline-item:nth-child(odd) .timeline-content:before{border-left-color:#fff;border-right-color:transparent;left:auto;right:-10px}.timeline-item:nth-child(2n) .timeline-content:before{border-left-color:transparent;border-right-color:#fff;left:-10px}}.timeline-item:hover .timeline-content{box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-5px)}.timeline-item:hover:before{box-shadow:0 0 0 4px var(--trio-blue-light),0 0 20px rgba(0,170,229,.4);transform:scale(1.1) translateY(-50%)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.timeline-item{opacity:1;transform:none}.timeline-animate-fast .timeline-item,.timeline-animate-normal .timeline-item,.timeline-animate-slow .timeline-item,.timeline-item{transition:none}}@media print{.timeline-item{break-inside:avoid;opacity:1;transform:none}.timeline-item:before,.vertical-timeline:before{display:none}}