section.timeline{container-type:inline-size}section.timeline .timeline-item{width:100%;display:flex;flex-wrap:nowrap;gap:32px;margin-bottom:24px}section.timeline .timeline-item .timeline-year-shape path{fill:#fff;transition:fill 240ms ease-in-out}section.timeline .timeline-item .timeline-year{width:223px;height:375px;margin-top:-118px;position:relative}section.timeline .timeline-item .timeline-year .text{font-family:"tt-commons-pro-thin",sans-serif;font-weight:200;font-size:64px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}section.timeline .timeline-item .timeline-image{width:245px;height:255px;position:relative}section.timeline .timeline-item .timeline-image .timeline-image-shape{opacity:1;transition:opacity 240ms ease-in-out 120ms}section.timeline .timeline-item .timeline-image img{opacity:0;position:absolute;left:1px;top:1px;clip-path:polygon(50% 0, 100% 0, 100% 50%, 50% 100%, 0 100%, 0 50%);width:100%;height:100%;object-fit:cover;transition:opacity 240ms ease-in-out 120ms;filter:grayscale(100%)}section.timeline .timeline-item .timeline-title{opacity:0;font-weight:800;transition:opacity 260ms ease-in-out 140ms;width:55ch}section.timeline .timeline-item .timeline-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;opacity:0;transition:opacity 320ms ease-in-out 160ms;width:55ch}section.timeline .timeline-item.active .timeline-year-shape path{fill:#f9cd1b}section.timeline .timeline-item.active .timeline-image-shape{opacity:0}section.timeline .timeline-item.active img{opacity:1}section.timeline .timeline-item.active .timeline-title{opacity:1}section.timeline .timeline-item.active .timeline-description{opacity:1}section.timeline .timeline-item.active.last-active .timeline-year .text{font-weight:700}@container (max-width: 1200px){section.timeline .timeline-item{gap:16px}section.timeline .timeline-item .timeline-year{margin-top:-58px}section.timeline .timeline-item .timeline-year .text{font-size:32px}section.timeline .timeline-item .timeline-year,section.timeline .timeline-item .timeline-year-shape{width:112px;height:187px}section.timeline .timeline-item .timeline-image,section.timeline .timeline-item .timeline-image-shape{width:122px;height:128px}section.timeline .timeline-item .timeline-description,section.timeline .timeline-item .timeline-title{width:35ch}}@container (max-width: 640px){section.timeline .timeline-item .timeline-image{display:none}section.timeline .timeline-item .timeline-description,section.timeline .timeline-item .timeline-title{width:auto}}@container (max-width: 460px){section.timeline .timeline-item .timeline-year,section.timeline .timeline-item .timeline-year-shape{width:56px;height:93px}section.timeline .timeline-item .timeline-image,section.timeline .timeline-item .timeline-image-shape{width:61px;height:64px}section.timeline .timeline-item .timeline-year{margin-top:-35px}section.timeline .timeline-item .timeline-year .text{font-size:16px}section.timeline .timeline-item .timeline-description,section.timeline .timeline-item .timeline-title{width:auto;-webkit-line-clamp:unset}}