.ptp-timeline{
width:100%;
}

.ptp-item{
display:grid;
grid-template-columns:220px minmax(300px,1fr) 180px;
align-items:center;
gap:40px;
padding:45px 0;
border-bottom:1px solid #d28a22;
transition:.35s ease;
}

.ptp-year{
font-size:92px;
line-height:1;
font-weight:700;
color:#d28a22;
transition:.35s ease;
}

.ptp-location{
font-size:18px;
color:#d28a22;
font-weight:600;
margin-bottom:8px;
}

.ptp-title{
font-size:24px;
font-weight:700;
color:#555;
}

.ptp-client{
font-size:18px;
color:#555;
margin-top:8px;
}

.ptp-image{
display:flex;
justify-content:flex-end;
overflow:visible;
}

.ptp-image img{
width:120px;
height:75px;
object-fit:cover;
transition:.35s ease;
}

.ptp-item:hover .ptp-year{
font-size:78px;
}

.ptp-item:hover .ptp-image img{
width:180px;
height:110px;
transform:scale(1.05);
}

@media(max-width:768px){
.ptp-item{
grid-template-columns:1fr;
gap:20px;
}
.ptp-image{
justify-content:flex-start;
}
}