.timeline-container{position:relative;max-width:800px;margin:0 auto;padding:20px 10px}.timeline-container:after{content:"";position:absolute;width:4px;background:linear-gradient(to bottom,var(--ps-brown-700) 0%,var(--ps-brown-500) 100%);top:0;bottom:0;left:50%;margin-left:-2px;border-radius:2px}.timeline-item{padding:5px 20px;position:relative;width:50%;animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timeline-item.left{left:0}.timeline-item.right{left:50%}.timeline-marker{position:absolute;width:16px;height:16px;background-color:#fff;border:2px solid var(--ps-brown-700);border-radius:50%;top:25%;transform:translateY(-50%);z-index:10;transition:all .3s ease;box-shadow:0 0 0 2px #79554833}.timeline-item:hover .timeline-marker{background-color:var(--ps-brown-700);box-shadow:0 0 0 8px #79554833}.timeline-item.left .timeline-marker{right:-33px}.timeline-item.right .timeline-marker{left:-33px}.timeline-content{padding:12px!important;background:#fff!important;border-radius:4px!important;box-shadow:0 2px 8px #0000001a!important;transition:all .3s ease!important}.timeline-item:hover .timeline-content{transform:translateY(-5px);box-shadow:0 8px 24px #00000026!important}.timeline-image-container{margin:-12px -12px 10px;border-radius:4px 4px 0 0;overflow:hidden}.timeline-image{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .3s ease}.timeline-item:hover .timeline-image{transform:scale(1.05)}.timeline-date{color:var(--ps-brown-700);font-weight:600;font-size:.85em;margin-bottom:6px}.timeline-title{color:var(--ps-brown-900)!important;margin:6px 0!important;font-size:1.1em!important;line-height:1.2!important}.timeline-text{color:var(--ps-brown-900);line-height:1.4;font-size:.85em}@media screen and (max-width:768px){.timeline-container{padding:15px 5px}.timeline-container:after{left:20px}.timeline-item{width:100%;padding:4px 15px 4px 45px}.timeline-item.right{left:0}.timeline-item.left .timeline-marker,.timeline-item.right .timeline-marker{left:12px;top:20%;width:14px;height:14px}.timeline-image{aspect-ratio:1}.timeline-content{padding:10px!important}.timeline-title{font-size:1em!important}.timeline-text,.timeline-date{font-size:.8em}}.timeline-year{text-align:center;position:relative;margin:1em 0;z-index:2}.timeline-year span{background:var(--ps-brown-700);color:#fff;padding:.3em 1.2em;border-radius:12px;font-size:1.1em;font-weight:700;display:inline-block;box-shadow:0 2px 4px #0003}