.timeline-row{position:relative}.timeline-line{position:absolute;top:20px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0,#f5f0e6 8%,#f5f0e6 92%,transparent);z-index:1}.version-scroll{position:relative;z-index:2;display:flex;gap:1.5rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:20px 5rem 1.5rem;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent)}.version-scroll::-webkit-scrollbar{display:none}.event-column{flex:0 0 260px;display:flex;flex-direction:column;align-items:center}.event-node{width:14px;height:14px;border-radius:50%;border:2px solid #f5f0e6;background:#000;flex-shrink:0;margin-top:-7px;position:relative;z-index:3}.event-connector{width:2px;height:1.9rem}.event-connector,.event-date{background:#f5f0e6;flex-shrink:0}.event-date{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#000;border-radius:9999px;padding:2px 8px;white-space:nowrap;margin-top:.15rem;margin-bottom:.7rem}.event-card{width:100%;transition:transform .3s ease}.event-card:hover{transform:translateY(-4px)}.event-card-image{transition:transform .5s}.event-card-image:hover{transform:scale(1.03)}.branch-line{pointer-events:none;opacity:.88}@media (min-width:768px){.event-column{flex:0 0 300px}}