.timeline-container{position:relative;max-width:1000px;margin:0 auto;padding:2rem 1rem}.timeline-container:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background-color:#5e4b3c68}.timeline-item{position:relative;margin-bottom:3rem;padding-left:2rem;padding-right:2rem}.timeline-card{background-color:#ffffff;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;opacity:0;transform:translateY(20px);transition:transform .5s ease,box-shadow .3s ease}.timeline-card-loaded{opacity:1;transform:translateY(0)}.timeline-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.timeline-card img{border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);max-width:160px;height:auto;-o-object-fit:cover;object-fit:cover}.timeline-card h2{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;text-align:center}.timeline-card p{color:#4b5563;text-align:center}.timeline-card a{color:#5e4b3c;margin-top:.5rem;display:inline-block;text-decoration:none;font-weight:500}.timeline-card a:hover{text-decoration:underline}@media (min-width:768px){.timeline-item{display:flex;justify-content:flex-start}.timeline-item:nth-child(2n) .timeline-card{margin-left:auto}.timeline-item:nth-child(odd) .timeline-card{margin-right:auto}.timeline-card{flex-direction:row;align-items:center;gap:1.5rem}.timeline-card h2,.timeline-card p{text-align:left}}@media (max-width:767px){.timeline-card{margin-bottom:1.5rem}}.timeline-header{color:#5e4b3c;padding:2rem 0}