#timeline-container{position:relative;padding:2rem 0;max-width:900px;margin:0 auto;z-index:0}#timeline-container::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--main-color),var(--main-color-dark));transform:translateX(-2px)}.timeline-item{margin-bottom:15rem;display:grid;grid-template-columns:1fr 1fr;position:relative;gap:0}.timeline-marker{position:absolute;left:50%;width:20px;height:20px;background:var(--background-color);border:4px solid var(--main-color);border-radius:50%;transform:translateX(-50%);z-index:10;transition:all .3s ease;grid-column:1/-1}.timeline-item:hover .timeline-marker{width:28px;height:28px;box-shadow:0 0 0 8px rgba(255,76,74,.1);transform:translateX(-50%)scale(1.2)}.timeline-content{grid-column:1/-1;display:flex;align-items:center;position:relative;padding:0 1.5rem;gap:2rem}.timeline-right .timeline-content{flex-direction:row}.timeline-left .timeline-content{flex-direction:row-reverse}.timeline-link{text-decoration:none;color:inherit;display:block;transition:all .3s ease}.timeline-row{display:contents}.timeline-image-link{flex:none;width:300px;height:300px;text-decoration:none;color:inherit;position:relative;z-index:1}.timeline-info-link{flex:1;min-width:0;text-decoration:none;color:inherit;position:relative;z-index:1}.floating-logos{position:absolute;top:-30px;left:-30px;right:-30px;bottom:-30px;pointer-events:none;z-index:-1;overflow:visible}.timeline-right .floating-logos{top:-30px;left:0;right:-60px;bottom:-30px}.timeline-left .floating-logos{top:-30px;left:-60px;right:0;bottom:-30px}.floating-logo{position:absolute;width:60px;height:60px;background-color:var(--background-color);border-radius:12px;opacity:1;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;--side:calc(var(--i) % 4);--top-val:calc(-20px + (var(--seed) * var(--i)) % 10 * 1px);--left-val:calc(var(--i) * 20%);top:var(--top-val);left:var(--left-val);animation:float-around 20s infinite ease-in-out;animation-delay:calc(var(--i) * -4s)}@media(prefers-color-scheme:dark){.floating-logo{box-shadow:0 4px 6px rgba(0,0,0,.3)}}.floating-logo:nth-child(4n+1){top:-30px;left:calc(var(--i) * 25% + 5%)}.floating-logo:nth-child(4n+2){top:calc(var(--i) * 25% + 10%);right:-30px;left:auto}.floating-logo:nth-child(4n+3){bottom:-30px;left:calc(var(--i) * 25% + 5%)}.floating-logo:nth-child(4n+4){top:calc(var(--i) * 25% + 10%);left:-30px}.floating-logo-image{width:80%;height:80%;object-fit:contain;filter:drop-shadow(.15rem .15rem .25rem rgba(0,0,0,.2))}@keyframes float-around{0%,100%{transform:translate(0,0)rotate(-8deg)scale(1)}33%{transform:translate(15px,-15px)rotate(5deg)scale(1.05)}66%{transform:translate(-10px,10px)rotate(-3deg)scale(.98)}}.timeline-image-card{background:var(--background-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease;height:100%;width:100%;border:2px solid transparent;position:relative;display:flex}@media(prefers-color-scheme:dark){.timeline-image-card{box-shadow:0 4px 6px rgba(0,0,0,.3)}}.timeline-image-link:hover .timeline-image-card{border-color:var(--main-color);box-shadow:0 8px 12px rgba(255,76,74,.2);transform:translateY(-4px)}@media(prefers-color-scheme:dark){.timeline-image-link:hover .timeline-image-card{box-shadow:0 8px 12px rgba(255,76,74,.4)}}.timeline-info-card{background:var(--background-color);border-radius:12px;overflow:visible;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease;display:flex;flex-direction:column;height:100%;border:2px solid transparent;padding:2rem;position:relative;z-index:1}@media(prefers-color-scheme:dark){.timeline-info-card{box-shadow:0 4px 6px rgba(0,0,0,.3)}}.timeline-info-link:hover .timeline-info-card{border-color:var(--main-color);box-shadow:0 8px 12px rgba(255,76,74,.2);transform:translateY(-4px)}@media(prefers-color-scheme:dark){.timeline-info-link:hover .timeline-info-card{box-shadow:0 8px 12px rgba(255,76,74,.4)}}.timeline-image-container{width:100%;height:100%;overflow:hidden;background:var(--background-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;filter:drop-shadow(.4rem .4rem .5rem rgba(0,0,0,.5))}.timeline-image-link:hover .timeline-image{transform:scale(1.05)}.timeline-image-placeholder{color:#fff;font-size:14px;font-weight:600}.timeline-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:var(--text-color);line-height:1.3}.timeline-date{margin:0 0 1rem;font-size:.9rem;color:var(--main-color);font-weight:600}.timeline-description{margin:0 0 1rem;font-size:.95rem;color:var(--text-color);line-height:1.5;flex-grow:1}.timeline-read-more{display:inline-block;color:var(--main-color);font-weight:600;font-size:.9rem;transition:all .3s ease;margin-top:auto}.timeline-info-link:hover .timeline-read-more{color:var(--main-color-dark)}@media(max-width:768px){#timeline-container{padding:2rem 0}#timeline-container::before{left:30px}.timeline-item{grid-template-columns:auto;padding-left:calc(30px + 30px);padding-right:0}.timeline-marker{left:30px}.timeline-content{flex-direction:column!important;gap:1.5rem}.timeline-image-link{width:100%;height:250px}.timeline-info-link{flex:1}.timeline-image-container{height:250px}}@media(max-width:480px){#timeline-container{padding:2rem 0}#timeline-container::before{left:20px}.timeline-item{margin-bottom:2rem;padding-left:calc(20px + 25px);padding-right:0}.timeline-marker{left:20px;width:16px;height:16px;border-width:3px}.timeline-marker:hover{width:16px;height:16px}.timeline-content{flex-direction:column!important;gap:1.5rem}.timeline-image-link{width:100%;height:200px}.timeline-image-container{height:200px}.timeline-info-card{padding:1rem}.timeline-title{font-size:1.1rem}.timeline-description{font-size:.9rem}}@supports(view-transition-name:auto){.timeline-marker{view-transition-name:var(--transition-timeline-marker,auto)}.timeline-image{view-transition-name:var(--transition-timeline-image,auto)}}