/* =======================================================
   Timeline
======================================================= */

.timeline{

    position:relative;

    max-width:900px;

    margin:5rem auto 0;

    padding-left:3rem;

}

.timeline::before{

    content:"";

    position:absolute;

    left:10px;

    top:0;

    bottom:0;

    width:2px;

    background:linear-gradient(
        to bottom,
        transparent,
        rgba(124,58,237,.8),
        rgba(124,58,237,.3),
        transparent
    );

}

.timeline-entry{

    position:relative;

    margin-bottom:5rem;

    padding-left:2.5rem;

}

.timeline-entry:last-child{

    margin-bottom:0;

}

.timeline-entry::before{

    content:"";

    position:absolute;

    left:-2px;

    top:.5rem;

    width:22px;

    height:22px;

    border-radius:50%;

    background:var(--accent);

    border:4px solid rgba(15,17,26,.95);

    box-shadow:
        0 0 20px rgba(124,58,237,.5);

}

.timeline-year{

    font-size:.9rem;

    font-weight:700;

    letter-spacing:.2em;

    text-transform:uppercase;

    color:var(--accent-light);

    margin-bottom:.5rem;

}

.timeline-title{

    font-family:"Space Grotesk",sans-serif;

    font-size:2rem;

    font-weight:700;

    color:var(--text-primary);

    margin-bottom:1rem;

}

.timeline-text{

    max-width:60ch;

    line-height:1.9;

    color:var(--text-secondary);

}

.timeline-summary{

    margin-top:2rem;

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));

    gap:1rem;

}

.timeline-stat{

    background:rgba(255,255,255,.04);

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    padding:1rem 1.25rem;

    backdrop-filter:blur(14px);

}

.timeline-stat h4{

    font-size:.75rem;

    text-transform:uppercase;

    letter-spacing:.15em;

    color:var(--accent-light);

    margin-bottom:.5rem;

}

.timeline-stat p{

    margin:0;

    color:var(--text-primary);

    font-weight:500;

}