.ab-achievements-timeline-wrapper{
    max-width:1200px;
    margin:0 auto 60px;
    padding:40px 16px 0;
    background:#ffffff;
}
.ab-achievements-title{
    text-align:center;
    letter-spacing:.12em;
    font-size:26px;
    margin-bottom:32px;
    text-transform:uppercase;
}
.ab-years-bar{
    display:flex;
    gap:20px;
    justify-content:center;
    flex-wrap:wrap;
    border-bottom:1px solid #ddd;
    padding-bottom:16px;
}
.ab-year-btn{
    position:relative;
    border:none;
    background:none;
    font-size:14px;
    letter-spacing:.08em;
    text-transform:uppercase;
    padding:10px 0 4px;
    cursor:pointer;
    color:#555;
}
.ab-year-btn::after{
    content:'';
    position:absolute;
    left:0;
    top:-6px;
    width:0;
    height:2px;
    background:#000;
    transition:width .2s ease;
}
.ab-year-btn.active{
    color:#000;
    font-weight:600;
}
.ab-year-btn.active::after{
    width:100%;
}
.ab-year-btn:hover{
    color:#000;
}
.ab-year-content-wrapper{
    margin-top:40px;
}
.ab-year-content{
    display:none;
    animation:ab-fade .25s ease;
}
.ab-year-content.active{
    display:block;
}
.ab-year-description{
    text-align:center;
    max-width:900px;
    margin:0 auto 28px;
    color:#444;
    font-size:15px;
}
.ab-year-photos{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}
.ab-year-photos img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    background:#e5e5e5;
}
.ab-year-photos.single-image{
    max-width:700px;
    margin:0 auto;
    grid-template-columns:1fr;
}
@keyframes ab-fade{
    from{opacity:0;transform:translateY(4px)}
    to{opacity:1;transform:translateY(0)}
}
@media (max-width:768px){
    .ab-year-photos{
        grid-template-columns:1fr;
    }
    .ab-year-photos.single-image{
        max-width:100%;
    }
}