.timeline{max-width:1000px;margin:0 auto;padding:40px 0;position:relative}.timeline:after{content:"";background:linear-gradient(to bottom, var(--cmyk-c), var(--cmyk-m), var(--cmyk-y), var(--cmyk-c));opacity:.85;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.timeline-item{background-color:inherit;box-sizing:border-box;width:50%;padding:10px 40px;position:relative}.timeline-item.left{left:0}.timeline-item.right{left:50%}.timeline-item:after{content:"";background:var(--color-background);border:3px solid var(--cmyk-c);z-index:1;border-radius:50%;width:16px;height:16px;transition:background .2s,border-color .2s;position:absolute;top:22px;right:-8px}.timeline-item.right:after{left:-8px;right:auto}.timeline-item:hover:after{border-color:var(--cmyk-m);background:#00ffff40}.timeline-content{border-radius:var(--radius-default);box-shadow:var(--shadow-ambient);background:#111;border:1px solid #ffffff14;padding:1.25rem 1.5rem;transition:box-shadow .25s,transform .25s,border-color .25s;position:relative}.timeline-content:hover{box-shadow:var(--shadow-elevated);border-color:#0ff3;transform:translateY(-4px)}.timeline-date{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--cmyk-c);margin-bottom:.4rem;font-size:.72rem;font-weight:700}.timeline-title{font-family:var(--font-headline);color:var(--color-on-surface);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.4rem;font-size:1rem}.timeline-desc{font-family:var(--font-body);color:#ffffffa6;font-size:.88rem;line-height:1.7}@media screen and (width<=768px){.timeline:after{left:28px}.timeline-item{width:100%;padding-left:64px;padding-right:16px}.timeline-item.left,.timeline-item.right{left:0}.timeline-item:after,.timeline-item.right:after{left:18px;right:auto}}